WordPress Tutorial: Ինչպե՞ս ստեղծել Testimonials Plugin

Այսպիսով, մենք այստեղ ենք WordPress- ի վերաբերյալ մեր երկրորդ շաբաթվա բոլոր ձեռնարկը: Մենք սովորեցինք, թե ինչպես ստեղծել անցյալում անսահման պտտվող WP կայք և էջ-մատով հավելված: Այսօր մենք մի փոքր ավելին կսովորենք փոստերի պատվերով տեսակների և ինչպես բեռնելու նրանց տվյալները.


Այս առանձնահատկությունն իսկապես կարևոր է ձեր կայքում, քանի որ այն թույլ է տալիս ցույց տալ ձեզ առաջարկող մարդկանց: Վկայությունները ձեր հիասքանչության սոցիալական մեծ ապացույցն են: Դրան հասնելու համար ձեզ հարկավոր չէ բարդ հավելվածներ կամ շատ կոդ, քանի որ կտեսնեք մի քանի ֆայլեր, որոնք կարող եք ստեղծել սեքսուալ ներկայացում ձեր ցուցմունքների համար.

Սկսենք այդ ժամանակ!

Zip- ը & Տեղադրեք

Եթե ​​շտապում եք ստուգել դա, կարող եք ներբեռնել և տեղադրել.

Դուք պետք է ավելացնեք որոշ տվյալներ, այնուհետև ավելացնելով մի քանի ցուցմունքներ, օգտագործելով բոլորովին նոր ցուցմունքները, այն է, որ կարող եք տեսնել ձեր վահանակում.

ցուցակ-ցուցմունքներ

Այնուհետև կարող եք օգտագործել հիմնական կարճ կոդ ՝ այն բեռնելու համար.

[վկայականներ rand = 0 max = 5]

Երբ այդ կոդն եք ավելացրել, ձեր էջում նման բան կտեսնեք:

հիմնական ցուցմունքները

Այժմ մենք կտեսնենք, թե ինչպես ստեղծել և ուսումնասիրել դա (ավելացնելով ավելի շատ գործառույթներ և փոխել տեսքը).

Հիմունքները

