Page Builder Sandwich-ஐ எவ்வாறு பயன்படுத்துவது

எழுதியவர்

இதில்

,

Page Builder Sandwich உங்கள் வழக்கமான பக்க உருவாக்குநர்களைப் போன்றது அல்ல, இது சிக்கலற்றது மற்றும் பயன்படுத்த எளிதானது.

விரைவான வழிகாட்டலுக்குக் கீழே உள்ள வீடியோவைப் பார்க்கலாம்.

எடிட்டர் எங்கே உள்ளது?

முதலில், ஒரு புதிய பக்கம், இடுகை அல்லது CPT-ஐ உருவாக்கவும். பின்னர் உங்கள் புதிய இடுகை அல்லது ஏதேனும் இருக்கும் இடுகையை உங்கள் முன்பக்கத்தில் பார்வையிடவும். PBS என்பது 100% முன்பக்கமானது, நீங்கள் பின்பக்கத்தில் வேலை செய்ய வேண்டியதில்லை.

உங்கள் பக்கத்தின் மேற்பகுதியில் (உங்கள் நிர்வாகிப் பட்டியில்) “Page Builder Sandwich” என்ற பொத்தான் இருக்க வேண்டும், எடிட்டிங் செய்யத் தொடங்க அதைக் கிளிக் செய்யவும். உரை வடிவமைப்புப் பகுதி மேலிருந்தும், உறுப்புகளைச் சேர்க்கும் பேனல் பக்கவாட்டிலிருந்தும் தோன்றுவதை நீங்கள் காண்பீர்கள். உங்கள் தீமின் உள்ளடக்கப் பகுதி இப்போது உங்கள் எடிட்டராக மாறிவிட்டது!

PBS மூலம் நீங்கள் ஒற்றைப் பக்கங்களை மட்டுமே எடிட் செய்ய முடியும். வலைப்பதிவு இடுகைகளின் பட்டியல் அல்லது 404 பக்கத்தை எடிட் செய்ய முடியாது, ஏனெனில் அவை உங்கள் தீமால் உருவாக்கப்படுகின்றன. இடுகைகள், பக்கங்கள் மற்றும் தனிப்பயன் இடுகை வகைகள் (custom post types) எடிட் செய்யப்படலாம்.

உங்கள் உள்ளடக்கத்தை எடிட் செய்தல்

இப்போது இதோ அருமையான பகுதி வருகிறது.. நீங்கள் முன்பக்கத்திலும் எடிட்டரின் உள்ளேயும் வந்தவுடன், உங்கள் உள்ளடக்கத்தில் உள்ள எந்த உரையையும் கிளிக் செய்யவும் அல்லது உங்கள் உள்ளடக்கப் பகுதியின் உள்ளே கிளிக் செய்து தட்டச்சு செய்யத் தொடங்கவும்! பிற பக்க உருவாக்குநர்களைப் போலன்றி, பாப்அப் உரையாடல் பெட்டிகளுக்குச் செல்ல வேண்டிய அவசியமின்றி உள்ளடக்கத்தை நேரடியாக எடிட் செய்ய PBS உங்களை அனுமதிக்கிறது.

உங்கள் உள்ளடக்கத்தை வடிவமைத்தல் / அனைத்தையும் அழகாக மாற்றுதல்

dcb1615380 file 9OtagMFi2c

எடிட் செய்யும் போது, மேற்பகுதியில் உள்ள பகுதி Text Formatting Bar என்று அழைக்கப்படுகிறது. இந்த பட்டியில் உரையை வடிவமைக்க நீங்கள் பயன்படுத்தும் அனைத்துக் கருவிகளும் உள்ளன: வண்ணங்கள், தடிமன் (bold), சாய்வு (italicize), சீரமைப்புகள் (alignments), இணைப்புகளைச் சேர்த்தல், புல்லட்கள் மற்றும் பல. ஒவ்வொரு பொத்தானின் மீதும் மவுஸை நகர்த்தி, அந்தக் கருவி என்ன செய்கிறது என்பதைக் கண்டறியவும்.

உறுப்புகளைச் சேர்த்தல்

ecfd309bb2 file yDqiNEv73s

திரையின் மேல் இடதுபுறத்தில் உள்ள Add Elements பொத்தானின் மீது மவுஸை நகர்த்தி Add Element Panel-ஐக் காட்டவும். அல்லது அது தோன்றுவதற்கு உங்கள் மவுஸைத் திரையின் இடது பக்கத்திற்கு நகர்த்தினாலே போதுமானது.

ஏதேனும் உறுப்பைச் செருக, ஒன்றின் மீது மவுஸை அழுத்திப் பிடித்து, பின்னர் அதை உங்கள் உள்ளடக்கப் பகுதிக்குள் இழுக்கவும். உறுப்பு வைக்கப்படும் பகுதி ஹைலைட் செய்யப்படும். உறுப்பை வைக்க உங்கள் மவுஸ் பொத்தானை விடுவிக்கவும்.

உறுப்புகளை வடிவமைத்தல் மற்றும் மாற்றியமைத்தல்

