நாங்கள் Page Builder Sandwich-ஐ பொதுமக்களுக்கு வெளியிட்டு 10 மாதங்கள் ஆகின்றன. இப்போது எங்களிடம் சுமார் 6,000 செயலில் உள்ள நிறுவல்கள் உள்ளன, இது எங்களுக்கு ஒரு சிறந்த சாதனையாகும். இதன் காரணமாக நல்லதும் கெட்டதுமாக ஏராளமான பின்னூட்டங்களும் எங்களுக்குக் கிடைத்துள்ளன. இருப்பினும், மற்ற பேஜ் பில்டர்களுடன் ஒப்பிடும்போது தளவமைப்புகளை உருவாக்குவதும் தங்களது உள்ளடக்கத்தை உருவாக்குவதும் எவ்வளவு எளிதானது என்பதை மக்கள் விரும்புகிறார்கள் என்பதே அனைவரது ஒருமித்த கருத்தாக உள்ளது.
எங்களுக்கு வந்த பின்னூட்டங்களில் பெரும்பாலானவை புதிய அம்சங்களுக்கான கோரிக்கைகளாகவே இருந்தன, மேலும் கடந்த சில மாதங்களில் அவற்றில் பல அம்சங்களை நாங்கள் சேர்த்துள்ளோம். ஆனால் நாங்கள் தொடர்ந்து அவ்வாறு செய்து வந்ததால், அந்தச் செயல்பாட்டில் பயனர் இடைமுகத்தையும் மெதுவாக மாற்றத் தொடங்கினோம். இதன் விளைவாக, நாங்கள் பயனர் அனுபவத்தையும்… மோசமான நிலைக்கு மாற்றிக் கொண்டிருந்தோம். இடைமுகம் இனி சீராகச் செயல்படவில்லை என்பதாலும், பல்வேறு அம்சங்கள் அதனுடன் சரியாகப் பொருந்தவில்லை என்பதாலும், இடைமுகத்தை நாங்கள் மறுபரிசீலனை செய்ய வேண்டிய ஒரு நிலைக்கு வந்து சேர்ந்தது.
செயலிழந்த இடைமுகம்
PBS-இன் முந்தைய பதிப்புகளில், அனைத்தும் பொத்தான்கள் வடிவில் இருக்க வேண்டும் என்று நாங்கள் விரும்பினோம். ஏன்? ஏனெனில் பொத்தான்களைப் பயன்படுத்துவது எளிது. நீங்கள் வெறுமனே… அவற்றைக் கிளிக் செய்தால் போதும். இன்ஸ்பெக்டரின் (மேலே உள்ள படத்தில் உள்ள பக்கப்பட்டி) பழைய பதிப்புகளில், ஒரு பொத்தானைக் கிளிக் செய்வது மதிப்பை அதிகரிக்கும், பின்னர் shift+கிளிக் செய்வது அதைக் குறைக்கும். கேட்பதற்கு இது மிகவும் எளிதாகத் தோன்றுகிறது. ஆனால் கொணர்வி, தத்தல்கள், வரைபடங்கள் மற்றும் பிற புதிய கூறுகள் மற்றும் அம்சங்களைச் சேர்த்ததன் மூலம், அந்தப் பொத்தான்கள் அனைத்தும் வெவ்வேறு வடிவமைப்புகளைக் கொண்ட வெவ்வேறு ஐகான்களின் கலவையாக மாறி, ஒரு சிறந்த இடைமுகத்தை விட சித்திர எழுத்துக்கள் போலத் தோன்றத் தொடங்கின. அனுபவம் வாய்ந்த பயனர்களுக்கு இது ஒரு பிரச்சினையாக இருக்கவில்லை, ஆனால் நீங்கள் PBS-க்கு புதியவராக இருந்தால் இதைப் பார்ப்பதற்கே சற்று அச்சுறுத்துவதாக இருந்தது.
அடுத்து, இன்ஸ்பெக்டரில் சில சிக்கல்கள் தோன்றின. இன்ஸ்பெக்டருக்கு உள்ளேயே எல்லாவற்றையும் எளிமையாகவும் கிடைக்கக்கூடியதாகவும் மாற்றுவதே ஆரம்ப யோசனையாக இருந்தது. எல்லாவற்றையும் என்றால், நான் குறிப்பிட்டது அனைத்தையும்தான் – உரையைத் தலைப்புகளாக மாற்றுவது முதல் பின்னணி வண்ணங்கள், எழுத்துரு வண்ணங்கள் என நீங்கள் எதைக் குறிப்பிட்டாலும் சரி. இருப்பினும் அதன் தற்போதைய நிலையில், இன்ஸ்பெக்டரில் இப்போது ஏராளமான விருப்பங்கள் உள்ளன, அவை தொடர்ந்து மேலும் கீழும் உருட்ட மவுஸ் வீலைப் பயன்படுத்த வைக்கும். பயனர்களுக்காக நான் முன்பு உருவாக்க விரும்பிய இன்ஸ்பெக்டரிலிருந்து இது மிகவும் வித்தியாசமானது.
இறுதியாக, நாங்கள் சமீபத்தில் உங்களுக்குப் பிடித்த செருகுநிரல்களுக்கான ஷார்ட்கோட் மேப்பிங்கை. உங்கள் ஷார்ட்கோட் திருத்தும் அனுபவத்தை மேலும் இனிமையானதாக மாற்ற தேவையான உரைப் புலங்கள், எண் ஸ்லைடர்கள், தேர்வுப்பெட்டிகள் மற்றும் கூடுதல் புதிய விருப்ப வகைகளை உருவாக்க இந்த அம்சம் எங்களுக்குத் தேவைப்பட்டது. ஆரம்பத்தில், இது ஒரு நல்ல யோசனையாக இருந்தது, ஆம், இது உங்களுக்கான ஷார்ட்கோட்களைக் கையாள்வதை எளிதாக்கியது. ஆனால் மீண்டும், இந்த அம்சம் எங்கள் “பொத்தான்கள் மட்டுமே” என்ற இடைமுகத்திலிருந்து விலகிச் சென்றது. திரும்பிப் பார்க்கையில், ஷார்ட்கோட் பண்புக்கூறுகளை மாற்றுவதற்கு பொத்தான்களை மட்டுமே பயன்படுத்துவது உண்மையிலேயே சாத்தியமற்றதாக இருந்தது. இப்போது, சமீபத்திய பதிப்பில், நாங்கள் 2 வகையான கட்டுப்பாடுகளுடன் முடிவடைந்தோம்: பொத்தான்கள் மற்றும் ஷார்ட்கோட் புலங்கள்.
எங்கள் இடைமுகம் இனி பயனுள்ளதாக இல்லை (அல்லது எங்கள் தேவைகளுக்கு ஏற்றதாக இல்லை) என்று நாங்கள் தீர்மானிக்க இன்னும் சில காரணங்கள் உள்ளன, ஆனால் மேலே உள்ள புள்ளிகள் முக்கியமானவை. எனினும் ஒன்று எப்போதும் உறுதியாக இருந்தது: நாங்கள் இடைமுகத்தைப் புதுப்பிக்க வேண்டும் என்பதை அறிந்திருந்தோம்.
ஒரு பேஜ் பில்டர் சிறந்த முறையில் எவ்வாறு செயல்பட வேண்டும் என்பதை வரையறுத்தல்
உடனடியாகக் களமிறங்கி விஷயங்களை மாற்றுவதற்குப் பதிலாக, ஒட்டுமொத்த பேஜ் பில்டர் அனுபவத்தையும் கவனிக்க நாங்கள் நூறு படிகள் பின்வாங்கினோம். இடைமுகத்திற்கு ஒரு புதிய உயிர்ப்பைக் கொண்டுவர நாங்கள் விரும்பினோம். உண்மையிலேயே, ஆண்டுதோறும் அதை மீண்டும் மீண்டும் உருவாக்கிக் கொண்டிருக்க நாங்கள் விரும்பவில்லை. இது மிகவும் சோர்வளிப்பதாகும், மேலும் நிச்சயமாக WordPress சமூகத்திற்கு குறிப்பிடத்தக்க உதவியைக் கொண்டு வராது. இந்த முறை, விஷயங்களை மெதுவாகவும் கவனமாகவும் செய்ய முடிவு செய்தோம். Page Builder Sandwich-இன் ஒவ்வொரு மூலையையும் மற்றும் எது அதை ஒரு சிறந்த பேஜ் பில்டராக ஆக்குகிறது என்பதையும் நாங்கள் ஆராய்ந்தோம், இறுதியாக ஒட்டுமொத்த திருத்தும் அனுபவத்தையும் சில முக்கியக் கருத்துகளாக வடிவமைத்தோம்.
அத்தியாவசியக் கருத்து #1: திருத்தங்களைச் செய்ய உங்கள் உள்ளடக்கத்திலேயே நேரடியாகத் தட்டச்சு செய்தல்
பேஜ் பில்டரை நிறுவுவதற்கான முக்கியக் காரணங்களில் ஒன்று, WordPress-இன் பின்தள உரை திருத்தியின் கட்டுப்பாடுகளிலிருந்து விடுபடுவதாகும். பின்தளத் திருத்தி சரியானது இல்லை என்பதல்ல, ஆனால் உங்கள் வலைப்பக்கங்களை உருவாக்கும் போது, உங்கள் தளப் பார்வையாளர்களுக்கு உங்கள் வலைப்பக்கம் எப்படித் தோன்றும் என்பதை அது உடனடியாகக் காட்டாது, அல்லது ஒற்றை நெடுவரிசை தளவமைப்பிற்கு வெளியே உங்கள் உள்ளடக்கத்தை வடிவமைக்க அனுமதிக்காது. உங்கள் உரையையும் சில படங்களையும் மட்டுமே நீங்கள் அங்கு பார்க்க முடியும், ஆனால் கூடுதல் விவரிப்பான கூறுகள் எதையும் (எ.கா. தொடர்புப் படிவங்கள்) பார்க்க முடியாது. நீங்கள் ஷார்ட்கோட்களைச் சேர்க்கலாம், ஆம், ஆனால் அவை ரெண்டர் செய்யப்பட்ட வடிவில் தோன்றாது*.
* Shortcake UI போன்ற பிறரால் இதை நிவர்த்தி செய்ய உருவாக்கப்பட்ட செருகுநிரல்கள் உள்ளன, ஆனால் அது இங்கு முக்கியமல்ல.
இங்குதான் முன்தளப் பேஜ் பில்டர்கள் பயன்படுகின்றன. அவை திருத்தும் அனுபவத்தைப் பின்தளத்திலிருந்து வெளியே கொண்டுவந்து முன்தளத்திற்கு அளிக்கின்றன, இதன் மூலம் உங்கள் பார்வையாளர்கள் உண்மையாக எதைப் பார்ப்பார்களோ அவ்வாறே உங்கள் தளத்தை நீங்கள் திருத்தலாம். பிப்பின் விவரிப்பது போல: நீங்கள் காண்பதே நீங்கள் பெறுவது (WYSIWYG).
ஒரு முன்தளத் திருத்தியாக இருப்பதன் மற்றொரு நல்ல விஷயம் என்னவென்றால், அது உங்கள் உரையை நேரடியாகத் திருத்த உங்களை அனுமதிக்கிறது. தலைப்புகள் மற்றும் பத்திகளில் தட்டச்சு செய்வது வலைத்தள உருவாக்கத்தில் வழக்கமான வேர்ட் பிராசஸரைப் பயன்படுத்துவது போன்ற எளிமையை வழங்குகிறது. பொத்தான்கள் மற்றும் தத்தல் லேபிள்களையும் அவற்றின் மீது வெறுமனே கிளிக் செய்து தட்டச்சு செய்வதன் மூலம் மாற்றக்கூடியதாக இருக்க வேண்டும்.
இதுவே பெரும்பாலான பிற பேஜ் பில்டர்கள் சிறப்பாகச் செய்யாத பகுதியாகும். அவற்றில் பெரும்பாலானவை எல்லாவற்றையும் திருத்துவதற்கு ஒரு உரைப் புலத்திற்குள் தட்டச்சு செய்ய உங்களை வற்புறுத்துகின்றன. மீண்டும், உண்மையான முன்தளப் பேஜ் பில்டர்களில் இது அவ்வாறு இருக்கக்கூடாது. உரையை நேரடியாகத் தட்டச்சு செய்வதும் திருத்துவதும் பதிப்பு 2 முதல் Page Builder Sandwich-இன் வலுவான பலமாக இருந்து வருகிறது, மேலும் பதிப்பு 3-லும் இது நிலைநிறுத்தப்படுவதை நாங்கள் உறுதி செய்துள்ளோம்.
அத்தியாவசியக் கருத்து #2: விரைவான மாற்றங்களுக்கு மவுஸைப் பயன்படுத்துதல்
மவுஸ் என்பது பேஜ் பில்டர்களில் பெரும்பாலும் புறக்கணிக்கப்படும் ஒரு சக்திவாய்ந்த கருவியாகும். பல நேரங்களில், பேஜ் பில்டர்கள் பொருட்களை இழுத்து வெவ்வேறு இடங்களில் விட அல்லது பொத்தான்கள் அல்லது உள்ளீட்டுப் புலங்களைக் கிளிக் செய்ய மட்டுமே மக்களை அனுமதிக்கின்றன. இது சரிதான் என்றாலும், பக்கத்தை உருவாக்குவதில் மவுஸைக் கொண்டு நீங்கள் செய்யக்கூடியவை இன்னும் நிறைய உள்ளன.
குறிப்பாக மார்ஜின்கள், பேடிங்குகள் மற்றும் அளவுகள் போன்ற காட்சிப் பண்புகளை சரிசெய்வதில், பக்கத்தைத் திருத்துவதற்கான கருவியாக மவுஸைப் பயன்படுத்துவதில் ஒரு அருமையான காட்சிப் பின்னூட்டம் உள்ளது. இப்போது, உங்கள் கூறுகளை மாற்றியமைப்பது ஒரு இயல்பான அனுபவமாக மாறுகிறது.
PBS பதிப்பு 3-ல், உங்கள் மவுஸைப் பயன்படுத்தி நீங்கள் பல விஷயங்களைச் சரிசெய்ய முடியும். தனிப்பட்ட கூறுகளுக்கு இடையிலான மார்ஜின்கள்/இடைவெளிகள், உங்கள் நெடுவரிசைகளுக்குள் உள்ள பேடிங்குகள் மற்றும் படங்கள், ஐகான்கள் மற்றும் வரைபடங்களின் அளவுகளை நீங்கள் சரிசெய்யலாம். எண் மதிப்புகளை மாற்ற அனுமதிக்கும் பொத்தான்களுக்குப் பதிலாக ஸ்லைடர்களையும் நாங்கள் சேர்த்துள்ளோம்.
அத்தியாவசியக் கருத்து #3: உரையை வடிவமைப்பது எளிதாக இருக்க வேண்டும்
உங்கள் மானிட்டரிலிருந்து சற்றுப் பின்வாங்கிப் பார்த்தால், உங்கள் வலைப்பக்கங்களில் நீங்கள் சேர்ப்பவற்றில் பெரும்பாலானவை உரை உள்ளடக்கமே என்பதை நீங்கள் கவனிப்பீர்கள். ஆம், அவற்றுடன் சேர்க்க எங்களிடம் படங்கள் மற்றும் ஐகான்கள் உள்ளன – சமீபகாலமாக எங்கள் தளங்களில் பெரிய படங்களைச் சேர்க்கும் போக்கு உள்ளது. ஆனால் முக்கியமான உள்ளடக்கத்தில் பெரும்பாலானவை உரை வடிவமே: தலைப்புகள், புல்லட் பட்டியல்கள், பத்திகள், மேற்கோள்கள் போன்றவை. அதனுடன் சேர்த்து எங்கள் வடிவமைப்புகளுக்கு ஏற்றவாறு உரையை எவ்வாறு வடிவமைக்கிறோம் என்பதும் அடங்கும். நாம் அவற்றின் அளவுகள் மற்றும் வண்ணங்களை மாற்றுகிறோம், அல்லது தடிமனாக அல்லது சாய்வாக மாற்றுகிறோம். நமது உள்ளடக்கம் வாசகர்களுக்குப் படிக்க எளிதாகவும், பொருத்தமானதாகவும், கவர்ச்சிகரமானதாகவும் இருக்க இது செய்யப்படுகிறது.
நாம் அடிக்கடி உரையை வடிவமைப்பதால், பாணிகளை மாற்ற அனுமதிக்கும் பொத்தான்கள் மிக எளிதாக அணுகக்கூடியதாக இருக்க வேண்டும். நாம் முதலில் திறக்க வேண்டிய பாப்-அப் பெட்டியின் உள்ளே அவை மறைத்து வைக்கப்பட்டிருக்கக் கூடாது. பெரும்பாலான பேஜ் பில்டர்கள் இந்தச் சிக்கலால் பாதிக்கப்பட்டுள்ளன. தங்களின் பயனர் இடைமுகம் ‘குழப்பமற்றது’ என்று பெயரெடுக்க வேண்டும் என்பதற்காக, அதிகம் பயன்படுத்தப்படும் விருப்பங்கள் கூட நேரடிக் காட்சியில் இருந்து மறைக்கப்படுகின்றன.
இதைத் தீர்க்க, பொதுவாகப் பயன்படுத்தப்படும் வேர்ட் பிராசஸர்களை நாங்கள் கவனித்தோம். உரையை வடிவமைக்கப் பயன்படும் ஏராளமான பொத்தான்களைக் கொண்ட ஒரு வரிசை திரையின் மேல் பகுதியில் பொதுவாக இருப்பதை நாங்கள் கவனித்தோம், மேலும் பதிப்பு 3-க்கு அதே அமைப்பை நகலெடுத்தோம். இப்போது உங்கள் திரையின் மேற்புறத்தில் அனைத்து உரை வடிவமைப்புப் பொத்தான்களின் வரிசையும் எப்போதும் இருக்கும். இது உரையை வடிவமைப்பதை மிகவும் விரைவானதாகவும், உரைத் திருத்தத்தில் உங்களுக்கு இயல்பான பழக்கமாகவும் மாற்றுகிறது.
அத்தியாவசியக் கருத்து #4: மேம்பட்ட வடிவமைப்பு விருப்பங்கள் நெகிழ்வானதாகவும் அதே சமயம் புரிந்துகொள்ள எளிதாகவும் இருக்க வேண்டும்
ஒரு பேஜ் பில்டரின் முக்கிய நோக்கம் என்னவென்றால், மக்கள் அசத்தலான வடிவமைப்புகளை எளிதாக உருவாக்க அனுமதிக்க வேண்டும். அதாவது, கடினமான கற்றல் செயல்முறை இல்லாமல் பலவிதமான அமைப்புகளையும் விருப்பங்களையும் நாம் வழங்க வேண்டும். மார்ஜின்கள், பேடிங்குகளை சரிசெய்வது மற்றும் உரையை வடிவமைப்பது ஆகியவை சிறந்ததுதான், ஆனால் அவற்றால் குறிப்பிட்ட வரம்பிற்குள்தான் செயல்பட முடியும். வேலையைச் செய்து முடிக்க உங்களுக்கு இன்னும் விரிவான விருப்பங்கள் தேவைப்படும்; பின்னணிப் படங்கள், பேட்டர்ன்கள், பார்டர்கள், நிலையான பின்னணிகள் போன்ற கூடுதல் விருப்பங்கள். அந்த வெவ்வேறு அமைப்புகள் அனைத்தையும் ஒன்றாக அடுக்குவது சற்று குழப்பத்தை ஏற்படுத்தக்கூடும், எனவே பதிப்பு 3-ல் விஷயங்களை எளிமையாக்கும் வகையில் அவற்றில் சிலவற்றைச் சுருக்கி, வகைகளாக ஒழுங்கமைத்துள்ளோம்.
அத்தியாவசியக் கருத்து #5: ஷார்ட்கோட் ஆதரவு
இறுதியாக, நமது பேஜ் பில்டர் WordPress-இன் மேல் இயங்குகிறது என்பதை மறந்துவிடக் கூடாது. நாம் அந்தத் தளத்தையும் அதன் அம்சங்களையும் ஏற்றுக்கொள்ள வேண்டும், மாறாக அவற்றைக் கட்டுப்படுத்தவோ அல்லது அவற்றிலிருந்து விலகவோ கூடாது. WordPress வழங்கும் ஒரு பெரிய அம்சம் ஷார்ட்கோட்கள் ஆகும். இதற்காக முழு உள்ளடக்கமும் ஷார்ட்கோட்களால் உருவாக்கப்பட வேண்டும் என்று அர்த்தமல்ல – அது குழப்பமாகிவிடும் – மாறாக நாம் அவற்றுடன் இணக்கமாக இருக்க வேண்டும். பல செருகுநிரல்களும் தீம்களும் ஷார்ட்கோட்களைப் பயன்படுத்துகின்றன, அவற்றை நாம் புறக்கணித்தால் அது மிகப்பெரிய இழப்பாக இருக்கும். சொல்லப்போனால், பக்கங்களை உருவாக்கும் போது ஷார்ட்கோட்கள் பயனர்களுக்கு உச்சகட்ட நெகிழ்வுத்தன்மையை அளிக்கின்றன.
சில வாரங்களுக்கு முன்பு எங்கள் ஷார்ட்கோட் மேப்பிங் அமைப்பை நாங்கள் அறிமுகப்படுத்தினோம், இதன் காரணமாக நூற்றுக்கணக்கான செருகுநிரல்களிலிருந்து நூற்றுக்கணக்கான ஷார்ட்கோட்களை மேப் செய்துள்ளோம். WordPress செருகுநிரல் கோப்பகத்தில் காணப்படும் மிகவும் பிரபலமான செருகுநிரல்களுக்கு நாங்கள் முன்னுரிமை அளித்துள்ளோம், எனவே உங்கள் சொந்த தளங்களில் நீங்கள் அவற்றை எதிர்கொள்ள வாய்ப்புள்ளது. இது பதிப்பு 3-ல் மேலும் வலுவடைந்துள்ளது, மேலும் நாங்கள் எதிர்காலத்தில் இதைத் தொடர்ந்து மேம்படுத்துவோம்.
முடிவுரை
மேலே உள்ள அனைத்து அத்தியாவசியப் பண்புகளையும் எடுத்துக்கொண்டு அவற்றை Page Builder Sandwich பதிப்பு 3-ல் உருவாக்கியுள்ளோம். WordPress-இற்காக நாங்கள் இதுவரை உருவாக்கியுள்ள சிறந்த பேஜ் பில்டர் இதுவாகும். இது மிகவும் உள்ளுணர்வுமிக்கது மற்றும் பயன்படுத்துவதற்கு மிகவும் இயல்பானது, இது வேகமாகவும், பயன்படுத்த எளிதாகவும், முன்னெப்போதையும் விட மிகவும் நட்பானதாகவும் செயல்படுகிறது.
அத்தியாவசியமான பேஜ் பில்டர் அம்சம் குறித்து உங்களிடம் ஏதேனும் கருத்துகள் இருந்தால், கீழே கருத்து தெரிவிப்பதன் மூலம் எங்களுக்குத் தெரியப்படுத்துங்கள்.