වර්ඩ්ප්‍රෙස් පෝරමවල අභිරුචි HTML අන්තර්ගතයන් එකතු කරන්නේ කෙසේද?

පෝරම යනු ආදාන ක්ෂේත්‍ර පමණක් නොවේ. සමහර විට ඔබට යමක් පැහැදිලි කිරීමට, කොටස් බෙදීමට, රූපයක් පෙන්වීමට හෝ ප්‍රශ්න අතර සන්දර්භයක් එක් කිරීමට අවශ්‍ය වේ. අභිරුචි HTML අන්තර්ගතය ස්ථිතික පෝරම මඟ පෙන්වන අත්දැකීම් බවට පරිවර්තනය කරයි. ඔබේ වර්ඩ්ප්‍රෙස් පෝරමවලට පොහොසත් අන්තර්ගතයන් එකතු කරන්නේ කෙසේද යන්න මෙන්න.

HTML බ්ලොක් එක යනු කුමක්ද?

අර්ථ දැක්වීම

HTML බ්ලොක් යනු ආදාන එකතු නොකර අන්තර්ගතය පෙන්වන විශේෂ පෝරම අංගයකි. එය ඔබගේ පෝරම ක්ෂේත්‍ර අතර HTML විදැහුම් කරයි, එමඟින් ඔබට පෙළ, රූප, වීඩියෝ, බෙදුම්කරුවන් සහ තවත් දේ එක් කිරීමට ඉඩ සලසයි.

HTML බ්ලොක් එදිරිව සාමාන්‍ය ක්ෂේත්‍ර

HTML බ්ලොක්ස් භාවිතා කරන්නේ ඇයි?

1. උපදෙස් සහ මග පෙන්වීම

කළ යුතු දේ තේරුම් ගැනීමට පරිශීලකයින්ට උදව් කරන්න:

• සංකීර්ණ ප්‍රශ්න පැහැදිලි කරන්න
• සන්දර්භය ලබා දෙන්න
• ලැයිස්තු අවශ්‍යතා
• අංශ හරහා මඟ පෙන්වන්න

2. දෘශ්‍ය සංවිධානය

දිගු ආකෘති බිඳ දමන්න:

• අංශ මාතෘකා
• තිරස් බෙදුම්කරුවන්
• දෘශ්‍ය බෙදුම්කරුවන්
• සමූහගත අන්තර්ගතය

3. පොහොසත් මාධ්‍ය

දෘශ්‍ය අංග එකතු කරන්න:

• රූප සහ නිරූපක
• කාවැද්දූ වීඩියෝ
• ජී
• රූප සටහන්

4. නීතිමය සහ අනුකූලතාවය

වැදගත් තොරතුරු පෙන්වන්න:

• නියමයන් සහ කොන්දේසි පෙළ
• රහස්‍යතා දැන්වීම්
• වියාචනයන්
• අවශ්‍ය හෙළිදරව් කිරීම්

5. සන්නම්කරණය

ඔබේ වෙළඳ නාමය ශක්තිමත් කරන්න:

• ලොජෝස්
• වෙළඳ නාම වර්ණ
• අභිරුචි මෝස්තරකරණය
• ස්ථාවර පෙනුම

HTML බ්ලොක් එකක් එකතු කිරීම

පියවර 1: ක්ෂේත්‍රය එක් කරන්න

1. ඔබගේ පෝරමය විවෘත කරන්න ඒ.එෆ්.බී.
2. සොයන්න HTML බ්ලොක් ක්ෂේත්‍ර ලැයිස්තුවේ
3. ඔබේ පෝරමයේ අපේක්ෂිත ස්ථානයට එය ඇදගෙන යන්න.

පියවර 2: ඔබේ අන්තර්ගතය එක් කරන්න

1. එය තේරීමට HTML බ්ලොක් එක ක්ලික් කරන්න.
2. සැකසුම් පැනලය විවෘත කරන්න
3. ඔබගේ HTML අන්තර්ගතය ඇතුළත් කරන්න
4. පෙනුම සත්‍යාපනය කිරීමට පෙරදසුන

පියවර 3: පිහිටීම සහ විලාසය

1. අවශ්‍ය නම් නැවත ඇණවුම් කිරීමට අදින්න
2. පේළිගත විලාස හෝ පන්ති එක් කරන්න
3. ඉදිරිපස කෙළවරේ පරීක්ෂණය

පොදු HTML බ්ලොක් භාවිතයන්

1. අංශ ශීර්ෂයන්

පුද්ගලික තොරතුරු කරුණාකර ඔබගේ සම්බන්ධතා තොරතුරු පහතින් ලබා දෙන්න.

ප්රතිඵලය:

පුද්ගලික තොරතුරු
කරුණාකර ඔබගේ සම්බන්ධතා තොරතුරු පහතින් සපයන්න.

