අනුවාදය 3.0: පිටු සාදන්නෙකු ක්‍රියා කළ යුතු ආකාරය පිළිබඳ නැවත සිතා බැලීම

ලියන ලද්දේ

තුළ

,

version-3-0-rethinking-how-a-page-builder-should-workඅප Page Builder Sandwich මහජනතාව වෙත නිකුත් කර මාස 10ක් ගතවී ඇත. දැන් අප සතුව සක්‍රීය ස්ථාපනයන් 6,000ක් පමණ ඇති අතර, එය අපට විශාල ජයග්‍රහණයකි. ඒ නිසා අපට හොඳ සහ නරක යන දෙවර්ගයෙන්ම විශාල ප්‍රතිචාර ප්‍රමාණයක් ලැබී ඇත. කෙසේ වෙතත්, අනෙකුත් පිටු සාදන්නන්ට සාපේක්ෂව පිරිසැලසුම් සෑදීම සහ ඔවුන්ගේ අන්තර්ගතයන් නිර්මාණය කිරීම කොතරම් පහසුද යන්න මිනිසුන් භුක්ති විඳින බව පොදු එකඟතාවයි.

අපට ලැබුණු ප්‍රතිචාරවලින් විශාල ප්‍රමාණයක් වූයේ විශේෂාංග ඉල්ලීම් වන අතර, පසුගිය මාස කිහිපය තුළ අපි එම විශේෂාංග බොහොමයක් එක් කළෙමු. නමුත් අප දිගටම එසේ කරද්දී, එම ක්‍රියාවලිය තුළදීම අපි පරිශීලක අතුරුමුහුණතද සෙමින් වෙනස් කිරීමට පටන් ගත්තෙමු. එහි ප්‍රතිඵලයක් ලෙස, අපි පරිශීලක අත්දැකීමද… වඩාත් නරක අතට වෙනස් කරමින් සිටියෙමු. කෙසේ වෙතත්, අතුරුමුහුණත තවදුරටත් සුමටව ක්‍රියාත්මක නොවූ බැවින් සහ විවිධ විශේෂාංග එය සමඟ නිසි ලෙස නොගැලපුණු බැවින්, අපට අතුරුමුහුණත පිළිබඳව නැවත සිතා බැලීමට සිදුවන තත්ත්වයකට පත්විය.

අක්‍රිය වූ අතුරුමුහුණත

PBS හි පෙර සංස්කරණවලදී, අපට අවශ්‍ය වූයේ සෑම දෙයක්ම බොත්තම් ආකාරයෙන් තිබීමටයි. ඇයි? බොත්තම් භාවිතා කිරීම පහසු නිසාය. ඔබ කළ යුත්තේ… ඒවා ක්ලික් කිරීම පමණි. ඉන්ස්පෙක්ටරයේ (ඉහත රූපයේ ඇති පැති තීරුව) පැරණි සංස්කරණවල, බොත්තමක් ක්ලික් කිරීමෙන් අගයක් වැඩි වන අතර, shift+ක්ලික් කිරීමෙන් එය අඩු වේ. එය ඉතා පහසු බවක් පෙනේ. නමුත් කැරොසල්, ටැබ්, සිතියම් සහ වෙනත් නව අංග සහ විශේෂාංග එකතු වීමත් සමඟ, එම සියලු බොත්තම් විවිධ මෝස්තර සහිත විවිධ අයිකනවල මිශ්‍රණයක් බවට පත් වූ අතර, එය සිත්ගන්නාසුලු අතුරුමුහුණතකට වඩා රූපාක්ෂර වැනි පෙනුමක් ලබා ගැනීමට පටන් ගත්තේය. මෙය පළපුරුදු පරිශීලකයින්ට ගැටලුවක් නොවූවත්, ඔබ PBS සඳහා අලුත් නම් එය බැලීමට තරමක් අපහසු සහ බිය උපදවන සුළුය.