Ինչպես նախկինում ասել ենք, հարկավոր է ավելացնել վերնագրի մետատվյալները, ստեղծել plugin- ի ֆայլը և զանգահարել ձեր սցենարներին: Երկար պատմություն կարճ, դուք կստեղծեք նոր թղթապանակ ձեր wp-բովանդակության / plugin- ների տակ `ձեր plugin- ի անվանմամբ, այնուհետև ստեղծեք միևնույն անունով ֆայլ, ինչպես այն թղթապանակը, որը կլինի ձեր հիմնական plugin ֆայլը:.

Երբ պատրաստեք այդ օրինակը և կպցրեք հետևյալ կերպ.

<?php
/ *
Plugin name: Testimonials
Նկարագրություն. Displayուցադրել հաճախորդի ցուցմունքները.
Տարբերակ ՝ 1.0
Հեղինակ ՝ Վեբ եկամուտների բլոգ
Արտոնագիր ՝ GPL2
* /

// ծածկագրող գրություններ և ոճեր
գործառույթի plugin_scriptts ()
wp_enqueue_script (‘jquery’);
wp_enqueue_script (‘flexslider’, plugins_url (‘js / jquery.flexslider-min.js’, __FILE__), զանգված (‘jquery’, ” 2.2 ‘, կեղծ);
wp_enqueue_script (‘վկայականներ’, plugins_url (‘js / Testonials.js’, __FILE__), զանգված (‘jquery’), ‘1.0’, կեղծ);
wp_enqueue_style (‘flexsliderCSS’, plugins_url (‘css / flexslider.css’, __FILE__), կեղծ, ‘2.2’, ‘բոլոր’);
wp_enqueue_style (‘TestonialsCSS’, plugins_url (‘css / proofonials.css’, __FILE__), կեղծ, ‘1.0’, ‘բոլոր’);
}
add_action ("wp_enqueue_scriptts","plugin_scriptts");

Ահա թե ինչ ենք մենք անում.

  • WP- ին պատմելով, թե որն է մեր plugin- ի անունը, հեղինակ, ինչ է դա անում
  • Գործառույթի ստեղծում, որտեղ մենք տեղադրում ենք կանոնավոր գրություններ (ինչպես jQuery) և հարմարեցված գրություններ (flexslider- ի նման) և Stylesheets
  • WP- ին ասում են, որ սկրիպտների ֆունկցիան բեռնվում է իր կանխադրված գրությունների զանգում, այնպես որ դրանք իրականում բեռնված կլինեն էջերում

Ամեն ինչ շատ զով է, բայց մի մոռացեք իրականում ստեղծել ֆայլեր / js և / css- ի տակ: Դուք պարզապես կարող եք ներբեռնել դրանք մեր ցուցադրական բովանդակությամբ, որպեսզի ֆլեքսսլայդեր ֆայլերը գտնելու համար հարկավոր չէ շատ բան փորել:.

Այժմ մենք ունենք բոլոր հիմնական իրերը, որոնք կարող ենք սկսել զվարճալի մասը.

Պատվերով հաղորդագրության տեսակը

Լռելյայն, WordPress- ը ունի 2 ընդհանուր հաղորդագրության տեսակներ, էջեր և հաղորդագրություններ: Բայց այն նաև պարունակում է ներքին փոստային շատ տեսակներ (ինչպես հավելվածները), ուստի «գրառման տեսակը» բնորոշումը հետևյալն է. Յուրաքանչյուր տիպի տվյալ, որը Ձեզ անհրաժեշտ է պահել:.

Քանի որ մեր plugin- ը կստեղծի նոր ֆունկցիոնալություն, WP- ն չունի ներկառուցված տեղ այն պահելու համար, այնպես որ մենք պետք է այն ստեղծենք: Մի վախեցեք փոքրիկ մորեխ, դա շատ պարզ է, կարող եք օգտագործել այս ծածկագիրը.

// գրառման տեսակը ստեղծելու սև մոգություն
գործառույթը ՝ ստեղծում_post_type ()
Register_post_type (
‘վկայություններ’, // գրառման նոր տեսակը
զանգված (
‘պիտակներ’ => զանգված (
‘name’ => __ (‘Testimonials’),
‘singular_name’ => __ (‘Testimonial’)
),
‘հանրային’ => true, / * Գրառման տեսակը նախատեսված է հանրային օգտագործման համար: Սա ներառում է առջևի ծայրում և wp-admin- ում: * /
‘աջակցում’ => զանգված («վերնագիր», «խմբագիր», «մանրապատկեր», «custom_fields»),
‘հիերարխիկ’ => կեղծ
)
);
}

Այստեղ մենք պարզապես օգտագործում ենք Register_post_type () գործառույթը ՝ WP- ին ասելու համար. «Hey Buddy, մենք պետք է պահենք այսպիսի տվյալներ, խնդրում ենք պատրաստ լինել այն ստանալու համար»:.

Մենք նաև ասում ենք նրան, որ այսպիսի տվյալները կոչվում են «վկայություններ», այն պետք է հասանելի լինի հանրային հասանելիության համար (այնպես որ այն իրոք ստեղծում է դրա ցանկում դրա համար անհրաժեշտ մենյուի նոր տարր), այն դաշտերը, որոնք մեզ անհրաժեշտ են, և եթե դա հիերարխիկ է թե ոչ (էջերի նման, որոնք մենք ունենք ծնողների և երեխաների էջեր).

Այնուհետև մենք պետք է այն կանչենք ամեն անգամ WordPress- ը բեռնելու ժամանակ: Այս կարթը դա անելու է.

add_action (‘init’, ‘create_post_type’);

Պատվերով դաշտերը

Այժմ մեր փոստային հաղորդագրության տեսակը պարունակում է վերնագիր (անձի անուն), բովանդակություն (անձի ցուցմունք), նկար (պատկերազարդ պատկեր), բայց այն հղում է բացակայում, քանի որ եթե մարդը բավականաչափ հաճելի է խոսել ձեր մասին, ապա գոնե պետք է կապեք դրան նրանց կայքը, ճիշտ է?

Մենք դա կարող էինք անել սովորական սովորական դաշտերով, բայց շատ ավելի լավ է ունենալ «փակ» դաշտ, որտեղ օգտագործողը կարիք չունի մուտքագրելու դաշտի անունը, ինչպես նաև այնտեղ, որտեղ կարող եք ավելացնել վավերացման կանոններ.

Առաջին հերթին մենք պետք է ստեղծենք նոր մետաբոքս, որը այն գեղեցիկ վահանակներն են, որոնք դուք ունեք ձեր փոստային խմբագրման տարածքում, յուրաքանչյուր փոքրիկ վահանակ մետաբոքս է: Այս գործառույթը կստեղծի և կկոչի այն.

// URL- ի մետա տուփի դաշտ ավելացնելը
գործառույթ add_custom_metabox ()
add_meta_box (‘custom-metabolox’, __ (‘ՈՒղեցույց’), ‘url_custom_metabox’, ‘վկայություններ’, ‘կողմ’, ‘ցածր’);
}
add_action (‘admin_init’, ‘add_custom_metabox’);

Add_meta_box () գործառույթը պահանջում է այս պարամետրերը.

  1. ID – դրա եզակի նույնացուցիչ: Այստեղ կարող եք օգտագործել ցանկացած եզակի բան ՝ «միաեղջյուր ուտող-ծիածան» կամ «վկայական-հղում»: Thingանկացած բան, որը կարող է օգտագործվել ներքին օգտագործման մեջ
  2. Վերնագիր – Ի՞նչ կցուցադրվի օգտագործողի համար: Այստեղ կարևոր է օգտագործել __ () գործառույթը, այն գործառույթն է, որը օտար լեզուներից օգտվողներին հնարավորություն է տալիս թարգմանել ձեր plugin- ը .po ֆայլերով (առանց plugin- ի ֆայլերը խմբագրելու)
  3. Հետադարձ կապ – գործառույթը, որտեղ դուք ունեք նյութափոխանակության իրական բովանդակություն
  4. Հաղորդագրություն տեսակը. Մեր դեպքում մենք ուզում ենք, որ այն տեսանելի լինի միայն վկայությունների համար
  5. Համատեքստ – Որտեղ էջում ցանկանում եք այն ցույց տալ
  6. Առաջնահերթություն – Եթե դա պետք է լինի նույն դիրքի մյուս կետերից առաջ կամ դրանց հետևից

Այժմ մենք պետք է ստեղծենք url_custom_metabox () գործառույթը, քանի որ մենք այն անվանել ենք.

// HTML ադմինիստրատորի տարածքի համար
գործառույթ url_custom_metabox ()
համաշխարհային $ գրառում;
$ urllink = get_post_meta ($ post)->ID, ‘urllink’, ճշմարիտ);

// վավերացում!
եթե (! preg_match ( "/ http (s?): ///", $ urllink) && $ urllink! = "") {
$ սխալներ = "Այս URL- ը վավեր չէ";
$ urllink = "http: //";
}

// ելքային անվավեր url հաղորդագրություն և ավելացնել http: // մուտքի դաշտը
if (թողարկել ($ սխալ)) {echo $ սխալներ; }
?>

URL:

<?php
}

Լավ, այժմ սա անգլերենից թարգմանելով.

  • $ $ Փոփոխական արժեքը կոչվում է, այնպես որ մենք կարող ենք իմանալ, թե որն է ընթացիկ կետի ՊՈՍՏԻԴ-ը
  • Մենք բեռնում ենք ընթացիկ արժեքը URL- ի համար
  • Մենք վավերացնում ենք Եթե արժեքը, որը ներմուծված օգտվողը վավեր է: Եթե ​​կա առնվազն մեկ «http» կամ «https» երևույթ, ապա արժեքը նորմալ է, հակառակ դեպքում այն ​​ուժի մեջ է, և մենք պետք է օգտագործենք լռելյայն արժեքը
  • Այնուհետև մենք ցույց ենք տալիս սխալները, եթե այդպիսիք կան
  • Այժմ մենք սկսում ենք փաստացի HTML- ը ՝ ավելացնելով լռելյայն արժեքը մուտքային դաշտում, երբ ստացանք PHP- ում

Այս պահից հետո մենք պետք է իրականում պահպանենք այն, ինչ ուղարկվում է օգտագործողի կողմից: Մենք կօգտագործենք «save_post» մանգաղը, այնպես որ ամեն անգամ WordPress- ը գրառում է կուղարկի, այն կկանչի այս գործառույթը.

// պահպանում է հատուկ դաշտի տվյալները
գործառույթը save_custom_url ($ post_id) {
համաշխարհային $ գրառում;

եթե (թողարկել ($ _ POST [‘siteurl’])))
update_post_meta ($ post)->ID, ‘urllink’, $ _POST [‘siteurl’]);
}
}
add_action (‘save_post’, ‘save_custom_url’);

Այստեղ մենք պարզապես ստուգում ենք, թե արդյոք կա՞ որևէ հաղորդագրություն, որը կոչվում է «sitelink», որը մեր դաշտի անունն է: Եթե ​​կա sitelink, եկեք պահենք այն.

Ամեն ինչից հետո, ահա, թե ինչպես կանդրադառնա ձեր նոր վկայական էջը.

նոր-վկայական

Բեռնվում է մեր Պատվերով տվյալները

Այժմ մենք պետք է իրականում բեռնենք մեր իրերը, և մենք կօգտագործենք get_posts () գործառույթը, հիմնականում այն ​​պատճառով, որ մենք ունենք միայն հասարակ պարզ տվյալներ, այնպես որ մեզ հարկավոր չէ համապատասխան WP հանգույց (դա կավելացնի մեծ թվով DB զանգեր և մենք իսկապես չենք դնում դրա կարիքը չկա).

Այսպիսով, նախ եկեք գործառույթ ստեղծենք մեր կայքի հղումը ստանալու համար, եթե այդպիսիք կան.

// հաղորդագրության վերադարձը URL- ին
գործառույթը get_url ($ post) {
$ urllink = get_post_meta ($ post)->ID, ‘urllink’, ճշմարիտ);

վերադարձնել $ urllink;
}

Այժմ մենք կարող ենք սկսել կարճոդի գործառույթը: Կարճաժամկետ կոդերի տվյալների ստանդարտացման և վավերացման պարզ եղանակ է հանգույցի համար հատկանիշների ստեղծումը `որպես զանգված, այնպես որ մենք կարող ենք ավելացնել նոր իրեր, ինչպես մեզ անհրաժեշտ են, այսպիսին է.

