Page Builder Sandwich നിങ്ങളുടെ സാധാരണ പേജ് ബിൽഡർ പോലെയല്ല, ഇത് സങ്കീർണ്ണമല്ലാത്തതും ഉപയോഗിക്കാൻ ലളിതവുമാണ്.

പെട്ടെന്നൊരു ടൂറിനായി നിങ്ങൾക്ക് താഴെയുള്ള വീഡിയോ കാണാം.

എഡിറ്റർ എവിടെയാണ്?

ആദ്യം, ഒരു പുതിയ പേജ്, പോസ്റ്റ് അല്ലെങ്കിൽ CPT സൃഷ്ടിക്കുക. തുടർന്ന് നിങ്ങളുടെ ഫ്രണ്ട്‌എൻഡിൽ പുതിയ പോസ്റ്റോ നിലവിലുള്ള ഏതെങ്കിലും പോസ്റ്റോ സന്ദർശിക്കുക. PBS എന്നത് 100% ഫ്രണ്ട്‌എൻഡ് ആണ്, നിങ്ങൾക്ക് ബാക്ക് എൻഡിൽ കൂടുതൽ മാറ്റങ്ങൾ വരുത്തേണ്ടി വരില്ല.

നിങ്ങളുടെ പേജിന്റെ മുകളിൽ (നിങ്ങളുടെ അഡ്മിൻ ബാറിൽ) ഒരു “Page Builder Sandwich” ബട്ടൺ ഉണ്ടായിരിക്കണം, എഡിറ്റിംഗ് ആരംഭിക്കാൻ അതിൽ ക്ലിക്ക് ചെയ്യുക. മുകളിൽ നിന്ന് ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ് ഏരിയയും വശത്ത് നിന്ന് എലമെന്റുകൾ ചേർക്കാനുള്ള പാനലും ദൃശ്യമാകുന്നത് കാണാം. നിങ്ങളുടെ തീമിന്റെ കണ്ടന്റ് ഏരിയ ഇപ്പോൾ നിങ്ങളുടെ എഡിറ്ററാണ്!

നിങ്ങൾക്ക് PBS ഉപയോഗിച്ച് സിംഗിൾ പേജുകൾ മാത്രമേ എഡിറ്റ് ചെയ്യാൻ കഴിയൂ. ബ്ലോഗ് പോസ്റ്റുകളുടെ ലിസ്റ്റോ അല്ലെങ്കിൽ ഒരു 404 പേജോ എഡിറ്റ് ചെയ്യാൻ കഴിയില്ല, കാരണം അവ നിങ്ങളുടെ തീം ആണ് സൃഷ്ടിക്കുന്നത്. പോസ്റ്റുകൾ, പേജുകൾ, കസ്റ്റം പോസ്റ്റ് ടൈപ്പുകൾ എന്നിവ എഡിറ്റ് ചെയ്യാം.

നിങ്ങളുടെ ഉള്ളടക്കം എഡിറ്റ് ചെയ്യുന്നു

ഇനി ഏറ്റവും മികച്ച ഭാഗം വരുന്നു.. നിങ്ങൾ ഫ്രണ്ട്‌എൻഡിലും എഡിറ്ററിനുള്ളിലും എത്തിക്കഴിഞ്ഞാൽ, നിങ്ങളുടെ കണ്ടന്റിലെ ഏതെങ്കിലും ടെക്സ്റ്റിൽ ക്ലിക്ക് ചെയ്യുക അല്ലെങ്കിൽ നിങ്ങളുടെ കണ്ടന്റ് ഏരിയയ്ക്കുള്ളിൽ ക്ലിക്ക് ചെയ്ത് ടൈപ്പ് ചെയ്യാൻ തുടങ്ങുക! മറ്റ് പേജ് ബിൽഡറുകളിൽ നിന്ന് വ്യത്യസ്തമായി, പോപ്പ്അപ്പ് ഡയലോഗ് ബോക്സുകളിലൂടെ പോകാതെ തന്നെ നേരിട്ട് ഉള്ളടക്കം എഡിറ്റ് ചെയ്യാൻ PBS നിങ്ങളെ അനുവദിക്കുന്നു.

നിങ്ങളുടെ ഉള്ളടക്കം ഫോർമാറ്റ് ചെയ്യുന്നു / മനോഹരമാക്കുന്നു

