
ஷார்ட்கோடுகள் (Shortcodes) வேர்ட்பிரஸின் (WordPress) மிகச்சிறந்த சிறப்பம்சங்களில் ஒன்றாகும். ஷார்ட்கோடுகள் டெவலப்பர்களுக்கும் வலைத்தள உருவாக்குநர்களுக்கும் இடையிலான பாலமாக விளங்குகின்றன, மேலும் மக்கள் தாங்கள் விரும்பும் உள்ளடக்கத்தை கிட்டத்தட்ட எங்கு வேண்டுமானாலும் எளிதாகச் சேர்க்க இது அனுமதிக்கிறது. பயனர்கள் தங்கள் உள்ளடக்கத்தை எவ்வாறு மற்றும் எங்கு காட்டுகிறார்கள் என்பதில் அதிக நெகிழ்வுத்தன்மையை வழங்குவதால், பிளகின் உருவாக்குநர்கள் ஷார்ட்கோடுகளை மிகவும் விரும்புகிறார்கள்.
ஷார்ட்கோடுகள் என்றால் என்ன, அவை எப்படி இருக்கும் என்று உங்களுக்குத் தெரியாவிட்டால், அவை சதுர அடைப்புக்குறிக்குள் மூடப்பட்ட பழமையான குறியீடு போன்ற உரையாகும். அவை தோராயமாக இதுபோன்று இருக்கும்:
குறிப்பாக இது embed ஷார்ட்கோட் என்று அழைக்கப்படுகிறது மற்றும் வேர்ட்பிரஸில் இயல்பாகவே கட்டமைக்கப்பட்டுள்ளது. இது குறிப்பிட்ட URL-லிருந்து வீடியோவை உங்கள் உள்ளடக்கத்தில் உட்பொதிக்கிறது. இதை நீங்கள் முயற்சித்துப் பார்க்க விரும்பினால், மேலே உள்ள ஷார்ட்கோடை நகலெடுத்து உங்கள் தளத்தில் ஒட்டவும்.
திரைக்குப் பின்னால் என்ன நடக்கிறது என்றால், வேர்ட்பிரஸ் உங்கள் உள்ளடக்கத்தில் ஒரு ஷார்ட்கோடைக் காணும்போது, அது செயலாக்கப்பட்டு வேறு ஒன்றாக மாற்றப்படுகிறது. மேலே உள்ள நமது உதாரணத்தில், எப்போதெல்லாம் ஒரு
ஷார்ட்கோட் கண்டறியப்படுகிறதோ, அப்போது வேர்ட்பிரஸ் ஷார்ட்கோட்டில் உள்ள URL-ஐ எடுத்து, தன்னிடம் உள்ள பல உள்ளடக்க வழங்குநர்களுடன் ஒப்பிட்டுப் பார்க்கிறது. பொருத்தமான ஒன்றைக் கண்டறிந்ததும், அது அதற்குரிய iframe உட்பொதித்தல் குறியீட்டைப் பெற்று, அதற்குப் பதிலாக அதைக் காட்டுகிறது.
அப்படியானால் இங்கு என்ன பிரச்சனை? இது மிகவும் எளிதானது போல் தெரிகிறது, நீங்கள் அடைப்புக்குறிக்குள் ஒரு சிறிய உரையை உள்ளிட்டால் வேலை முடிந்தது.
இங்குதான் ஷார்ட்கோட் ஏபிஐ (Shortcode API) வருகிறது..
ஏராளமான ஷார்ட்கோடுகள்
ஷார்ட்கோட் ஏபிஐ டெவலப்பர்களுக்கு ஷார்ட்கோடுகளை உருவாக்கும் வழியைத் திறந்துவிடுகிறது. இதன் காரணமாக, டெவலப்பர்கள் தங்கள் பிளகின்களுக்குள் தங்களின் சொந்த ஷார்ட்கோடுகளைச் சேர்க்க முடிகிறது.
இது அற்புதம், இப்போது ஒரு சிறிய குறியீடு போன்ற துணுக்கைக் கொண்டு (எனவேதான் “ஷார்ட்கோட்” என்ற பெயர் வந்தது), ஆரம்பநிலை மற்றும் மேம்பட்ட பயனர்கள் என இருவருமே தாங்கள் விரும்பும் எந்த வகையான உள்ளடக்கத்தையும் எங்கு வேண்டுமானாலும் வைக்க முடியும்.
வேர்ட்பிரஸில் இயல்பாக ஒரு சில ஷார்ட்கோடுகள் மட்டுமே உள்ளன. மிகக் குறைவாக இருப்பதால் அவற்றை நினைவிலிருந்து தட்டச்சு செய்வது எளிது. ஆனால் நீங்கள் சில பிளகின்களை நிறுவினால், ஷார்ட்கோடுகளின் எண்ணிக்கை உடனடியாக ஒரு டஜன் அல்லது அதற்கு மேற்பட்டதாக, சில சமயங்களில் நூற்றுக்கும் அதிகமாக உயர்ந்துவிடும். ஒவ்வொரு ஷார்ட்கோடுக்கும் அதன் சொந்த பண்புக்கூறுகளும் (attributes) அவற்றைப் பயன்படுத்துவதற்கான வழிமுறைகளும் உள்ளன. பெரும்பாலான பிளகின்கள் தங்களின் அனைத்து ஷார்ட்கோடுகளும் எவ்வாறு செயல்படுகின்றன என்பதற்கான ஆவணங்களைக் கொண்டிருக்கின்றன மற்றும் ஒவ்வொன்றிலும் கிடைக்கும் அனைத்து அளவுருக்களையும் பட்டியலிடுகின்றன. ஆனால் அனைத்து ஷார்ட்கோடுகளையும் அவற்றின் பண்புக்கூறுகளையும் நீங்கள் மனப்பாடம் செய்ய முயன்றால் அது மிகவும் கடினமானதாக இருக்கும்.
உங்கள் தளத்தில் உள்ள அனைத்து ஷார்ட்கோடுகளையும், அவற்றை எவ்வாறு பயன்படுத்துவது என்பதையும் நீங்கள் அறிந்துகொள்ளக்கூடிய மையப்படுத்தப்பட்ட இடம் எதுவும் இல்லை என்பதே இங்குள்ள பிரச்சனை.
சிலர் இப்பிரச்சனைக்குத் தீர்வு காண முயற்சிக்கின்றனர்
சில பிளகின்கள் தங்களின் சொந்த ஷார்ட்கோடுகள் அனைத்தையும் எளிதாக அணுகக்கூடிய கீழ்விரி மெனுவில் வழங்குவதன் மூலம் இப்பிரச்சனையைத் தீர்க்க முயற்சிக்கின்றன. பின்னர் அதில் ஒன்றைக் கிளிக் செய்தால், அதற்குரிய அனைத்து சாத்தியமான பண்புக்கூறுகளுடனும் அந்த ஷார்ட்கோட் சேர்க்கப்படும். இனி அதை மனப்பாடம் செய்ய வேண்டிய அவசியமில்லை, இது ஒரு நல்ல விஷயம்.