// վկայագրեր ցույց տալու համար դյուրանցման կոդ
գործառույթը load_testimonials ($ a) {

$ args = զանգված (
"post_type" => "ցուցմունքներ"
);

եթե (թողարկվել ($ a [‘rand’])) && $ a [‘rand’] == ճշմարիտ) {
$ args [‘orderby’] = ‘rand’;
}
եթե (թողարկել ($ a [‘առավելագույն’])) {
$ args [‘posts_per_page’] = (int) $ a [‘max’];
}
// ստանալ բոլոր ցուցմունքները
$ հաղորդագրություններ = get_posts ($ փաստարկներ);

// HTML OUTPUT
}
add_shortcode ("ցուցմունքներ","load_testimonials");

Ինչպես տեսնում եք, մենք վավերացման կետում բեռնված և փոխանցված ենք կարճ կետերի ատրիբուտներին, այն ձևաչափով, որն անհրաժեշտ է WordPress- ին, այնպես որ մենք կարող ենք բեռնել հաղորդագրությունները դրանց օգտագործմամբ.

Այժմ մենք պետք է այնտեղ ավելացնենք HTML կոդ, հետևելով flexslider- ի լռելյայն կառուցվածքին: Ահա, թե ինչպես է այն նման:

էխո ”;
արձագանք

    ‘;

    foreach ($ հաղորդագրություններ որպես $ post) {
    // բութ պատկեր ստանալը
    $ url_thumb = wp_get_attachment_thumb_url (get_post_thumbnail_id ($ post)->ID));
    $ link = get_url ($ post);
    արձագանք

  • ‘;
    if (! դատարկ ($ url_thumb)) {echo ‘‘; }
    արձագանք

    $. փակցված է->post_title ‘:

    ‘;
    եթե (! դատարկ է ($ հաղորդագրություն)->post_content)) {echo ‘

    $. փակցված է->post_content »:
    ‘; }
    if (! դատարկ ($ հղում)) ch echo ‘Այցելեք կայք

    ‘; }
    արձագանք

  • ‘;
    }

    արձագանք