എഡിറ്റ് ചെയ്യുമ്പോൾ, മുകളിലുള്ള ഭാഗത്തെ Text Formatting Bar എന്ന് വിളിക്കുന്നു. ടെക്സ്റ്റ് സ്റ്റൈൽ ചെയ്യുന്നതിനായി നിങ്ങൾ ഉപയോഗിക്കുന്ന എല്ലാ ഫോർമാറ്റിംഗ് ടൂളുകളും ഈ ബാറിൽ അടങ്ങിയിരിക്കുന്നു, അവയിൽ ഇവ ഉൾപ്പെടുന്നു: നിറങ്ങൾ, ബോൾഡ്, ഇറ്റാലിക്, അലൈൻമെന്റുകൾ, ലിങ്കുകൾ ചേർക്കൽ, ബുള്ളറ്റുകൾ എന്നിവയും മറ്റും. ഓരോ ടൂളും എന്താണ് ചെയ്യുന്നതെന്ന് അറിയാൻ ഓരോ ബട്ടണിനും മുകളിലൂടെ മൗസ് ഹോവർ ചെയ്യുക.

എലമെന്റുകൾ ചേർക്കുന്നു

Add Element Panel കാണിക്കാൻ സ്ക്രീനിന്റെ മുകളിൽ ഇടത് വശത്തുള്ള Add Elements ബട്ടണിന് മുകളിലൂടെ മൗസ് ഹോവർ ചെയ്യുക. അത് ദൃശ്യമാക്കാൻ നിങ്ങളുടെ മൗസ് സ്ക്രീനിന്റെ ഇടത് വശത്തേക്ക് നീക്കിയാലും മതിയാകും.

ഏതെങ്കിലും എലമെന്റ് ചേർക്കുന്നതിന്, അതിൽ ക്ലിക്ക് ചെയ്ത് അമർത്തിപ്പിടിച്ച് നിങ്ങളുടെ കണ്ടന്റ് ഏരിയയിലേക്ക് ഡ്രാഗ് ചെയ്യുക. എലമെന്റ് സ്ഥാപിക്കുന്ന ഭാഗം ഹൈലൈറ്റ് ചെയ്യപ്പെടും. എലമെന്റ് സ്ഥാപിക്കാൻ മൗസ് ബട്ടൺ റിലീസ് ചെയ്യുക.

എലമെന്റുകൾ സ്റ്റൈൽ ചെയ്യലും പരിഷ്ക്കരിക്കലും

നിങ്ങളുടെ ഉള്ളടക്കത്തിലുള്ള ഏതെങ്കിലും എലമെന്റിന് മുകളിലൂടെ മൗസ് ഹോവർ ചെയ്യുക, അപ്പോൾ അവയ്ക്ക് മുകളിൽ ഔട്ട്‌ലൈനുകളും ടൂൾബാറുകളും ദൃശ്യമാകും.

എലമെന്റുകൾ തമ്മിലുള്ള മാർജിൻ കൂട്ടാനോ കുറയ്ക്കാനോ നിങ്ങൾക്ക് ഔട്ട്‌ലൈനുകളുടെ അരികുകളിലൂടെ മൗസ് ഹോവർ ചെയ്യാം.

എലമെന്റിൽ വേഗത്തിലുള്ള പ്രവർത്തനങ്ങൾ നടത്തുന്നതിന് നിങ്ങൾക്ക് ടൂൾബാറിലെ ഒരു ബട്ടണിലും ക്ലിക്ക് ചെയ്യാം. ടൂൾബാറിലെ ഗിയർ ഐക്കണിൽ ക്ലിക്ക് ചെയ്താൽ കൂടുതൽ ഓപ്ഷനുകൾ അടങ്ങിയ Properties Inspector തുറന്നുവരും.

The Properties Inspector

പ്രോപ്പർട്ടീസ് ഇൻസ്പെക്ടർ നിങ്ങളുടെ എലമെന്റുകളുടെ രൂപഭംഗിയിൽ കൂടുതൽ നിയന്ത്രണം നൽകുന്നു. ഷാഡോകൾ, ആനിമേഷനുകൾ, മാപ്പ് നിറങ്ങൾ മാറ്റുക, ബോർഡർ റേഡിയസ് തുടങ്ങി നിരവധി കാര്യങ്ങൾ നിങ്ങൾക്ക് ചേർക്കാൻ കഴിയും.

എലമെന്റുകളുടെ പാരന്റുകളുടെ പ്രോപ്പർട്ടികളും നിങ്ങൾക്ക് ആക്സസ് ചെയ്യാൻ കഴിയും. ഉദാഹരണത്തിന്, നിങ്ങൾ ഒരു നിരയ്ക്കുള്ളിൽ (column) ഒരു ഇമേജ് സ്ഥാപിക്കുകയും പ്രോപ്പർട്ടീസ് ഇൻസ്പെക്ടർ തുറക്കുകയും ചെയ്താൽ, നിങ്ങൾക്ക് ആ ഇമേജിന്റെയും, അത് അടങ്ങിയിരിക്കുന്ന കോളത്തിന്റെയും, ആ കോളം അടങ്ങിയിരിക്കുന്ന വരിയുടെയും (row) പ്രോപ്പർട്ടികൾ ആക്സസ് ചെയ്യാൻ കഴിയും.