சில பிளகின்கள் மேலும் ஒரு படி மேலே சென்று, ஷார்ட்கோடின் பண்புக்கூறுகளை நிரப்புவதற்கு சரிபார்ப்புப் பெட்டிகள் மற்றும் வண்ணத் தேர்வாளர்கள் கொண்ட அமைப்புகள் பாப்-அப் படிவத்தைச் சேர்க்கின்றன.

இந்த தீர்வு ஓரளவுக்குச் செயல்படுகிறது. இருப்பினும், ஒவ்வொரு பிளகினும் அதன் சொந்த ஷார்ட்கோடுகளை மட்டுமே பட்டியலிடுகிறது. எனவே ஒவ்வொரு பிளகினும் தனக்கென ஒரு ஷார்ட்கோட் பிக்கரை உருவாக்கினால், உங்கள் திரையில் பல ஷார்ட்கோட் பிக்கர்கள் தோன்றும் நிலைக்கு நீங்கள் தள்ளப்படுவீர்கள் (இது எனக்கு முன்பு நடந்திருக்கிறது).

வேறு வார்த்தைகளில் கூறுவதானால், ஒவ்வொரு பிளகினும் தனக்குத் தோன்றுவதைச் செய்கிறது மற்றும் அதன் சொந்த ஷார்ட்கோடுகளுக்கு அதன் சொந்த தீர்வை செயல்படுத்துகிறது. சில பிளகின்கள் “Add Media” பொத்தானுக்கு அருகில் ஒரு புதிய பொத்தானைச் சேர்க்கின்றன, அல்லது TinyMCE-க்குள் ஒரு புதிய பொத்தானைச் சேர்க்கின்றன.
எனவே இப்போது நீங்கள், “மற்ற பிளகின்களின் ஷார்ட்கோடுகளையும் சேகரித்து அதை உங்கள் கீழ்விரி மெனு / ஷார்ட்கோட் பிக்கரில் ஏன் சேர்க்கக்கூடாது?” என்று யோசிக்கலாம். ஆம், நானும் அதைத்தான் நினைத்தேன். ஆனால், இதைச் சொல்வது எளிது, செய்வது கடினம். அதற்கான காரணத்தை சிறிது நேரத்தில் விளக்குகிறேன், ஆனால் முதலில் ஒரு சிறந்த தீர்வு எப்படி இருக்கும் என்பதைப் பார்ப்போம்.
சிறந்த தீர்வு
உங்கள் தளத்தில் உள்ள அனைத்து ஷார்ட்கோடுகளையும் சேகரித்து, அந்தப் பட்டியலை உங்களுக்கு வழங்கி, அனைத்து பண்புக்கூறுகளையும் நிரப்ப உதவும் ஒரு பிளகினை உருவாக்குவதே சரியான திட்டமாக இருக்கும். மேலும் ஒவ்வொரு முறையும் நீங்கள் ஒரு புதிய பிளகினை நிறுவும் போது, புதிதாக அறிமுகப்படுத்தப்பட்ட அனைத்து ஷார்ட்கோடுகளும் உங்களுக்குக் காண்பிக்கப்படும்.
எளிதாக அணுகும் வகையில் உங்கள் அனைத்து ஷார்ட்கோடுகளும் வைக்கப்படும் ஒரு மைய இடத்தை கற்பனை செய்து பாருங்கள். ஒவ்வொரு ஷார்ட்கோடும் அவை என்ன செய்கின்றன, எந்த பிளகினைச் சேர்ந்தவை என்பதை விவரிக்கும். பின்னர் கிடைக்கக்கூடிய ஒவ்வொரு பண்புக்கூறுக்கும் ஒரு லேபிள், அவற்றுக்கான மதிப்பைத் தேர்ந்தெடுப்பதற்கான சரியான வழி மற்றும் ஒரு விளக்கம் இருக்கும் என்று கற்பனை செய்து பாருங்கள். கீழ்விரி மெனுக்கள், வண்ணத் தேர்வாளர்கள், ரேடியோ பொத்தான்கள், மாற்றிகள் மற்றும் இன்னும் பல உங்களுக்குக் காட்டப்படும்.
இது போன்ற ஒன்று வலைத்தள மற்றும் உள்ளடக்க உருவாக்குநர்களாகிய நமது வாழ்க்கையை எளிதாக்கும். நீங்கள் பயன்படுத்த விரும்பும் ஒரு ஸ்லைடருக்கு உருவாக்கப்பட்ட ஷார்ட்கோடை நகலெடுக்க வெவ்வேறு ஆவணங்களையோ அல்லது உங்கள் நிர்வாகப் பகுதியின் வெவ்வேறு பகுதிகளையோ இனி பார்க்க வேண்டியதில்லை.
இதில் உள்ள குறைபாடு
துரதிர்ஷ்டவசமாக, தற்போது இதுபோன்ற ஒன்றைச் செய்வது மிகவும் கடினம். ஒரு ஷார்ட்கோடின் அனைத்து விவரங்களையும் தெரிந்துகொள்ள உறுதியான வழி எதுவும் இல்லை. அனைத்து ஷார்ட்கோடுகளின் பட்டியலையும் நீங்கள் பெறலாம், ஆனால் அவற்றின் உண்மையான குறிச்சொற்கள்/பெயர்களை மட்டுமே பெற முடியும்; பண்புக்கூறுகளின் பட்டியல், அவை என்ன செய்கின்றன மற்றும் அவற்றின் வகைகள் – அதாவது ஒரு ஸ்ட்ரிங், நிறம் அல்லது எண் போன்ற கூடுதல் விவரங்களை உங்களால் பெற முடியாது. மேலும் ஒவ்வொரு பண்புக்கூறுக்கும் ஒரு சிறிய விளக்கத்தைக் கூட பெற முடியாது.
டெவலப்பர்களுக்கான ஒரு குறிப்பு: ஆம், shortcode_atts செயல்பாட்டிற்கு புதிதாக சேர்க்கப்பட்ட மூன்றாவது ஆர்கியுமென்ட் உள்ளது, ஆனால் அது ஒரு கட்டாய ஆர்கியுமென்ட் அல்ல. எனவே உலகில் உள்ள ஒவ்வொரு பிளகின் டெவலப்பரும் அதை செயல்படுத்தாத வரை, ஒரு ஷார்ட்கோடின் அனைத்து பண்புக்கூறுகளையும் தீர்மானிக்க நம்மிடம் ஒரு உறுதியான வழி இருக்காது.
ஷார்ட்கோட் விளக்கங்களைச் சேர்ப்பதற்கோ, பண்புக்கூறுகளின் வகையைக் குறிப்பிடுவதற்கோ அல்லது பண்புக்கூறு விளக்கங்களுக்கோ ஷார்ட்கோட் ஏபிஐ எந்த வசதியையும் வழங்கவில்லை. மேலும் வேர்ட்பிரஸ் தானே ஷார்ட்கோடுகளை அணுகுவதற்கான ஒரு மையப் பகுதியை சேர்க்காத வரை, இந்த வசதி உருவாக்கப்படும் என்பதில் எனக்கு சந்தேகமே.
முடிவுரை
தற்போது ஷார்ட்கோடுகளை ஒழுங்கமைக்கும் பணி ஒவ்வொரு டெவலப்பரிடமும் விடப்பட்டுள்ளது. வேர்ட்பிரஸிற்குள் ஒரு மையப்படுத்தப்பட்ட முறை உருவாக்கப்படும் வரை, உங்கள் பின்தளத்தில் பல “Add Shortcode” பொத்தான்களை தொடர்ந்து பார்ப்பீர்கள் என்று எதிர்பார்க்கலாம். இதுபோன்ற ஒன்றை WordPress Core-ல் சேர்க்க வேண்டுமா இல்லையா என்பது தனியாக ஒரு பெரிய விவாதமாகும்.
ஒரு மாற்று வழி
இதை வித்தியாசமாக கையாளும் பேஜ் பில்டர் பிளகின்கள் உள்ளன. நிரல் ரீதியாக ஷார்ட்கோடுகளைக் கண்டறிவதற்குப் பதிலாக, பயனர்கள் ஒரு ஷார்ட்கோடின் ஒவ்வொரு விவரத்தையும் கைமுறையாக உள்ளிடக்கூடிய ஷார்ட்கோட் மேப்பர்களைக் கொண்டுள்ளன. செய்து முடித்ததும், அது பேஜ் பில்டருக்குள் கிடைக்கும். இது வேலை செய்தாலும் கூட, அவை உங்கள் சொந்த தளத்தில் மட்டுமே கிடைக்கும்.
Page Builder Sandwich-ல் உள்ள நாங்கள் இந்த ஷார்ட்கோட் சிக்கலைத் தீர்க்கக்கூடிய ஒன்றை உருவாக்கி வருகிறோம். எங்கள் முன்னேற்றம் குறித்த அறிவிப்புகளைப் பெற கீழே உள்ள எங்கள் செய்திமடலுக்கு குழுசேரவும்.
Page Builder Sandwich-ஐப் பயன்படுத்தி நீங்கள் இப்போது உங்கள் பக்க வடிவமைப்புகளில் வரைபடங்களை வைக்கலாம்!
வலைத்தளங்களை உருவாக்குவதற்கு நீங்கள் புதியவர் என்றால், WordPress.com மற்றும் WordPress.org ஆகியவற்றுக்கு இடையேயான விவாதம் குறித்து உங்களுக்குத் தெரிந்திருக்க வாய்ப்பில்லை. இவற்றில் ஒன்று இருப்பதே உங்களுக்குத் தெரியாமல் இருந்திருக்கலாம், மேலும் ஒவ்வொன்றின் சாதக பாதகங்களும் உங்களுக்குத் தெரியாமல் இருக்கலாம். அப்படியானால், WordPress.com மற்றும் WordPress.org ஆகியவற்றுக்கு இடையேயான இந்த விவாதம் எதைப் பற்றியது? இதில் ஒன்று, வழக்குத் தொடரப்படுவதற்காகக் காத்திருக்கும் மற்றொரு மலிவான நகலா?
நீங்கள் கவனித்திருந்தால், புதியவர்கள் மற்றும் அனுபவம் வாய்ந்த டெவலப்பர்கள் என அனைவருக்கும் எப்போதும் பணிகளைச் சற்று எளிதாக்குவது வேர்ட்பிரஸ்ஸின் முக்கியமான விதிகளில் ஒன்றாகும். இந்த இலக்கை அவர்கள் அடைவதற்கான வழிகளில் ஒன்று ஷார்ட்கோட்களைப் (shortcodes) பயன்படுத்துவதாகும்.
மிகவும் எளிமையாகத் தோன்றுகிறது அல்லவா. இப்போது, இந்த கட்டுரைக்கு முன்பு நீங்கள் ஷார்ட்கோட்களைப் பற்றிக் கேள்விப்பட்டிருக்கவில்லை என்றால், அவை எப்படி இருக்கும் என்று உங்களுக்குத் தெரியவில்லை என்றால், அவை சதுர அடைப்புக்குறிக்குள் இணைக்கப்பட்ட பழங்கால குறியீடு போன்ற உரையாகும்.