‘;
էխո ”;

Սպասեք, բայց ինչու՞ ենք HTML ծածկագիրը ստեղծել PHP գործառույթի ներսում: Դա այն պատճառով է, որ մենք պայմանականորեն կարող ենք բեռնել բովանդակությունը միայն այն դեպքում, եթե օգտագործողը ավելացրել է բովանդակությունը, այնպես որ դուք չեք ունենա դատարկ HTML պիտակներ, պարզապես սպասում եք խառնաշփոթ ձեր դասավորությանը.

Ինչ վերաբերում է կողային գծին?

Մարդկանց մեծամասնությունը պարզապես ցանկանում է ցուցմունքներ ցույց տալ կողքի սլաքի մեջ, և այս plugin- ը իսկապես լավ չի աշխատի, քանի որ տեքստային գործիքները չեն մշակում դյուրանցումները: Դրա համար կա մի պարզ լուծում, պարզապես ավելացրեք սա ձեր կոդով.

add_filter (‘widget_text’, ‘do_shortcode’);

Ինչ է հաջորդը?

Այսպիսով, դուք վայելել եք այս ձեռնարկը: Ինչո՞վ կավելացնեք որպես ընտրանք ձեր վկայական կարճ համար: Դուք գաղափարներ ունեք հետագա գրառումների համար: Տեղեկացրեք մեզ ՝ օգտագործելով մեկնաբանությունների բաժինը!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map