പ്രോപ്പർട്ടീസ് ഇൻസ്പെക്ടറിൽ വ്യത്യസ്ത എലമെന്റുകൾക്കായി വ്യത്യസ്ത ക്രമീകരണങ്ങൾ അടങ്ങിയിരിക്കുന്നു, അതിനാൽ അവയെല്ലാം പരിശോധിക്കുന്നത് ഉറപ്പാക്കുക.

ഷോർട്ട്കോഡുകൾ ഉപയോഗിക്കുന്നു

Page Builder Sandwich ഫ്രണ്ട്‌എൻഡിൽ യഥാർത്ഥ ഷോർട്ട്കോഡുകൾ കാണിക്കുന്നു, നിങ്ങൾക്ക് അവ എളുപ്പത്തിൽ എഡിറ്റ് ചെയ്യാനും കഴിയും!

നിങ്ങൾ ഷോർട്ട്‌കോഡുകൾ മനഃപാഠമാക്കിയിട്ടുണ്ടെങ്കിൽ, നിങ്ങളുടെ ഉള്ളടക്കത്തിൽ നേരിട്ട് ടൈപ്പ് ചെയ്തുകൊണ്ട് ഷോർട്ട്‌കോഡുകൾ ഉൾപ്പെടുത്താം. എന്നാൽ നിങ്ങൾ അവയെല്ലാം മനഃപാഠമാക്കിയിട്ടില്ലെങ്കിൽ (ആരാണ് അങ്ങനെ ചെയ്യുന്നത്?) ഇൻസ്പെക്ടർ നിങ്ങളുടെ സൈറ്റിൽ ലഭ്യമായ എല്ലാ ഷോർട്ട്‌കോഡുകളും ലിസ്റ്റ് ചെയ്യുന്നു. ഇൻസ്പെക്ടറിൽ നിന്ന് നിങ്ങളുടെ ഉള്ളടക്ക ഭാഗത്തേക്ക് ഒരു Shortcode ബട്ടൺ ഡ്രാഗ് ചെയ്ത് നിങ്ങൾ ചേർക്കാൻ ആഗ്രഹിക്കുന്ന ഒന്ന് കണ്ടെത്തുക, അത് ചേർക്കാൻ അതിൽ ക്ലിക്ക് ചെയ്യുക.

ഷോർട്ട്‌കോഡുകൾ ഫ്രണ്ട്‌എൻഡിലെ യഥാർത്ഥ ഉള്ളടക്കമായി റെൻഡർ ചെയ്യപ്പെടുന്നു, അവ എഡിറ്റ് ചെയ്യാൻ, നിങ്ങൾക്ക് അത് തിരഞ്ഞെടുത്ത് ഇൻസ്പെക്ടറിൽ അവയുടെ ആട്രിബ്യൂട്ടുകൾ പരിശോധിക്കാം. അല്ലെങ്കിൽ കൂടുതൽ നിയന്ത്രണത്തിനായി, റോ (raw) രൂപത്തിൽ എഡിറ്റ് ചെയ്യാൻ നിങ്ങൾക്ക് ഷോർട്ട്‌കോഡിൽ ഡബിൾ ക്ലിക്ക് ചെയ്യാം. നിങ്ങളുടെ എഡിറ്റുകൾ നടത്തിയ ശേഷം, മാറ്റങ്ങൾ പ്രതിഫലിപ്പിക്കുന്നതിനായി നിങ്ങളുടെ ഷോർട്ട്കോഡ് അപ്‌ഡേറ്റ് ചെയ്യപ്പെടും.

നിങ്ങളുടെ ഉള്ളടക്കം പുനഃക്രമീകരിക്കുന്നു

PBS ഉപയോഗിച്ച് നിങ്ങൾക്ക് എന്തും ക്ലിക്ക് ചെയ്ത് ഡ്രാഗ് ചെയ്യാനും എവിടേക്കും നീക്കാനും കഴിയും. നിങ്ങൾ ഒന്നിനെ ഡ്രാഗ് ചെയ്യുമ്പോൾ, പേജിലെ മറ്റൊരു എലമെന്റിന് മുകളിലേക്ക് അത് നീക്കുക, മറ്റ് ഏത് ഉള്ളടക്കത്തിനും മുകളിലോ താഴെയോ നിങ്ങൾക്ക് അവയെ മാറ്റാനാകും.

നിങ്ങളുടെ വർക്ക് സേവ് ചെയ്യുന്നു

നിങ്ങളുടെ ഡിസൈനിൽ നിങ്ങൾ തൃപ്തനായാൽ, നിങ്ങളുടെ പേജിന്റെ മുകളിൽ ഇടതുവശത്തുള്ള സേവ് ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക. അത്രയേയുള്ളൂ!