2. තිරස් බෙදුම්කරු

ප්රතිඵලය: කොටස් වෙන් කරන පිරිසිදු රේඛාවක්.

3. උපදෙස් පෙට්ටිය

 වැදගත්: ඉදිරියට යාමට පෙර කරුණාකර ඔබගේ ඇණවුම් අංකය සූදානම් කර ගන්න.

4. බුලටිත උපදෙස්

ඉදිරිපත් කිරීමට පෙර, කරුණාකර සහතික කර ගන්න: අවශ්‍ය සියලුම ක්ෂේත්‍ර සම්පූර්ණ කර ඇත. ඔබගේ විද්‍යුත් තැපැල් ලිපිනය නිවැරදියි. ඔබ පහත නියමයන් සමාලෝචනය කර ඇත.

5. රූපය

6. කාවැද්දූ වීඩියෝව

7. අනතුරු ඇඟවීමේ/අනතුරු ඇඟවීමේ පෙට්ටිය

 ⚠️ අවවාදයයි: ඉදිරිපත් කිරීම් යැවීමෙන් පසු සංස්කරණය කළ නොහැක.

8. සාර්ථකත්වය/තොරතුරු පෙට්ටිය

 ✓ ඔබගේ ප්‍රගතිය ස්වයංක්‍රීයව සුරැකේ.

9. රහස්‍යතා නිවේදනය

ඔබගේ තොරතුරු අපගේ රහස්‍යතා ප්‍රතිපත්තිය යටතේ ආරක්ෂා කර ඇත. අපි කිසි විටෙකත් ඔබගේ දත්ත තෙවන පාර්ශවයන් සමඟ බෙදා නොගනිමු.

10. නියමයන් සහ කොන්දේසි සාරාංශය

 සේවා කොන්දේසි මෙම පෝරමය ඉදිරිපත් කිරීමෙන්, ඔබ එකඟ වන්නේ...

පෝරම පිරිසැලසුම් උදාහරණ

බහු-අංශ පෝරමය

[HTML බ්ලොක්: 1 කොටස - පුද්ගලික තොරතුරු ශීර්ෂය] නම් ක්ෂේත්‍රය විද්‍යුත් තැපැල් ක්ෂේත්‍රය දුරකථන ක්ෂේත්‍රය [HTML බ්ලොක්: බෙදුම්කරු] [HTML බ්ලොක්: 2 කොටස - ව්‍යාපෘති විස්තර ශීර්ෂය] ව්‍යාපෘති වර්ගය පතන විස්තරය පෙළ ප්‍රදේශය අයවැය ක්ෂේත්‍රය [HTML බ්ලොක්: බෙදුම්කරු] [HTML බ්ලොක්: 3 කොටස - අවසාන පියවර ශීර්ෂය] ගොනු උඩුගත කිරීමේ නියමයන් පිරික්සුම් කොටුව ඉදිරිපත් කරන්න බොත්තම

උපදෙස් පෝරමය

[HTML බ්ලොක්: පිළිගැනීමේ පණිවිඩය සහ උපදෙස්] [HTML බ්ලොක්: පියවර 1 දර්ශකය] ප්‍රශ්නය 1 ප්‍රශ්නය 2 [HTML බ්ලොක්: පියවර 2 දර්ශකය] ප්‍රශ්නය 3 ප්‍රශ්නය 4 [HTML බ්ලොක්: සමාලෝචන මතක් කිරීම] ඉදිරිපත් කිරීමේ බොත්තම

අයදුම්පත

[HTML බ්ලොක්: සමාගම් ලාංඡනය] [HTML බ්ලොක්: තනතුරු මාතෘකාව සහ විස්තරය] නම් ක්ෂේත්‍රය විද්‍යුත් තැපැල් ක්ෂේත්‍රය [HTML බ්ලොක්: ආකෘති අවශ්‍යතා සහිත "ඔබේ ජීව දත්ත පත්‍රය උඩුගත කරන්න" උපදෙස්] ගොනු උඩුගත කිරීමේ ක්ෂේත්‍රය [HTML බ්ලොක්: සමාන අවස්ථා ප්‍රකාශය] ඉදිරිපත් කිරීමේ බොත්තම

HTML බ්ලොක් මෝස්තර කිරීම

පේළිගත විලාස

මූලද්‍රව්‍යවලට කෙලින්ම මෝස්තර එක් කරන්න:

ඔබේ විලාසිත අන්තර්ගතය මෙතැනින්.

පොදු විලාස ගුණාංග

