Page Builder Sandwich භාවිතා කරන ආකාරය

Page Builder Sandwich භාවිතා කරන්නේ කෙසේද

Page Builder Sandwich යනු ඔබගේ සාමාන්‍ය පිටු සාදන්නන් (page builders) මෙන් නොවේ, එය සංකීර්ණ නොවන අතර භාවිතය ඉතා සරලයි.

කෙටි හැඳින්වීමක් සඳහා ඔබට පහත වීඩියෝව නැරඹිය හැකිය.

සංස්කාරකය ඇත්තේ කොහේද?

පළමුව, නව පිටුවක්, ලිපියක් හෝ CPT එකක් සාදන්න. ඉන්පසු ඔබේ frontend එක හරහා ඔබේ නව ලිපියට හෝ පවතින ඕනෑම ලිපියකට පිවිසෙන්න. PBS සම්පූර්ණයෙන්ම 100% ක් frontend වේ, එබැවින් ඔබට backend එක තුළ වෙනස්කම් කිරීමට සිදු නොවේ.

ඔබේ පිටුවේ ඉහළින් (ඔබේ admin bar එකෙහි) “Page Builder Sandwich” බොත්තමක් තිබිය යුතුය, සංස්කරණය ආරම්භ කිරීම සඳහා එය මත ක්ලික් කරන්න. ඉහළින් පෙළ ආකෘතිකරණ (text formatting) ප්‍රදේශය මතු වන අතර පැත්තෙන් මූලද්‍රව්‍ය එක් කිරීමේ පැනලය (add elements panel) මතු වන අයුරු ඔබට දැකගත හැකිය. ඔබේ තේමාවේ අන්තර්ගත ප්‍රදේශය දැන් ඔබේ සංස්කාරකයයි!

PBS මඟින් ඔබට සංස්කරණය කළ හැක්කේ තනි පිටු පමණි. ඒවා ඔබගේ තේමාව මඟින් නිර්මාණය කර ඇති බැවින් ඔබට බ්ලොග් ලිපි ලැයිස්තුවක් හෝ 404 පිටුවක් සංස්කරණය කළ නොහැක. ලිපි, පිටු සහ custom post types සංස්කරණය කළ හැක.

ඔබේ අන්තර්ගතය සංස්කරණය කිරීම

දැන් මෙන්න අපූරු කොටස.. ඔබ frontend එකෙහි සහ සංස්කාරකය තුළ සිටින විට, ඔබේ අන්තර්ගතයේ ඇති ඕනෑම පෙළක් මත ක්ලික් කරන්න හෝ ඔබේ අන්තර්ගත ප්‍රදේශය තුළ ක්ලික් කර ටයිප් කිරීම ආරම්භ කරන්න! අනෙකුත් පිටු සාදන්නන් මෙන් නොව, උත්පතන සංවාද පෙට්ටි (popup dialog boxes) හරහා යාමේ අවශ්‍යතාවයකින් තොරව අන්තර්ගතය සෘජුවම සංස්කරණය කිරීමට PBS ඔබට ඉඩ සලසයි.

ඔබේ අන්තර්ගතය හැඩගැස්වීම / අලංකාර කර ගැනීම

dcb1615380 file 9OtagMFi2c

සංස්කරණය කරන අතරතුර, ඉහළ ඇති ප්‍රදේශය Text Formatting Bar ලෙස හැඳින්වේ. මෙම තීරුවේ පෙළ හැඩගැන්වීම සඳහා ඔබ භාවිතා කරන සියලුම ආකෘතිකරණ මෙවලම් අඩංගු වේ: වර්ණ, තද අකුරු (bold), ඇල අකුරු (italicize), පෙළගැස්වීම් (alignments), සබැඳි එක් කිරීම, බුලට් සහ තවත් දේ. එක් එක් මෙවලමෙන් කරන්නේ කුමක්දැයි සොයා ගැනීමට එක් එක් බොත්තම මත මවුසය ගෙන යන්න.

මූලද්‍රව්‍ය එක් කිරීම

ecfd309bb2 file yDqiNEv73s

Add Element Panel එක පෙන්වීමට තිරයේ ඉහළ වම්පස ඇති Add Elements බොත්තම මත ඔබේ මවුසය ගෙන යන්න. එය දිස්වීමට ඔබේ මවුසය තිරයේ වම් පැත්තට ගෙන යාමටද හැකිය.

ඕනෑම මූලද්‍රව්‍යයක් ඇතුළත් කිරීමට, එකක් මත මවුසය ඔබාගෙන සිටින්න, ඉන්පසු එය ඔබේ අන්තර්ගත ප්‍රදේශයට ඇදගෙන යන්න. මූලද්‍රව්‍යය ස්ථානගත වන ප්‍රදේශය උද්දීපනය වනු ඇත. මූලද්‍රව්‍යය ස්ථානගත කිරීමට ඔබගේ මවුස් බොත්තම මුදා හරින්න.

මූලද්‍රව්‍ය හැඩගැන්වීම සහ වෙනස් කිරීම

