Page Builder Sandwich എങ്ങനെ ഉപയോഗിക്കാം

എഴുതിയത്

ഇൻ

,

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

ഒരു ദ്രുത വീക്ഷണത്തിനായി നിങ്ങൾക്ക് താഴെയുള്ള വീഡിയോ കാണാം.

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

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

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

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

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

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

കണ്ടന്റ് ഫോർമാറ്റ് ചെയ്യൽ / മനോഹരമാക്കൽ

dcb1615380 file 9OtagMFi2c

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

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

ecfd309bb2 file yDqiNEv73s

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

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

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

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

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

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

5c220b4ac9 file Odem5RLPok

പ്രോപ്പർട്ടീസ് ഇൻസ്പെക്ടർ

3e7e48b754 file INy1v5z9Oz

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

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

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

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

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

edee730340 file TqfWB9yv3y

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

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

നിങ്ങളുടെ കണ്ടന്റ് പുനഃക്രമീകരിക്കുന്നു

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

നിങ്ങളുടെ പ്രവർത്തനങ്ങൾ സേവ് ചെയ്യുന്നു

ae0cf6f413 file

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