அடிப்படையில், வெள்ளை இடம் (whitespace) என்பது அதன் மிக அடிப்படையான வரையறையில், ஒரு வடிவமைப்பின் அனைத்து கூறுகளையும் சுற்றிலும் மற்றும் அவற்றுக்கு இடையிலும் எஞ்சியிருக்கும், குறியிடப்படாத இடமாகும். பெரும்பாலான வலைத்தள உரிமையாளர்கள் நினைப்பது போல், இது வெறும் திரை இடத்தை வீணடிப்பது 




உங்கள் முதல் வலைத்தளத்தை உருவாக்கும் போது கருத்தில் கொள்ள வேண்டிய ஒரு முக்கியமான விஷயம் என்னவென்றால்—நீங்கள் ஒரு வணிகமாக இருந்தாலும் சரி, ஃப்ரீலான்ஸராக இருந்தாலும் சரி, அல்லது யாராக இருந்தாலும் சரி—எல்லோருக்கும் குறியீட்டு முறை (கோடிங்) மற்றும் மென்பொருள் உருவாக்கம் தெரிந்திருக்க வாய்ப்பில்லை. உதாரணமாக, நீங்கள் தனது சமையல் குறிப்புகளை இணையத்தில் வெளியிட விரும்பும் ஒரு சமையல் கலைஞராக இருக்கலாம். அல்லது ஒரு தொழில்முறை போர்ட்ஃபோலியோ தேவைப்படும் நுண்கலை பட்டதாரி மாணவராகவோ, அல்லது தங்களுக்கென ஒரு வலைத்தளம் தேவைப்படும் ஒரு ஸ்டார்ட்-அப் வணிகமாகவோ நீங்கள் இருக்கலாம். இதில் எதுவாக இருந்தாலும் சரி, நம்மைப் போன்ற பலருக்குக் குறியீட்டின் அடிப்படைகள் தெரிந்திருக்கலாம் என்றாலும், நாம் அனைவரும் முழுநேர டெவலப்பர்கள் அல்ல; மேலும் வலைத்தளம் தேவைப்படும் அல்லது விரும்பும் ஒவ்வொருவருக்கும் அதை புதிதாக அடிமட்டத்திலிருந்து எவ்வாறு உருவாக்குவது என்று தெரியாது என்பதே உண்மை. இங்குதான் வேர்ட்பிரஸ் (WordPress) பயனுள்ளதாக இருக்கும். இப்போது எழும் கேள்வி: “ஏன் வேர்ட்பிரஸ்?”

தளத்தை உருவாக்குவதற்கான மிக விரைவான குறுக்குவழிகளில்
When I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: 


In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the 





Click
Under the
Increase the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.
To add a background image with text and element overlays, simply click the
Tip #1: For Premium users, using the
Type in the message for your header. See
You can also add buttons by clicking on