ඊළඟට, ඉන්ස්පෙක්ටරය මත ගැටලු කිහිපයක් මතු විය. මුල් අදහස වූයේ ඉන්ස්පෙක්ටරය තුළ සියල්ල සරලව සහ ලබාගත හැකි අයුරින් තැබීමයි. සියල්ල කී විට, මා අදහස් කළේ සෑම දෙයක්ම – පෙළ ශීර්ෂ බවට පත් කිරීමේ සිට, පසුබිම් වර්ණ, අකුරු වර්ණ වෙනස් කිරීම දක්වා ඕනෑම දෙයක්. කෙසේ වෙතත්, එහි වත්මන් තත්ත්වය තුළ, ඉන්ස්පෙක්ටරයේ දැන් ඔබට නොකඩවා ඉහළට සහ පහළට අනුචලනය කිරීම සඳහා මවුස් වීලය භාවිතා කිරීමට සිදුවන විකල්ප රාශියක් අඩංගු වේ. මම මීට පෙර පරිශීලකයින් වෙනුවෙන් සෑදීමට බලාපොරොත්තු වූ ඉන්ස්පෙක්ටරයට වඩා එය බෙහෙවින් වෙනස්ය.

අවසාන වශයෙන්, අපි මෑතකදී ඔබගේ ප්‍රියතම ප්ලගීන සඳහා shortcode mapping. මෙම විශේෂාංගය මඟින් ඔබගේ ෂෝට්කෝඩ් සංස්කරණ අත්දැකීම වඩාත් ප්‍රසන්න කිරීමට අවශ්‍ය පෙළ ක්ෂේත්‍ර, සංඛ්‍යා ස්ලයිඩර්, චෙක්බොක්ස් සහ අමතර නව විකල්ප වර්ග නිර්මාණය කිරීමට අපට අවශ්‍ය විය. මුලදී, එය හොඳ අදහසක් වූ අතර, ඔව්, එය ඔබට ෂෝට්කෝඩ් හැසිරවීම පහසු කළේය. නමුත් නැවතත්, මෙම විශේෂාංගය අපගේ “බොත්තම් පමණක්” සහිත අතුරුමුහුණතෙන් බැහැර විය. ආපසු හැරී බලන විට, ෂෝට්කෝඩ් ගුණාංග වෙනස් කිරීම සඳහා බොත්තම් පමණක් භාවිතා කිරීම සැබවින්ම කළ නොහැක්කක් විය. දැන්, නවතම සංස්කරණයේදී, අපට පාලන වර්ග 2ක් ඉතිරි විය: බොත්තම් සහ ෂෝට්කෝඩ් ක්ෂේත්‍ර.

අපගේ අතුරුමුහුණත තවදුරටත් ඵලදායී නොවන (හෝ අපගේ අවශ්‍යතාවලට නොගැලපෙන) බව තීරණය කිරීමට තවත් හේතු කිහිපයක් බලපෑ නමුත්, ඉහත කරුණු ප්‍රධාන ඒවා වේ. කෙසේ වෙතත් එක් දෙයක් සැමවිටම ස්ථිර විය: අපට අතුරුමුහුණත යාවත්කාලීන කිරීමට අවශ්‍ය බව අපි දැන සිටියෙමු.

පිටු සාදන්නෙකු වඩාත් සුදුසු ලෙස ක්‍රියා කළ යුත්තේ කෙසේද යන්න නිර්වචනය කිරීම

ක්ෂණිකවම කටයුතුවලට බැස දේවල් වෙනස් කරනවා වෙනුවට, සමස්ත පිටු සාදන්නාගේ අත්දැකීම දෙස බැලීමට අපි පියවර සියයක් පසුපසට ගත්තෙමු. අපට අවශ්‍ය වූයේ අතුරුමුහුණතට නව පණක් ලබා දීමටයි. සත්‍ය වශයෙන්ම, අපට එය වසරින් වසර නැවත නැවත ගොඩනැගීමට අවශ්‍ය නොවීය. එය වෙහෙසකර වන අතර WordPress ප්‍රජාවට සැලකිය යුතු උපකාරයක් ගෙන දෙන්නේ නැත. මෙවර අපි දේවල් සෙමින් සහ ප්‍රවේශමෙන් කිරීමට තීරණය කළෙමු. අපි Page Builder Sandwich හි සෑම අංශයක්ම සහ එය හොඳ පිටු සාදන්නෙකු බවට පත් කරන්නේ කුමක්ද යන්න අධ්‍යයනය කර, අවසානයේදී සමස්ත සංස්කරණ අත්දැකීම මූලික සංකල්ප කිහිපයකට සම්පිණ්ඩනය කළෙමු.

මූලික සංකල්පය #1: දේවල් සංස්කරණය කිරීමට ඔබගේ අන්තර්ගතය තුළ සෘජුවම ටයිප් කිරීම

