එහි පිටු සාදන්නන් (page builders) දුසිම් ගණනක් ඇති අතර, ඔබ නිසැකවම ඔබෙන්ම මෙසේ අසනු ඇත: Page Builder Sandwich හි ඇති විශේෂත්වය කුමක්ද? ඔබ අත දැනටමත් එකක් තිබේ නම් මෙය භාවිතා කිරීමට කරදර වන්නේ ඇයි?
මෙම ලිපියෙන්, Page Builder Sandwich සුවිශේෂී කරන, සහ අන්තර්ගත නිර්මාණකරුවන්ට මෙන්ම නිර්මාණකරුවන්ටද (designers) අත්‍යවශ්‍ය වන එහි අඩංගු ප්‍රධාන විශේෂාංග කිහිපයක් මම ගෙනහැර දක්වන්නෙමි. පිටු සාදන්නෙකු යනු කුමක්ද සහ ඔබට එය අවශ්‍ය වන්නේ ඇයිදැයි ඔබ නොදන්නේ නම්, කරදර නොවන්න, ඔබට උපකාර විය හැකි තොරතුරු අප සතුව ඇත.
1. ඔබට ඔබේ අන්තර්ගතයේ දෘශ්‍ය නිරූපණයක් පමණක් දැකගත නොහැකි අතර, ඔබේ සැබෑ අන්තර්ගතය දැකීමට සහ සංස්කරණය කිරීමට හැකිය
අනෙකුත් පිටු සාදන්නන් තුළ, ඔබට පෙනෙන්නේ ඔබේ අන්තර්ගතය නියෝජනය කරන ප්‍රදේශ පමණි. ඔබ ප්‍රධාන වශයෙන් ඔබේ අන්තර්ගතය කොටස් (blocks) සහ සෘජුකෝණාස්‍රාකාර හැඩතල වලින් සකසන අතර, එහි ප්‍රතිඵලය ඔබේ පිටුවේ අන්තර්ගතය අවසානයේ කෙසේ දිස්වේද යන්න පිළිබඳ රාමුවක් මෙන් පෙනේ. මෙය ප්‍රතිඵලය කෙසේ වේදැයි බැලීම සඳහා පමණක් නිරන්තරයෙන් පෙරදසුන් (preview) බොත්තම ක්ලික් කිරීමට මඟ පාදයි.
Page Builder Sandwich සමඟින්, සියලුම සංස්කරණයන් ඔබගේ වෙබ් අඩවියේ ඉදිරිපස (front end) සිදු කරනු ලබන අතර, සැබෑ “ඔබ දකින දෙයම ඔබට ලැබේ” (what-you-see-is-what-you-get) අත්දැකීමක් සඳහා ඔබ ඔබේ අන්තර්ගතය සෘජුවම සංස්කරණය කරයි.
2. කරදරකාරී උත්පතන කවුළු (popup dialogs) නොමැතිව ඉක්මන් සහ පහසු සෘජු සංස්කරණය
පිටු සාදන්නන් සඳහා උත්පතන (popups) මූලික අංගයක් වී ඇත. බොහෝමයක, ඔබට ඔබේ පිරිසැලසුමේ (layout) ඕනෑම දෙයක් සංස්කරණය කිරීමට අවශ්‍ය නම්, එය මාතෘකාවක්, බොත්තම් ලේබලයක් හෝ කුඩා ටැග්ලයින් පෙළක් වේවා, ඔබ මුලින්ම උත්පතන කවුළුවක් විවෘත වන තෙක් බලා සිටිය යුතු අතර එහි ඇතුළත ඔබේ වෙනස්කම් සිදු කළ යුතුය.
Page Builder Sandwich හි සෑම තැනකම උත්පතන භාවිතය අවම කිරීම අපගේ ඉලක්කය කර ගෙන ඇත්තෙමු. උත්පතන ඉවත් කිරීමෙන්, ඕනෑම අන්තර්ගතයක් සංස්කරණය කිරීම වෙන කවරදාටත් වඩා පහසු සහ සුමට කර ඇත.
සංස්කරණය සරල ආකාරයකින් සිදු කෙරේ – කර්සරය තැබීමට ඔබේ පෙළ මත ක්ලික් කර ටයිප් කිරීම ආරම්භ කරන්න. සංස්කරණය ආරම්භ කිරීම සඳහා TinyMCE සංස්කාරකයක් අඩංගු උත්පතන කවුළුවක් එනතෙක් ඔබට තවදුරටත් බලා සිටීමට අවශ්‍ය නැත. මෙහි ඇති හොඳම කොටස නම් ඔබට තවමත් ඔබේ අන්තර්ගතය එහා මෙහා ඇදගෙන ගොස් දැමිය හැකි (drag and drop) වීමයි.
කරදරයකින් තොර සංස්කරණයකට උපකාරී වන තවත් නව්‍ය අංගයක් වන්නේ නිරන්තරයෙන් පවතින ඉන්ස්පෙක්ටරයයි (inspector). ඉන්ස්පෙක්ටරය ඔබගේ මෙවලම් පෙට්ටිය සහ ගුණාංග සංස්කාරකය ලෙස ක්‍රියා කරයි. ඔබේ අන්තර්ගතය හැඩසවි ගැන්වීම සඳහා මෙවලම්: පෙළ වර්ණ, මාතෘකා, අකුරු ප්‍රමාණය ගැලපීම්, margins, paddings, borders, blockquotes සහ තවත් බොහෝ දේ පහසුවෙන් ක්ලික් කිරීමකින් ලබා ගත හැක.
3. නැවත භාවිත කරන ලද WordPress ක්‍රියාකාරීත්වය
අනෙකුත් පිටු සාදන්නන් තුළ අප දුටු තවත් දෙයක් නම් ඔවුන් බොහෝ විට දැනටමත් පවතින දේ අලුතින් සෑදීමට උත්සාහ කිරීමයි (reinvent the wheel). සමහරු තමන්ගේම වර්ණ තෝරන (color pickers), පින්තූර උඩුගත කරන (image uploaders), ගැලරි සාදන්නන් සහ විවිධ වෙනත් මෙවලම් ක්‍රියාත්මක කරති. මේ සම්බන්ධයෙන් වරදක් නැතත්, WordPress යනු කේත කොටස්වල (code snippets) නිධානයකි, එසේ නම් ඒවා භාවිතා නොකරන්නේ මන්ද?
WordPress යනු විශාල හා අපූරු වේදිකාවක් වන අතර විශිෂ්ට දායකයින් විශාල පිරිසක් විසින් ගොඩනගන ලද අගනා මෙවලම් රාශියක් එහි අඩංගු වේ. Page Builder Sandwich හැකිතාක් දුරට WordPress සමඟ දැනටමත් ඇතුළත් කර ඇති ක්‍රියාකාරීත්වයන් භාවිතා කරයි.
අපගේම වර්ණ තෝරකය භාවිතා කරනවා වෙනුවට, අපි Iris වර්ණ තෝරකය භාවිතා කරමු. අපගේම පින්තූර උඩුගත කරන්නා වෙනුවට, අපි මාධ්‍ය කළමනාකරු (media manager) භාවිතා කරමු. තවද backbonejs, underscorejs, wp.hooks සහ wp.shortcode වැනි තවත් විශිෂ්ට ස්ක්‍රිප්ට් කිහිපයක් ද ඇත. අපි ඒ සියල්ල භාවිතා කරන අතර, මෙය අපගේ කටයුතු පහසු කර ඇති අතර වඩාත් ස්ථාවර කේත පදනමකට ද මඟ පාදයි.
WordPress හි ක්‍රියාකාරීත්වය නැවත භාවිත කිරීමෙන් තවත් අපූරු විස්මයන් රැසක් ද ලැබිණි. උදාහරණයක් ලෙස, පින්තූර ඇතුළත් කිරීමට අපි මාධ්‍ය කළමනාකරු භාවිතා කළ බැවින්, අපට දැන් ආරම්භයේ සිටම WordPress ගැලරි, වීඩියෝ සහ ශ්‍රව්‍ය ධාවන ලැයිස්තු (playlists) සහ දුරස්ථ URL හැසිරවිය හැකි වීම ප්‍රසන්න පුදුමයක් විය. රූප සංස්කරණය සිදු කිරීමට ද අපට මාධ්‍ය කළමනාකරු භාවිතා කළ හැකි වූ අතර, එමඟින් පැය ගණනක අනවශ්‍ය සංවර්ධන හිසරදයන් මඟහරවා ගත හැකි විය.
4. යතුරුපුවරු සංචාලනය සහ කෙටිමං (Keyboard navigation and Shortcuts)
අනෙකුත් පිටු සාදන්නන් තුළ, මවුසය (mouse) ඔබගේ මිතුරා වේ. ඔබ එයින් දේවල් ඇදගෙන ගොස් දමන අතර සංස්කරණය කිරීමට දේවල් මත දෙවරක් ක්ලික් කරයි. නමුත් යතුරුපුවරුව බොහෝ විට නොසලකා හැරේ.
උදාහරණයක් ලෙස, සමහර සාදන්නන් තුළ, ඔබ සංස්කරණය කරන ස්ථානයට වඩා එක් ඡේදයක්/කොටසක් ඉහළින් ඇති පෙළ පහසුවෙන් සංස්කරණය කළ නොහැක, මන්ද ඔබට උත්පතන කවුළුවකින් ඉවතට ක්ලික් කර නව එකක් වෙත ක්ලික් කිරීමට සිදුවන බැවිනි. Page Builder Sandwich හි, ඔබට ඔබේ යතුරුපුවරුව සමඟ සැරිසැරීමට හැකිය. ඔබේ අන්තර්ගතය අතර සැරිසැරීමට ඊතල යතුරු (arrow keys) ඔබන්න, ඔබේ අනෙක් අන්තර්ගතය වෙනත් පේළියක් හෝ තීරුවක් තුළ සඟවා තිබුණද එය ක්‍රියා කරයි.
තවත් වැදගත් අංගයක් වන්නේ undo සහ redo යතුරුපුවරු කෙටිමං වේ. ඒවා මුලදී එතරම් වැදගත් ලෙස නොපෙනුනද, මේ ගැන සිතන්න: ඔබ නොදැනුවත්වම ඔබේ අන්තර්ගතය වැරදි ස්ථානයකට ඇදගෙන ගොස් දැමුවහොත් කුමක් සිදුවේද? සමහර පිටු සාදන්නන් තුළ, ඔබට එය නැවත එහි මුල් ස්ථානයට ඇදගෙන යාමට සිදුවනු ඇත. Page Builder Sandwich හි, undo සහ redo යන දෙකම ක්‍රියා කරයි. එබැවින් ඔබ ටයිප් කළ දේ සංශෝධනය කිරීමට අවශ්‍ය වුවද, නැතහොත් ඔබ ඇදගෙන දැමූ අන්තර්ගතය (හෝ ඇදගෙන දැමූ අන්තර්ගතයන් කිහිපයක්) ආපසු හරවා ගැනීමට අවශ්‍ය වුවද, undo හෝ redo ඔබන්න. ඇදගෙන දැමූ අන්තර්ගත සඳහා සහ අකුරු ප්‍රමාණ සහ පේළි paddings වැනි ගුණාංග වෙනස්කම් සඳහා පවා undo සහ redo ක්‍රියා කරයි. මෙය ඔබගේ සංස්කරණ මෙවලම් කට්ටලය තුළ ඒවා ප්‍රබල මෙවලම් බවට පත් කරයි.
5. සැබෑ ඉදිරිපස (frontend) පිටු සාදන්නෙක් – වඩාත් පහසු සහ කරදරයකින් තොර සංස්කරණ අත්දැකීමක්
සංවර්ධනය අතරතුර අපගේ මානසිකත්වය වූයේ ඉදිරිපස (front end) සංස්කරණය කිරීමේදී ඔබ තවමත් පසුපස (back end) මෙවලම් භාවිතයෙන් සංස්කරණය කරන බවක් නොදැනිය යුතු බවයි. මෙම සාදන්නා මුලින් පසුපස කොටස සඳහා නිර්මාණය කර පසුව ඉදිරිපසට ගෙන ආ බවක් නොදැනිය යුතුය.
සමස්තයක් වශයෙන්, මට නම්, Page Builder Sandwich හි ප්‍රධාන වෙනස වන්නේ “සැබෑ” frontend පිටු සාදන්නෙකු වීමේ ඉලක්කය ඇතිව අපි එය ගොඩනගා තිබීමයි – එනම් ඉදිරිපස සංස්කරණය කෙසේ විය යුතුද යන්න පිළිබඳ නව දැක්මකි.