வேர்ட்பிரஸ் பயிற்சி: எப்படி ஒரு சான்றுகள் செருகுநிரல் உருவாக்க

எழுதிய கட்டுரை:
  • வேர்ட்பிரஸ்
  • புதுப்பிக்கப்பட்டது: ஆகஸ்ட் 29, 2011

எனவே, இங்கே நாம் வேர்ட்பிரஸ் இரண்டாவது வார பயிற்சி உள்ளது. எப்படி ஒரு உருவாக்க வேண்டும் என்று கற்றுக் கொண்டோம் எல்லையற்ற ஸ்க்ரோலிங் WP தளம் மற்றும் பக்கம்-ஃப்ளிப் சொருகி கடந்த காலத்தில். இன்று நாம் தனிப்பயன் இடுகை வகைகளைப் பற்றியும், அவற்றின் தரவை எவ்வாறு ஏற்றலாம் என்பதையும் பற்றி மேலும் அறியலாம்.

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

நாம் தொடங்குவோம்!

ஜிப் & நிறுவவும்

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

புதிய சான்றுகளைப் பயன்படுத்தி சில சான்றுகளைச் சேர்ப்பதன் மூலம் நீங்கள் சில தரவை சேர்க்க வேண்டும், நீங்கள் உங்கள் டாஷ்போர்டில் பார்க்க முடியும்:

பட்டியலில் சான்றுகள்

பின்னர் நீங்கள் ஏற்ற சுருக்குக்குறியீடு பயன்படுத்தலாம்:

[சான்றுகள் rand = x max = x]

நீங்கள் அந்த குறியீட்டைச் சேர்க்கும்போது உங்கள் பக்கத்தில் இதுபோன்ற ஒன்றைப் பார்க்கலாம்:

முக்கிய சான்றுகள்

இப்போது இதை உருவாக்கி ஆராய்வதை எப்படி பார்ப்போம் (மேலும் செயல்பாடுகளைச் சேர்த்து, தோற்றத்தை மாற்றுவதன் மூலம்).

அடிப்படைகள்

நாங்கள் முன்பு கூறியபடி, நீங்கள் சேர்க்க வேண்டும் தலைப்பு மெட்டாடேட்டா, சொருகி கோப்பு உருவாக்க உங்கள் ஸ்கிரிப்டை அழைக்கவும். நீண்ட கதை குறுகிய, நீங்கள் உங்கள் சொருகி பெயர் உங்கள் wp-content / plugins கீழ் ஒரு புதிய கோப்புறையை உருவாக்க வேண்டும், பின்னர் கோப்புறையில் உங்கள் முக்கிய சொருகி கோப்பு இருக்கும் அதே பெயரில் ஒரு கோப்பு உருவாக்க.

நீங்கள் அந்த நகல் செய்த பின் பின்வருமாறு செய்தீர்கள்:

<? PHP / * செருகுநிரல் பெயர்: சான்றுகள் விளக்கம்: வாடிக்கையாளர் சான்றுகள் காட்சி. பதிப்பு: XHTML ஆசிரியர்: வலை வருவாய் வலைப்பதிவு உரிமம்: GPL1.0 * / / enqueueing ஸ்கிரிப்டுகள் மற்றும் பாணியை plugin_scripts () {wp_enqueue_script ('jquery') செயல்பட; wp_enqueue_script ('flexslider', plugins_url ('js / jquery.flexslider-min.js', __FILE__), வரிசை ('jquery'), '2', தவறான); wp_enqueue_script ('சான்றுகள்', plugins_url ('JS / சான்றுகள்', __FILE__), வரிசை ('jquery'), '2.2', தவறான); wp_enqueue_style ('flexsliderCSS', plugins_url ('css / flexslider.css', __FILE__), தவறான '1.0', 'அனைத்தும்'); wp_enqueue_style ('சான்றுகள் CSSS', plugins_url ('css / சான்றுகள்', __FILE__), தவறான '2.2', 'அனைத்தும்'); } add_action ("wp_enqueue_scripts", "plugin_scripts");