පසුබිම: පසුබිම: #f5f5f5; පෑඩින් කිරීම: පෑඩින්: 15px; මායිම: මායිම: 20px 0; මායිම: මායිම: 1px ඝන #ddd; මායිම් අරය: මායිම්-අරය: 5px; අකුරු ප්‍රමාණය: අකුරු-ප්‍රමාණය: 14px; වර්ණය: වර්ණය: #333; පෙළ පෙළගැස්ම: පෙළ-පෙළගැස්ම: මැද;

මෝස්තර සහිත පෙට්ටි නිර්මාණය කිරීම

තොරතුරු කොටුව (නිල්):

 ℹ️ තොරතුරු පණිවිඩය මෙතනින්

සාර්ථකත්ව කොටුව (කොළ):

 ✓ සාර්ථකත්ව පණිවිඩය මෙතැනින්

අනතුරු ඇඟවීමේ පෙට්ටිය (කහ):

 ⚠️ අවවාදාත්මක පණිවිඩය මෙතැනින්

දෝෂ කොටුව (රතු):

 ✕ මෙහි දෝෂයක් හෝ වැදගත් අනතුරු ඇඟවීමක් තිබේ

ප්‍රතිචාරාත්මක නිර්මාණ ඉඟි

රූප

ප්‍රතිචාරාත්මක රූප සඳහා සැමවිටම උපරිම පළල භාවිතා කරන්න:

වීඩියෝ දර්ශන

කාවැද්දූ වීඩියෝ සඳහා ප්‍රතිචාරාත්මක එතුම භාවිතා කරන්න:

පෙළ කියවීමේ හැකියාව

• සාපේක්ෂ අකුරු ප්‍රමාණ භාවිතා කරන්න (em, rem)
• පේළි දිග කියවිය හැකි ලෙස තබා ගන්න
• ජංගම දුරකථනයේ ප්‍රමාණවත් පිරවුමක්

හොඳම පරිචයන්

1. එය සංක්ෂිප්තව තබා ගන්න

• කෙටි, ස්කෑන් කළ හැකි පෙළ
• ඡේද මත බුලට් ලකුණු
• අත්‍යවශ්‍ය තොරතුරු පමණි

2. දෘශ්‍ය ධූරාවලිය

• ශීර්ෂ හිස් කරන්න
• අනුකූල මෝස්තරකරණය
• තාර්කික ප්රවාහය

3. ප්‍රවේශ්‍යතාව

• පින්තූර සඳහා විකල්ප පෙළ
• ප්‍රමාණවත් වර්ණ වෙනස
• අර්ථකථන HTML (h2, h3, p, ul)
• අර්ථය සඳහා වර්ණය මත පමණක් රඳා නොසිටින්න.

4. එය ඉක්මවා නොයන්න

• ඕනෑවට වඩා අන්තර්ගතය අධික ලෙස පිරී යයි
• ආදාන ක්ෂේත්‍ර සමඟ අන්තර්ගතය තුලනය කරන්න
• සෑම HTML බ්ලොක් එකක් සඳහාම අරමුණ

5. හොඳින් පරීක්ෂා කරන්න

• ඩෙස්ක්ටොප් සහ ජංගම දුරකථන වල පෙරදසුන
• සියලුම සබැඳි ක්‍රියාත්මක දැයි පරීක්ෂා කරන්න.
• රූප පූරණය සත්‍යාපනය කරන්න
• විවිධ බ්‍රව්සර්වල පරීක්ෂා කරන්න

උසස් HTML බ්ලොක් අදහස්

ප්‍රගති දර්ශකය

1 යි  2  3 යි පියවර 2න් 3: ව්‍යාපෘති විස්තර

ද්වි-තීරු පිරිසැලසුම

විකල්ප A විකල්ප A හි විස්තරය... විකල්ප B විකල්ප B හි විස්තරය...

හැකිලිය හැකි කොටස (විස්තර/සාරාංශය)

සම්පූර්ණ නියමයන් කියවීමට ක්ලික් කරන්න සම්පූර්ණ නියමයන් සහ කොන්දේසි පෙළ මෙතැනින්...

අයිකන ලැයිස්තුව

✓ ඩොලර් 50 ට වැඩි ඇණවුම් සඳහා නොමිලේ නැව්ගත කිරීම ✓ දින 30ක මුදල් ආපසු ගෙවීමේ සහතිකය ✓ 24/7 පාරිභෝගික සහාය

ගණන් කිරීම/හදිසි බව

 🔥 සීමිත කාල දීමනාව - සුදුසුකම් ලැබීමට සිකුරාදා වන විට ඉදිරිපත් කරන්න!

ආරක්ෂක සලකා බැලීම්

ආරක්ෂිත කුමක්ද?

• සම්මත HTML ටැග් (p, div, h1-h6, ul, li, ආදිය)
• පේළිගත විලාස
• විශ්වාසදායක මූලාශ්‍රවලින් ලබාගත් රූප
• ප්‍රධාන වේදිකාවලින් කාවැද්දූ වීඩියෝ