ඔබේ අන්තර්ගතයේ ඇති ඕනෑම මූලද්‍රව්‍යයක් මත ඔබේ මවුසය ගෙන යන්න, එවිට ඒවා මත මායිම් රේඛා සහ මෙවලම් තීරු දිස්වනු ඇත.

0046713cb7 file YU6nUCc7jYමූලද්‍රව්‍ය අතර ඇති margins වැඩි කිරීමට/අඩු කිරීමට ඔබට මායිම් රේඛාවල දාර මත මවුසය ගෙන යා හැක.

මූලද්‍රව්‍යය මත ක්ෂණික ක්‍රියාමාර්ග සිදු කිරීම සඳහා ඔබට මෙවලම් තීරුවේ ඇති බොත්තමක් මත ක්ලික් කළ හැකිය. මෙවලම් තීරුවේ ඇති gear අයිකනය මත ක්ලික් කිරීමෙන් තවත් විකල්ප අඩංගු Properties Inspector එක විවෘත වේ.

5c220b4ac9 file Odem5RLPok

Properties Inspector

3e7e48b754 file INy1v5z9Oz

Properties inspector මඟින් ඔබේ මූලද්‍රව්‍යවල පෙනුම කෙරෙහි වැඩි පාලනයක් ලබා දේ. සෙවනැලි (shadows), සජීවිකරණ (animations), සිතියම් වර්ණ වෙනස් කිරීම, border radius සහ තවත් බොහෝ දේ ඔබට එක් කළ හැකිය.

ඔබට මූලද්‍රව්‍යයේ මව් මූලද්‍රව්‍යයන්හි (parents) ගුණාංග වෙතද ප්‍රවේශ විය හැකිය. උදාහරණයක් ලෙස, ඔබ තීරුවක් (column) තුළ රූපයක් තබා properties inspector එක විවෘත කළේ නම්, ඔබට රූපයේ ගුණාංග, එය අඩංගු තීරුවේ ගුණාංග සහ එම තීරුව අඩංගු පේළියේ (row) ගුණාංග වෙත ප්‍රවේශ විය හැකිය.

Properties inspector හි විවිධ මූලද්‍රව්‍ය සඳහා විවිධ සැකසුම් රාශියක් අඩංගු වේ, එබැවින් ඒවා සියල්ලම පරීක්ෂා කර බැලීමට වගබලා ගන්න.

Shortcodes භාවිතා කිරීම

Page Builder Sandwich මඟින් frontend එකෙහි සැබෑ කෙටි කේත (shortcodes) පෙන්වන අතර ඔබට ඒවා පහසුවෙන් සංස්කරණය කිරීමටද හැකිය!

edee730340 file TqfWB9yv3y

ඔබ ඔබේ shortcodes මතක තබාගෙන තිබේ නම්, ඒවා කෙලින්ම ඔබේ අන්තර්ගතයේ ටයිප් කිරීමෙන් shortcodes ඇතුළත් කළ හැකිය. නමුත් ඔබට ඒවා සියල්ල මතක නැතිනම් (කවුද ඒවා මතක තියාගන්නේ?), inspector විසින් ඔබේ වෙබ් අඩවියේ ඇති සියලුම shortcodes ලැයිස්තුගත කරයි. inspector වෙතින් Shortcode බොත්තමක් ඔබගේ අන්තර්ගත ප්‍රදේශයට ඇදගෙන ගොස් ඔබට ඇතුළත් කිරීමට අවශ්‍ය එක සොයා ගන්න, එය ඇතුළත් කිරීමට ඒ මත ක්ලික් කරන්න.

Shortcodes frontend එකෙහි සැබෑ අන්තර්ගතයක් ලෙස දිස් වේ, ඒවා සංස්කරණය කිරීමට, ඔබට එය තෝරා inspector හි ඒවායේ attributes පරීක්ෂා කළ හැකිය. නැතහොත් වැඩි පාලනයක් සඳහා, shortcode එක එහි raw ආකාරයෙන් සංස්කරණය කිරීමට ඔබට ඒ මත double click කළ හැක. ඔබගේ සංස්කරණයන් සිදු කිරීමෙන් පසු, වෙනස්කම් පිළිබිඹු වන පරිදි ඔබගේ shortcode එක යාවත්කාලීන වේ.

ඔබේ අන්තර්ගතය නැවත සකස් කිරීම

PBS සමඟින් ඔබට ඕනෑම දෙයක් ක්ලික් කර ඇදගෙන ගොස් ඕනෑම තැනකට ගෙන යා හැක. ඔබ යමක් drag කරන විට, එය පිටුවේ ඇති වෙනත් මූලද්‍රව්‍යයක් මතට ගෙන යන්න, ඔබට ඒවා වෙනත් ඕනෑම අන්තර්ගතයකට ඉහළින් හෝ පහළින් ගෙන යා හැකිය.

ඔබේ කාර්යය සුරැකීම

ae0cf6f413 file

ඔබේ නිර්මාණය පිළිබඳව ඔබ සෑහීමකට පත් වූ පසු, ඔබේ පිටුවේ ඉහළ වම්පස ඇති සුරැකීමේ (save) බොත්තම ක්ලික් කරන්න. එපමණයි!