පිටු සාදන්නෙකු ස්ථාපනය කිරීමට ප්‍රධාන හේතුවක් වන්නේ WordPress හි පසුපස පෙළ සංස්කාරකයේ සීමාවන්ගෙන් මිදීමයි. පසුපස සංස්කාරකය හොඳ නැති නිසා නොවේ, නමුත් ඔබගේ වෙබ් පිටු නිර්මාණය කිරීමේදී, ඔබගේ වෙබ් අඩවියට පිවිසෙන්නන්ට ඔබගේ වෙබ් පිටුව කෙබඳු වේදැයි එය වහාම පෙන්වන්නේ නැත, එමෙන්ම තනි තීරු පිරිසැලසුමකින් පිටත ඔබේ අන්තර්ගතය සකස් කිරීමටද එය ඉඩ නොදේ. ඔබට එහි දැකිය හැක්කේ ඔබේ පෙළ සහ සමහර පින්තූර පමණි, වඩාත් විස්තීර්ණ දේවල් (උදා: සම්බන්ධතා පෝරම) කිසිවක් නැත. ඔබට ෂෝට්කෝඩ් එක් කළ හැකිය, ඔව්, නමුත් ඒවා පරිවර්තනය වූ ආකාරයෙන් දිස් නොවනු ඇත*.

* මෙය විසඳීම සඳහා Shortcake UI වැනි වෙනත් අය විසින් සාදන ලද ප්ලගීන ඇත, නමුත් එය මෙහි ප්‍රධාන කාරණය නොවේ.

ඉදිරිපස පිටු සාදන්නන් ප්‍රයෝජනවත් වන්නේ එහිදීය. ඔබේ අමුත්තන් සැබවින්ම දකින ආකාරයට ඔබ ඔබේ වෙබ් අඩවිය සංස්කරණය කිරීම. ප්‍රකට ඩෙවලොපර් පිපින් පවසන පරිදි: දකින දෙයම ලැබේ (WYSIWYG).

ඉදිරිපස සංස්කාරකයක් වීමේ තවත් හොඳ දෙයක් නම්, එය ඔබට ඔබේ පෙළ සෘජුවම සංස්කරණය කිරීමට ඉඩ සලසයි. ශීර්ෂ සහ ඡේද ටයිප් කිරීම මඟින් වෙබ් අඩවි ගොඩනැගීමේදී සාමාන්‍ය වර්ඩ් ප්‍රොසෙසරයක් භාවිතා කිරීමේ පහසුව ලැබේ. බොත්තම් සහ ටැබ් ලේබල්ද ඒවා මත ක්ලික් කර ටයිප් කිරීමෙන් සරලව වෙනස් කළ හැකි විය යුතුය.

බොහෝ පිටු සාදන්නන් නිසි ලෙස සාර්ථක නොවන අංශය මෙයයි. ඒ බොහෝමයක් සෑම දෙයක්ම සංස්කරණය කිරීම සඳහා පෙළ ක්ෂේත්‍රයක් තුළ ටයිප් කිරීමට ඔබට බල කරයි. නැවතත්, සැබෑ ඉදිරිපස පිටු සාදන්නන් තුළ මෙය සිදු නොවිය යුතුය. පෙළ සෘජුවම ටයිප් කිරීම සහ සංස්කරණය කිරීම සංස්කරණ 2 සිට Page Builder Sandwich හි ශක්තිමත් ලක්ෂණයක් වී ඇති අතර, සංස්කරණ 3 හිදීද මෙය තවදුරටත් තහවුරු කර ඇති බවට අපි වග බලා ගත්තෙමු.

මූලික සංකල්පය #2: ඉක්මන් වෙනස්කම් සඳහා මවුසය ප්‍රයෝජනයට ගැනීම

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

එකක් නම්, පිටුව සංස්කරණය කිරීමේ මෙවලම ලෙස මවුසය භාවිතා කිරීමේදී, විශේෂයෙන් මායිම්, පෑඩිං සහ ප්‍රමාණයන් වැනි දෘශ්‍ය ගුණාංග සකස් කිරීමේදී පුදුමාකාර දෘශ්‍ය ප්‍රතිචාරයක් ලැබේ. දැන්, ඔබේ අංග වෙනස් කිරීම ස්වභාවික අත්දැකීමක් බවට පත්වේ.