වළක්වා ගත යුතු දේ

• HTML බ්ලොක් වල JavaScript (ඉවත් කළ හැක)
• බාහිර ස්ක්‍රිප්ට්
• විශ්වාස නොකළ iframe මූලාශ්‍ර
• HTML බ්ලොක් තුළ ඇති පෝරම මූලද්‍රව්‍ය

ස්ක්‍රිප්ට් සීමා කිරීම් පිළිබඳ සටහන

බොහෝ පෝරම සාදන්නන් XSS ප්‍රහාර වැළැක්වීම සඳහා HTML විෂබීජහරණය කරයි. ආරක්ෂාව සඳහා JavaScript සහ ඇතැම් ටැග් ස්වයංක්‍රීයව ඉවත් කළ හැකිය.

දෝෂගවේෂණය

HTML විදැහුම්කරණය නොවේ

• වාක්‍ය ඛණ්ඩ දෝෂ සඳහා පරීක්ෂා කරන්න
• ටැග් නිසි ලෙස වසා ඇති බව තහවුරු කරන්න.
• සමහර ටැග් සීමා කළ හැකිය.

මෝස්තරය යොදා නැත

• පේළිගත විලාස වාක්‍ය ඛණ්ඩය පරීක්ෂා කරන්න
• තේමාව CSS අභිබවා යා හැක
• වඩාත් නිශ්චිත විලාසයන් භාවිතා කරන්න හෝ !important

රූප නොපෙන්වයි

• රූප URL එක නිවැරදි බව සත්‍යාපනය කරන්න
• රූප අවසර පරීක්ෂා කරන්න
• සම්පූර්ණ URL එක භාවිතා කරන්න (https://…)

ජංගම දුරකථනයේ පිරිසැලසුම් බිඳීම

• රූපවලට උපරිම පළල: 100% එකතු කරන්න
• නම්‍යශීලී පිරිසැලසුම් භාවිතා කරන්න (flexbox)
• සැබෑ ජංගම උපාංගයේ පරීක්ෂාව

සාරාංශය

පෝරම වලට අභිරුචි HTML අන්තර්ගතයන් එකතු කිරීම:

1. HTML බ්ලොක් එකක් එක් කරන්න - ඔබගේ පෝරමයට ඇදගෙන යන්න
2. අන්තර්ගතය ඇතුළත් කරන්න – සැකසුම් පැනලයේ HTML
3. සුදුසු පරිදි ස්ථානගත කරන්න – අදාළ ක්ෂේත්‍ර අතර
4. අවශ්‍ය පරිදි මෝස්තර කරන්න - පේළිගත විලාස හෝ පන්ති
5. ප්‍රවේශ විය හැකිව තබා ගන්න - Alt පෙළ, ප්‍රතිවිරුද්ධතාව, අර්ථකථන HTML
6. ප්‍රතිචාරාත්මකව පරීක්ෂා කරන්න - ඩෙස්ක්ටොප් සහ ජංගම

නිගමනය

HTML බ්ලොක් සරල ප්‍රශ්නාවලියක සිට මාර්ගෝපදේශක අත්දැකීම් බවට ආකෘති පරිවර්තනය කරයි. පරිශීලකයින්ට අවශ්‍ය තැන සන්දර්භය එක් කරන්න, දිගු ආකෘති තාර්කික කොටස් බවට සංවිධානය කරන්න, සහ සම්බන්ධ වීමට සහ දැනුම් දීමට පොහොසත් මාධ්‍ය ඇතුළත් කරන්න. එය අංශ ශීර්ෂයක්, උපදෙස් පෙට්ටියක් හෝ කාවැද්දූ වීඩියෝවක් වේවා, අභිරුචි HTML අන්තර්ගතය ඔබේ ආකෘති වඩාත් ඵලදායී සහ පරිශීලක-හිතකාමී කරයි.

ස්වයංක්‍රීය පෝරම සාදන්නා HTML බ්ලොක් ක්ෂේත්‍ර වර්ගය ඇතුළත් වන අතර, ඔබේ පෝරම ක්ෂේත්‍ර අතර ඕනෑම HTML අන්තර්ගතයක් එක් කිරීමට ඔබට ඉඩ සලසයි. ඉදිරිපත් කිරීමේ ක්‍රියාවලිය හරහා පරිශීලකයින්ට මඟ පෙන්වන වෘත්තීය, තොරතුරු සහිත ආකෘති සාදන්න.

ඔබේ පෝරම වැඩි දියුණු කිරීමට සූදානම්ද? ස්වයංක්‍රීය පෝරම සාදන්නා බාගන්න අදම අභිරුචි අන්තර්ගතයන් එකතු කිරීම ආරම්භ කරන්න.