உங்கள் உள்ளடக்கத்தில் உள்ள எந்த உறுப்பின் மீதும் உங்கள் மவுஸை நகர்த்தினால், அவற்றின் மீது அவுட்லைன்களும் டூல்பாரும் தோன்றும்.

0046713cb7 file YU6nUCc7jYஉறுப்புகளுக்கு இடையே உள்ள மார்ஜின்களை அதிகரிக்க/குறைக்க அவுட்லைன்களின் விளிம்புகளின் மீது உங்கள் மவுஸை நகர்த்தலாம்.

உறுப்பின் மீது விரைவான செயல்களைச் செய்ய டூல்பாரில் உள்ள ஒரு பொத்தானையும் நீங்கள் கிளிக் செய்யலாம். டூல்பாரில் உள்ள கியர் ஐகானைக் கிளிக் செய்தால் கூடுதல் விருப்பங்களைக் கொண்ட Properties Inspector தோன்றும்.

5c220b4ac9 file Odem5RLPok

Properties Inspector

3e7e48b754 file INy1v5z9Oz

Properties inspector உங்கள் உறுப்புகளின் தோற்றத்தின் மீது அதிகக் கட்டுப்பாட்டை வழங்குகிறது. நிழல்கள் (shadows), அனிமேஷன்கள், வரைபட வண்ணங்களை மாற்றுதல், பார்டர் ஆரம் (border radius) மற்றும் இன்னும் பலவற்றை நீங்கள் சேர்க்கலாம்.

உறுப்பின் மூலக் (parent) கூறுகளின் பண்புகளையும் நீங்கள் அணுகலாம். எடுத்துக்காட்டாக, நீங்கள் ஒரு பத்தியின் (column) உள்ளே ஒரு படத்தை வைத்து, properties inspector-ஐத் திறந்தால், படம், அது அமைந்துள்ள பத்தி மற்றும் அந்தப் பத்தி அமைந்துள்ள வரிசை ஆகியவற்றின் பண்புகளை நீங்கள் அணுகலாம்.

Properties inspector வெவ்வேறு உறுப்புகளுக்கான பல்வேறு அமைப்புகளைக் கொண்டுள்ளது, எனவே அவை அனைத்தையும் சரிபார்க்க மறவாதீர்கள்.

குறியீடுகளைப் (Shortcodes) பயன்படுத்துதல்

Page Builder Sandwich முன்பக்கத்திலேயே உண்மையான ஷார்ட்கோட்களைக் காட்டுகிறது, மேலும் அவற்றை எளிதாக எடிட் செய்யவும் முடியும்!

edee730340 file TqfWB9yv3y

உங்கள் ஷார்ட்கோட்களை நீங்கள் மனப்பாடம் செய்திருந்தால், அவற்றை நேரடியாக உங்கள் உள்ளடக்கத்தில் தட்டச்சு செய்து செருகலாம். ஆனால் நீங்கள் அவை அனைத்தையும் மனப்பாடம் செய்யவில்லை என்றால் (அதை யார் செய்வார்கள்?), inspector உங்கள் தளத்தில் கிடைக்கும் அனைத்து ஷார்ட்கோட்களையும் பட்டியலிடுகிறது. Inspector-லிருந்து ஒரு Shortcode பொத்தானை உங்கள் உள்ளடக்கப் பகுதிக்குள் இழுத்து, நீங்கள் செருக விரும்பும் ஒன்றைக் கண்டுபிடித்து, அதைச் செருக அதன் மீது கிளிக் செய்யவும்.

ஷார்ட்கோட்கள் முன்பக்கத்தில் உண்மையான உள்ளடக்கமாக மாற்றப்படுகின்றன; அவற்றை எடிட் செய்ய, நீங்கள் அதைத் தேர்ந்தெடுத்து inspector-இல் அவற்றின் பண்புகளைப் பார்க்கலாம். அல்லது கூடுதல் கட்டுப்பாட்டிற்கு, மூல வடிவத்தில் எடிட் செய்ய ஷார்ட்கோடின் மீது இருமுறை கிளிக் செய்யலாம். உங்கள் மாற்றங்களைச் செய்த பிறகு, மாற்றங்களைப் பிரதிபலிக்கும் வகையில் உங்கள் ஷார்ட்கோட் புதுப்பிக்கப்படும்.

உங்கள் உள்ளடக்கத்தை மறுசீரமைத்தல்

PBS மூலம் நீங்கள் எதையும் கிளிக் செய்து இழுத்து எங்கு வேண்டுமானாலும் நகர்த்தலாம். நீங்கள் எதையாவது இழுக்கும்போது, அதை பக்கத்தில் உள்ள மற்றொரு உறுப்பின் மீது நகர்த்தவும்; நீங்கள் அவற்றை வேறு எந்த உள்ளடக்கத்திற்கும் மேலேயோ அல்லது கீழேயோ நகர்த்தலாம்.

உங்கள் வேலையைச் சேமித்தல்

ae0cf6f413 file

உங்கள் வடிவமைப்பில் நீங்கள் திருப்தி அடைந்தவுடன், உங்கள் பக்கத்தின் மேல் இடதுபுறத்தில் உள்ள சேமி பொத்தானைக் கிளிக் செய்யவும். அவ்வளவுதான்!