இங்கே நாம் என்ன செய்கிறோம்

  • எங்களது சொருகி பெயர், எழுத்தாளர், என்ன செய்கிறார் என்று WP க்குத் தெரிவிக்கிறார்
  • ஒரு செயல்பாடு உருவாக்குதல், வழக்கமான ஸ்கிரிப்டை (jQuery போன்றது) மற்றும் விருப்ப ஸ்கிரிப்டுகள் (flexslider போன்றவை) மற்றும் ஸ்டைல்ஷீட்களை
  • அதன் இயல்புநிலை ஸ்கிரிப்ட்டுகளில் ஸ்கிரிப்ட்ஸ் செயல்பாட்டை ஏற்ற WP இல் குறிப்பிடுவதால், அவை உண்மையில் பக்கங்களில் ஏற்றப்படும்

இது அனைத்து அழகான குளிர் தான், ஆனால் உண்மையில் / JS மற்றும் / CSS கீழ் கோப்புகளை உருவாக்க மறக்க வேண்டாம். நீங்கள் flexslider கோப்புகளை கண்டுபிடிக்க நிறைய தோண்டி தேவையில்லை எனவே நீங்கள் எங்கள் டெமோ உள்ளடக்கத்தை அவற்றை பதிவிறக்க முடியும்.

இப்போது நாம் அனைத்து அடிப்படை விஷயங்களை நாம் வேடிக்கையான பகுதி தொடங்க முடியும்.

தனிபயன் போஸ்ட் வகை

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

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