PBS සංස්කරණ 3 හිදී, ඔබට ඔබේ මවුසය භාවිතයෙන් කරුණු ගණනාවක් සකස් කිරීමට හැකි වනු ඇත. තනි අංග අතර මායිම්/හිඩැස්, ඔබේ තීරු තුළ පෑඩිං, මෙන්ම පින්තූර, අයිකන සහ සිතියම්වල ප්‍රමාණයන් සකස් කළ හැකිය. සංඛ්‍යාත්මක අගයන් වෙනස් කිරීමට ඉඩ සලසන බොත්තම් වෙනුවට අපි ස්ලයිඩර් හඳුන්වා දී ඇත.

මූලික සංකල්පය #3: පෙළ හැඩසවි ගැන්වීම පහසු විය යුතුය

ඔබ ඔබේ මොනිටරයෙන් මදක් ඈත් වී බැලුවහොත්, ඔබේ වෙබ් පිටුවලට ඔබ එක් කරන බොහෝ දේ පෙළ අන්තර්ගතයන් බව ඔබට පෙනෙනු ඇත. ඔව්, ඒවා සමඟ පින්තූර සහ අයිකන ද අප සතුව ඇත – මෑතකදී අපගේ වෙබ් අඩවිවලට විශාල පින්තූර එකතු කිරීමට අපි නැඹුරු වෙමු. නමුත් වැදගත් අන්තර්ගතයෙන් බහුතරය වන්නේ පෙළයි: ශීර්ෂ, බුලට් ලැයිස්තු, ඡේද, උපුටා දැක්වීම් ආදියයි. ඊට අමතරව අපගේ මෝස්තරවලට ගැළපෙන පරිදි අපගේ පෙළ හැඩසවි ගන්වන්නේ කෙසේද යන්න ද වැදගත් වේ. අපි ඒවායේ ප්‍රමාණයන් සහ වර්ණ වෙනස් කරමු, නැතහොත් තද හෝ ඇල අකුරු කරමු. මෙය අපගේ අන්තර්ගතය අපගේ අදාළ පාඨකයින්ට වඩාත් කියවිය හැකි, අදාළ සහ ආකර්ෂණීය කිරීමට උපකාරී වේ.

අප නිතරම පෙළ හැඩසවි ගන්වන බැවින්, මෝස්තර වෙනස් කිරීමට ඉඩ සලසන බොත්තම් ඉතා පහසුවෙන් ලබා ගත හැකි විය යුතුය. ඒවා අපට මුලින්ම විවෘත කිරීමට අවශ්‍ය වන උත්පතන කොටුවක් තුළ සඟවා නොතිබිය යුතුය. බොහෝ පිටු සාදන්නන් මෙම ගැටලුවෙන් පීඩා විඳිති. ඔවුන්ගේ පරිශීලක අතුරුමුහුණත ‘අවුල් සහගත නොවන’ ලෙස නම් කිරීම සඳහා, වැඩිපුරම භාවිතා වන විකල්ප පවා සෘජු දර්ශනයෙන් සඟවා තබයි.

මෙය විසඳීම සඳහා, අපි බහුලව භාවිතා වන වර්ඩ් ප්‍රොසෙසර් දෙස බැලුවෙමු. පෙළ හැඩසවි ගැන්වීම සඳහා තිරයේ ඉහළට වන්නට බොත්තම් රාශියක් සහිත පේළියක් ඒවායේ සාමාන්‍යයෙන් ඇති බව අපි දුටු අතර, සංස්කරණ 3 සඳහා එම පිරිසැලසුමම පිටපත් කළෙමු. දැන් ඔබගේ තිරයේ ඉහළින් සැමවිටම දිස්වන සියලුම පෙළ හැඩසවි ගැන්වීමේ බොත්තම් පේළියක් අප සතුව ඇත. මෙය හැඩසවි ගැන්වීම සැබවින්ම වේගවත් කරන අතර පෙළ සංස්කරණයේදී ඔබට එය ඉතා හුරුපුරුදු ස්වභාවික අත්දැකීමක් බවට පත් කරයි.

මූලික සංකල්පය #4: උසස් හැඩසවි ගැන්වීමේ විකල්ප නම්‍යශීලී මෙන්ම තේරුම් ගැනීමට පහසු විය යුතුය

පිටු සාදන්නෙකුගේ මූලික පරමාර්ථය වන්නේ මිනිසුන්ට ආකර්ෂණීය මෝස්තර පහසුවෙන් නිර්මාණය කිරීමට ඉඩ සැලසීමයි. මෙයින් අදහස් කරන්නේ ඉගෙන ගැනීමට අපහසු නොවී, විවිධ සැකසුම් සහ විකල්ප රාශියක් අප සැපයිය යුතු බවයි. මායිම්, පෑඩිං සහ පෙළ හැඩසවි ගැන්වීම වෙනස් කිරීමට හැකිවීම විශිෂ්ටයි, නමුත් ඒවාට කළ හැක්කේ සීමිත ප්‍රමාණයකි. කාර්යය සම්පූර්ණ කර ගැනීමට ඔබට තවත් බොහෝ විස්තීර්ණ විකල්ප අවශ්‍ය වනු ඇත, පසුබිම් රූප, රටා, බෝඩර්, ස්ථාවර පසුබිම් සහ තවත් දේ වැනි විකල්ප. එම සියලු විවිධ සැකසුම් එක ගොඩට දැමීම තරමක් කරදරකාරී විය හැකි බැවින්, සංස්කරණ 3 හිදී දේවල් වඩාත් මිත්‍රශීලී කිරීම සඳහා අපි ඒවායින් සමහරක් සරල කර ප්‍රවර්ගවලට සංවිධානය කළෙමු.

මූලික සංකල්පය #5: ෂෝට්කෝඩ් සහාය

අවසාන වශයෙන්, අපගේ පිටු සාදන්නා ක්‍රියාත්මක වන්නේ WordPress මත බව අප අමතක නොකළ යුතුය. අපි එම වේදිකාව සහ එහි විශේෂාංග වැළඳ ගත යුතු අතර ඒවා සීමා කිරීම හෝ ඒවායින් බැහැර වීම නොකළ යුතුය. WordPress සපයන එක් දැවැන්ත විශේෂාංගයක් වන්නේ ෂෝට්කෝඩ් ය. මෙයින් අදහස් කරන්නේ සම්පූර්ණ අන්තර්ගතයම ෂෝට්කෝඩ්වලින් සමන්විත විය යුතු බව නොවේ – එය අවුල් සහගත වනු ඇත – ඒ වෙනුවට අප ඒවා සමඟ ගැළපෙන ලෙස කටයුතු කළ යුතුය. බොහෝ ප්ලගීන සහ තේමා ෂෝට්කෝඩ් භාවිතා කරන අතර, ඒවා සියල්ල නොසලකා හැරියහොත් එය විශාල පාඩුවක් වනු ඇත. ඇත්ත වශයෙන්ම, පිටු නිර්මාණය කිරීමේදී ෂෝට්කෝඩ් මඟින් පරිශීලකයින්ට උපරිම නම්‍යශීලී බවක් ලබා දේ.

අපි සති කිහිපයකට පෙර අපගේ shortcode mapping පද්ධතිය හඳුන්වා දුන් අතර, ඒ නිසා ප්ලගීන සිය ගණනකින් ෂෝට්කෝඩ් සිය ගණනක් මැප් කිරීමට අපට හැකි වී තිබේ. WordPress ප්ලගීන බහලුමේ ඇති වඩාත්ම ජනප්‍රිය ප්ලගීනවලට අපි ප්‍රමුඛත්වය ලබා දී ඇත, එබැවින් ඔබේම අඩවිවලදී ඒවා ඔබට හමුවීමට බොහෝ දුරට ඉඩ ඇත. මෙය සංස්කරණ 3 හිදී තවදුරටත් ශක්තිමත් වී ඇති අතර, ඉදිරියට යන ගමනේදී අපි මෙය තවදුරටත් වැඩිදියුණු කරන්නෙමු.

නිගමනය

අපි ඉහත සියලු අත්‍යවශ්‍ය ගුණාංග ගෙන ඒවා Page Builder Sandwich සංස්කරණ 3 තුළට ඇතුළත් කළෙමු. එය මෙතෙක් WordPress සඳහා අප විසින් ගොඩනඟන ලද හොඳම පිටු සාදන්නා වේ. එය වඩාත් සහජ බුද්ධියෙන් තේරුම් ගත හැකි සහ භාවිතා කිරීමට වඩාත් ස්වභාවික වන අතර, වේගවත්ව ක්‍රියා කරයි, භාවිතා කිරීමට පහසුය, සහ වෙන කවරදාටත් වඩා පරිශීලක-හිතකාමී වේ.

අත්‍යවශ්‍ය පිටු සාදන්නාගේ විශේෂාංගයක් පිළිබඳව ඔබට කිසියම් අදහසක් ඇත්නම්, පහතින් අදහස් දැක්වීමෙන් අපට දන්වන්න.