இடுகை வகை செயல்பாடு create_post_type () {register_post_type ('சான்றுகள்', // புதிய இடுகை வகை வரிசை ('லேபிள்கள்' => வரிசை ('பெயர்' => __ ('சான்றுகள்'), 'singular_name' * / 'ஆதரவு' => வரிசை ('தலைப்பு' ',' ஆசிரியர் ',' சிறு ',' custom_fields '),' hierarchical '=> தவறான)); }

இங்கே நாம் WP "Hey Buddy" என்று சொல்ல, register_post_type () செயல்பாட்டை பயன்படுத்துகிறோம், இந்த வகையான தரவுகளை சேமிக்க வேண்டும், தயவுசெய்து அதைப் பெற தயாராக இருங்கள்.

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

நாம் வேர்ட்பிரஸ் ஏற்ற ஒவ்வொரு முறையும் அதை அழைக்க வேண்டும். இந்த கொக்கி அதை செய்யும்:

add_action ('init', 'create_post_type');

தனிப்பயன் புலங்கள்

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

வழக்கமான தனிப்பயன் புலங்களுடன் இதை நாங்கள் செய்ய முடியும், ஆனால் ஒரு "மூடிய" புலத்தை வைத்திருப்பது மிகவும் நல்லது, அங்கு பயனருக்கு புலத்தின் பெயரைத் தட்டச்சு செய்யத் தேவையில்லை, மேலும் சில சரிபார்ப்பு விதிகளை நீங்கள் சேர்க்கலாம்.

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

// URL மெட்டா பெட்டி புல செயல்பாடு add_custom_metabox () {add_meta_box ('விருப்ப மெட்டாபாக்ஸ்', __ ('இணைப்பு'), 'url_custom_metabox', 'சான்றுகள்', 'பக்க', 'குறைந்த') சேர்த்து; } add_action ('admin_init', 'add_custom_metabox');

Add_meta_box () செயல்பாடு இந்த அளவுருக்கள் தேவைப்படுகிறது:

  1. ஐடி - இது தனிப்பட்ட அடையாளங்காட்டி. "யூனிகார்ன்-சாப்பிங்-ரெயின்போ" அல்லது "டெஸ்டிமோனியல்-இணைப்பு" போன்ற தனித்துவமான எதையும் நீங்கள் பயன்படுத்தலாம். உட்புறமாக பயன்படுத்த முடியும் என்று எதையும்
  2. தலைப்பு - பயனருக்கு என்ன காண்பிக்கப்படும்? இங்கே __ () செயல்பாடு பயன்படுத்த முக்கியம், அது வெளி கோப்புகளை இருந்து பயனர்கள் உங்கள் சொருகி அஞ்சல் கோப்புகளை (சொருகி கோப்புகளை எடிட்டிங் இல்லாமல்) மொழிபெயர்க்க அனுமதிக்கும் செயல்பாடு தான்
  3. கோரிக்கை - நீங்கள் metabox உண்மையான உள்ளடக்கங்களை எங்கே செயல்பாடு
  4. போஸ்ட் வகை - எங்கள் விஷயத்தில் அது சான்றுகளுக்கு மட்டுமே தெரியும்
  5. சூழல் - பக்கத்தில் நீங்கள் காட்ட விரும்பும்
  6. முன்னுரிமை - அதே நிலை அல்லது அதற்குப் பின் மற்ற பொருட்களுக்கு முன்பாக இருக்க வேண்டும்

இப்போது நாம் url_custom_metabox () செயல்பாட்டை உருவாக்க வேண்டும், நாம் அதை அழைத்ததிலிருந்து.

// நிர்வாக பகுதி செயல்பாட்டிற்கான HTML url_custom_metabox () {உலகளாவிய $ இடுகை; $ urllink = get_post_meta ($ post-> ID, 'urllink', உண்மை); // உறுதிப்படுத்திய! if (! preg_match ("/ http (கள்?): ///", $ urllink) && $ urllink! = "") {$ பிழைகள் = "இந்த URL செல்லுபடியாகாது"; $ urllink = "http: //"; iss // வெளியீடு URL செய்தியை ஆக்கிரமித்து, http: // ஐ உள்ளீட்டு புலத்தில் சேர்க்கவும் (isset ($ பிழைகள்)) {எதிரொலி $ பிழைகள்; }?> <p> <label for = "siteurl"> URL: <br /> <input id = "siteurl" size = "37" name = "siteurl" value = "<? php if (isset (l urllink) ) {எதிரொலி $ urllink;}?> "/> </label> </p> <? php}

சரி, இப்பொழுது இதை எளிய ஆங்கில மொழியில் மொழிபெயர்ப்பது:

  • உலகளாவிய மாறி $ post என அழைக்கப்படுகிறது, எனவே தற்போதைய உருப்படியின் POSTID என்பதை நாங்கள் அறிவோம்
  • URL இன் தற்போதைய மதிப்பை ஏற்றுவோம்
  • பயனர் செருகப்பட்ட மதிப்பு செல்லுபடியாகும் என்றால் நாங்கள் சரிபார்க்கிறோம். குறைந்தபட்சம் ஒரு "http" அல்லது "https" நிகழ்வைக் கொண்டிருப்பின் மதிப்பு சரியாக இருந்தால், இல்லையெனில் அது செல்லுபடியாகும் மற்றும் இயல்புநிலை மதிப்பைப் பயன்படுத்த வேண்டும்
  • எங்களால் ஏதேனும் இருந்தால், பிழைகள் காட்டுவோம்
  • இப்போது நாம் உண்மையான HTML ஐ தொடங்கி, உள்ளீடு துறையில் இயல்புநிலை மதிப்பை சேர்த்து PHP இல் கிடைத்திருக்கிறோம்

இந்த கட்டத்திற்குப் பிறகு, நாங்கள் பயனரால் அனுப்பப்படுவதைச் சேமிக்க வேண்டும். நாம் "save_post" ஹூக்கைப் பயன்படுத்துவோம், ஒவ்வொரு முறையும் வேர்ட்பிரஸ் ஒரு இடுகையை சேமிக்கிறது, இது இந்த செயல்பாடு அழைக்கப்படும்:

// விருப்ப துறையில் தரவு செயல்பாடு சேமிக்கிறது save_custom_url ($ post_id) {உலகளாவிய $ பதவியை; (isset ($ _ POST ['siteurl'])) {update_post_meta ($ post-> ஐடி, 'urllink', $ _POST ['siteurl']); }} add_action ('save_post', 'save_custom_url');

இங்கே எங்கள் இடுகை பெயர் "sitelink" என்று எந்த பதவியை தரவு இருந்தால் சரிபார்க்க. ஒரு தள இணைப்பு இருந்தால், அதை காப்பாற்றலாம்.

எல்லாவற்றையும் அமைத்த பின், உங்கள் புதிய சான்று பக்கம் எப்படி இருக்கும் என்பதை இங்கே காணலாம்:

புதிய சான்று

எங்கள் தனிப்பயன் தரவை ஏற்றுகிறது

இப்போது நாம் உண்மையில் எங்கள் பொருட்களை ஏற்ற வேண்டும், நாங்கள் get_posts () செயல்பாட்டைப் பயன்படுத்துவோம், ஏனென்றால் நாம் மட்டும் எளிய தரவு மட்டுமே இருப்பதால், ஒரு சரியான WP loop தேவையில்லை (DB அழைப்புகளை நிறைய சேர்க்க வேண்டும், அது தேவையில்லை).

எனவே, முதலில், எங்களது தளத்தின் இணைப்பைப் பெறுவதற்கு ஒரு செயல்பாட்டை உருவாக்கலாம்.

ஒரு இடுகை செயல்பாடு get_url ($ post) க்கு // ஐ திரும்ப URL {$ urllink = get_post_meta ($ post-> ஐடி, 'urllink', உண்மை); $ urllink திரும்ப; }

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

// சான்றுகளின் செயல்பாட்டைக் காட்ட சுருக்குக்குறியீட்டைப் பதிவு செய்தல் load_testimonials ($ a) {$ args = வரிசை ("post_type" => "சான்றுகள்"); if (isset ($ a ['rand']) && $ a ['rand'] == true) {$ args ['orderby'] = 'rand'; } if (isset ($ a ['max'])) {$ args ['posts_per_page'] = (int) $ a ['max']; } // எல்லா சான்றுகளையும் பெறுதல் $ பதிவுகள் = get_posts (gs args); // HTML OUTPUT} add_shortcode ("சான்றுகள்", "load_testimonials");

நீங்கள் பார்க்க முடியும் என நாம் சுருக்குக்குறியீடு பண்புகளை ஏற்ற மற்றும் அவர்கள் அதை பயன்படுத்தி பதிவுகள் ஏற்ற முடியும் என்று வடிவத்தில், அவர்கள் சரிபார்க்கும் போது $ args வரிசைக்கு கடந்து வேண்டும்.

இப்போது நாம் சில HTML குறியீடு சேர்க்க வேண்டும், flexslider இன் இயல்புநிலை அமைப்பு பின்வரும். இது எப்படி இருக்கும் என்பதை இங்கே காணலாம்:

echo '<div>'; echo '<ul>'; foreach ($ பதிவுகள் $ பதிவுகள்) {/ / thumb படத்தை $ url_thumb = wp_get_attachment_thumb_url பெறுதல் (get_post_thumbnail_id ($ post-> ஐடி)); $ link = get_url ($ post); எதிரொலி '<li>'; (வெற்று ($ url_thumb)) {echo '<img src = "' $ url_thumb. '" />'; } எதிரொலி '<h2>'. $ post-> post_title. '</ h2>'; <br /> \ post-> post_content. ';' காலியாக ($ post-> post_content)) {echo '<p>'. } (! வெற்று ($ இணைப்பு)) {echo '<a href="'.$link.'"> தளத்தைப் பார்வையிடவும் </a> </ p>'; } எதிரொலி </ li> '; } எதிரொலி '</ ul>'; எதிரொலி '</ div>';

காத்திருங்கள், ஆனால் நாம் HTML குறியீட்டை PHP செயல்பாடு உள்ளே ஏன் உருவாக்க வேண்டும்? பயனர் உள்ளடக்கத்தை சேர்த்திருந்தால் மட்டுமே நிபந்தனை ரீதியாக உள்ளடக்கத்தை ஏற்ற முடியும் என்பதால், உங்கள் அமைப்பை குழப்பிக்கொள்ள காத்திருக்கும் வெறுமையான HTML குறிச்சொற்களை நீங்கள் கொண்டிருக்க மாட்டீர்கள்.

பக்கப்பட்டியில் என்ன?

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

add_filter ('widget_text', 'do_shortcode');

அடுத்தது என்ன?

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

ரோசெஸ்டர் ஒலிவேரா பற்றி

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

நான்"