Apmācība WordPress: kā izveidot spraudni atsauksmes

Tātad, šeit mēs esam par mūsu otro nedēļas apmācību par WordPress. Iepriekš mēs esam iemācījušies, kā izveidot bezgalīgu ritinošu WP vietni un lapas atvēršanas spraudni. Šodien mēs uzzināsim mazliet vairāk par pielāgotajiem ziņu veidiem un to, kā ielādēt viņu datus.


Šī funkcija ir patiešām svarīga jūsu vietnē, jo tā ļauj jums parādīt cilvēkiem, kuri jūs iesaka. Atsauksmes ir lielisks jūsu lieliskuma sociālais pierādījums. Un jums nav nepieciešami sarežģīti spraudņi vai daudz koda, lai to sasniegtu, jo, redzot dažus failus, varat izveidot seksīgu prezentāciju savām atsauksmēm.

Sāksim tad!

Zip & Uzstādīt

Ja jūs steidzaties to pārbaudīt, varat to lejupielādēt un instalēt.

Pēc tam jums būs jāpievieno daži dati, pievienojot dažas atsauksmes, izmantojot pilnīgi jaunas atsauksmes, kuras varat redzēt savā informācijas panelī:

saraksts-atsauksmes

Tad varat izmantot pamata īskodu, lai ielādētu:

[atsauksmes rand = 0 max = 5]

Kad esat pievienojis šo kodu, savā lapā redzēsit kaut ko līdzīgu:

galvenās atsauksmes

Tagad mēs redzēsim, kā to izveidot un izpētīt (pievienojot citas funkcijas un mainot izskatu).

Pamati

Kā mēs jau teicām iepriekš, jums būs jāpievieno galvenes metadati, jāizveido spraudņa fails un jāizsauc savi skripti. Īsi sakot, jūs izveidosit jaunu mapi zem sava wp-satura / spraudņiem ar sava spraudņa vārdu, pēc tam izveidosiet failu ar tādu pašu nosaukumu kā mapei, kas būs jūsu galvenais spraudņa fails.

Kad esat pabeidzis, nokopējiet un ielīmējiet šādi:

<?php
/ *
Spraudņa nosaukums: atsauksmes
Apraksts: parādiet klientu atsauksmes.
Versija: 1.0
Autors: tīmekļa ieņēmumu emuārs
Licence: GPL2
* /

// skriptu un stilu iekarošana
funkcija plugin_scripts () {
wp_enqueue_script (‘jquery’);
wp_enqueue_script (‘flexslider’, plugins_url (‘js / jquery.flexslider-min.js’, __FILE__), masīvs (‘jquery’), ‘2.2’, nepatiess);
wp_enqueue_script (‘testimonials’, plugins_url (‘js / testimonials.js’, __FILE__), masīvs (‘jquery’), ‘1.0’, nepatiess);
wp_enqueue_style (‘flexsliderCSS’, plugins_url (‘css / flexslider.css’, __FILE__), nepatiess, ‘2,2’, ‘all’);
wp_enqueue_style (‘testimonialsCSS’, plugins_url (‘css / testimonials.css’, __FILE__), false, ‘1.0’, ‘all’);
}
add_action ("wp_enqueue_scripts","spraudņu_raksti");

Lūk, ko mēs darām:

  • Sakot WP, kāds ir mūsu spraudņa vārds, autors, ko tas dara
  • Funkcijas izveidošana, kurā mēs ievietojam parastos skriptus (piemēram, jQuery) un pielāgotos skriptus (piemēram, flexslider) un stila lapas
  • Liekas WP ielādēt skriptu funkciju noklusējuma skriptu zvanā, lai tie faktiski tiktu ielādēti lapās

Tas viss ir diezgan forši, taču neaizmirstiet faktiski izveidot failus, kas atrodas mapē / js un / css. Varat tos vienkārši lejupielādēt mūsu demonstrācijas saturā, tāpēc jums nav nepieciešams daudz rakt, lai atrastu flexslider failus.

Tagad mums ir visas pamata lietas vietā, mēs varam sākt smieklīgo daļu.

Pielāgots ziņas tips

Pēc noklusējuma WordPress ir 2 izplatīti ziņu veidi, lapas un ziņas. Bet tajā ir arī daudz iekšējo pastu veidu (piemēram, pielikumi), tāpēc definīcija “ziņas tips” ir šāda: Visi dati, kas jums jāglabā,.

Tā kā mūsu spraudnis izveidos jaunu funkcionalitāti, WP nav iebūvētas vietas, kur to glabāt, tāpēc mums tas ir jāizveido. Nebaidieties mazais sienāzis, tas ir pavisam vienkārši, varat izmantot šo kodu:

// melnā maģija, lai izveidotu ziņas veidu
funkcija create_post_type () {
register_post_type (
‘atsauksmes’, // jauns ziņas tips
masīvs (
‘etiķetes’ => masīvs (
‘nosaukums’ => __ (‘Atsauksmes’),
‘vienskaitļa_vārds’ => __ (‘Atsauksme’)
),
‘publisks’ => patiess, / * ziņas tips ir paredzēts publiskai lietošanai. Tas ietver priekšpusē un wp-admin. * /
‘atbalsta’ => masīvs (‘nosaukums’, ‘redaktors’, ‘sīktēls’, ‘pielāgoti_lauki’),
‘hierarhiska’ => viltus
)
);
}

Šeit mēs vienkārši izmantojam funkciju register_post_type (), lai pateiktu WP “Sveiks, Draugs, mums ir jāsaglabā šāda veida dati, lūdzu, esiet gatavi to saņemt”.

Mēs viņam arī sakām, ka šāda veida datus sauc par “atsauksmēm”, tiem vajadzētu būt pieejamiem publiskai piekļuvei (tātad faktiski jūsu informācijas panelī tam tiek izveidots jauns izvēlnes vienums), laukiem, kas mums ir nepieciešami, un, ja tie ir hierarhiski vai nē (piemēram, lapas, kurās ir vecāku un bērnu lapas).

Tad mums tas jāsauc katru reizi, kad ielādējam WordPress. Šis āķis to darīs:

add_action (‘init’, ‘create_post_type’);

Pielāgotie lauki

Tagad mūsu pielāgotajam pasta veidam ir nosaukums (personas vārds), saturs (personas liecība), attēls (attēlots attēls), taču tajā nav saites, jo, ja persona ir pietiekami jauka, lai runātu par jums, jums vismaz vajadzētu izveidot saiti uz viņu vietne, vai ne?

Mēs to varētu izdarīt ar parastajiem pielāgotajiem laukiem, bet daudz labāk ir “aizvērtu” lauku, kurā lietotājam nav jāievada lauka nosaukums un kur var pievienot dažus validācijas noteikumus.

Pirmkārt, mums jāizveido jauna metabox, kas ir tie jaukie paneļi, kuri jums ir jūsu ziņu rediģēšanas apgabalā, katrs mazais panelis ir metabox. Šī funkcija izveidos un izsauks to:

// URL meta lodziņa lauka pievienošana
funkcija add_custom_metabox () {
add_meta_box (‘custom-metabox’, __ (‘Link’), ‘url_custom_metabox’, ‘liecības’, ‘side’, ‘low’);
}
add_action (‘admin_init’, ‘add_custom_metabox’);

Funkcijai add_meta_box () nepieciešami šie parametri:

  1. ID – tā unikālais identifikators. Šeit jūs varētu izmantot jebko unikālu, piemēram, “vienradža ēšana-varavīksne” vai “liecību saite”. Jebkas, ko var izmantot iekšēji
  2. Nosaukums – kas tiks parādīts lietotājam? Šeit ir svarīgi izmantot funkciju __ (), tā ir funkcija, kas lietotājiem no svešvalodām ļauj tulkot jūsu spraudni ar .po failiem (nerediģējot spraudņu failus)
  3. Atzvanīšana – funkcija, kurā jums ir faktiskais metakastes saturs
  4. Ziņas veids – mūsu gadījumā mēs vēlamies, lai tā būtu redzama tikai atsauksmēm
  5. Konteksts – kurā lapā vēlaties to parādīt
  6. Prioritāte – ja tai vajadzētu būt pirms citām tās pašas pozīcijas vienībām vai pēc tām

Tagad mums ir jāizveido funkcija url_custom_metabox (), jo mēs to esam nosaukuši.

// Administratora apgabala HTML
funkcija url_custom_metabox () {
globāls $ pasts;
$ urllink = get_post_meta ($ post->ID, ‘urllink’, taisnība);

// validēšana!
if (! preg_match ( "/ http (s?): ///", $ urllink) && $ urllink! = "") {
$ kļūdas = "Šis URL nav derīgs";
$ urllink = "http: //";
}

// output invlid url ziņojumu un ievades laukā pievienojiet http: //
if (isset ($ kļūdas)) {echo $ kļūdas; }
?>

URL:

<?php
}

Ok, tagad tulkojot to vienkāršā angļu valodā:

  • Tiek izsaukts globālais mainīgais $ post, tāpēc mēs varam zināt, kurš ir pašreizējā vienuma POSTID
  • Mēs ielādējam pašreizējo URL vērtību
  • Mēs pārbaudām, vai vērtība, kuru ievadījis lietotājs, ir pareiza. Ja ir vismaz viens notikums “http” vai “https”, vērtība ir pareiza, pretējā gadījumā tā ir derīga, un mums jāizmanto noklusējuma vērtība
  • Tad tiek parādītas kļūdas, ja tādas ir
  • Tagad mēs sākam faktisko HTML, ievades laukā pievienojot noklusējuma vērtību, kā mēs esam ieguvuši PHP

Pēc šī brīža mums ir faktiski jāsaglabā tas, ko sūta lietotājs. Mēs izmantosim āķi “save_post”, tāpēc katru reizi, kad WordPress saglabā ziņu, tā izsauks šo funkciju:

// saglabā pielāgotos lauka datus
funkcija save_custom_url ($ post_id) {
globāls $ pasts;

if (isset ($ _ POST [‘siteurl’]))) {
update_post_meta ($ post->ID, ‘urllink’, $ _POST [‘siteurl’]);
}
}
add_action (‘save_post’, ‘save_custom_url’);

Šeit mēs vienkārši pārbaudām, vai ir kādi ziņas dati, ko sauc par “vietnes saite”, kas ir mūsu lauka nosaukums. Ja ir vietnes saite, saglabājiet to.

Pēc tam, kad viss būs savās vietās, lūk, kā izskatīsies jūsu jaunā atsauksmes lapa:

jauns apliecinājums

Notiek mūsu pielāgoto datu ielāde

Tagad mums ir faktiski jāielādē savi priekšmeti un mēs izmantosim funkciju get_posts (), galvenokārt tāpēc, ka mums ir tikai vienkārši dati, tāpēc mums nav nepieciešama pareiza WP cilpa (kas pievienotu daudz DB zvanu, un mēs tiešām nevajag).

Tāpēc vispirms izveidosim funkciju, lai iegūtu mūsu vietnes saiti, ja tāda ir.

// atgriešanās URL ziņai
funkcija get_url ($ post) {
$ urllink = get_post_meta ($ post->ID, ‘urllink’, taisnība);

atgriezt $ urllink;
}

Tagad mēs varam sākt īskods funkciju. Vienkāršs veids, kā noklusēt un apstiprināt īskodu datus, ir cilpas atribūtu izveidošana kā masīvs, lai mēs varētu pievienot jaunus vienumus, kad mums tie nepieciešami, piemēram:

// reģistrējot īso kodu, lai parādītu atsauksmes
funkcija load_testimonials ($ a) {

$ args = masīvs (
"post_type" => "atsauksmes"
);

if (isset ($ a [‘rand’]) && $ a [‘rand’] == taisnība) {
$ args [‘orderby’] = ‘rand’;
}
if (isset ($ a [‘max’])) {
$ args [‘posts_per_page’] = (int) $ a [‘max’];
}
// visu liecību iegūšana
$ posts = get_posts ($ args);

// HTML IZDEVUMS
}
add_shortcode ("atsauksmes","load_testimonials");

Kā redzat, mums ir ielādēti saīsnes kodu atribūti un nodoti $ args masīvam, kad tie validējas, tādā formātā, kāds tam nepieciešams WordPress, lai mēs varētu ielādēt ziņas, izmantojot tos.

Tagad mums ir jāpievieno kāds HTML kods, sekojot flexslider noklusējuma struktūrai. Tas izskatās šādi:

atbalss ”;
atbalsojas ‘

    ‘;

    foreach ($ posts kā $ post) {
    // īkšķa attēla iegūšana
    $ url_thumb = wp_get_attachment_thumb_url (get_post_thumbnail_id ($ post)->ID));
    $ link = get_url ($ post);
    atbalsojas ‘

  • ‘;
    if (! tukšs ($ url_thumb)) {echo ‘‘; }
    atbalsojas ‘

    $->post_title. ‘

    ‘;
    if (! tukšs ($ post->post_content)) {echo ‘

    $->post_content. ”
    ‘; }
    if (! tukša ($ saite)) {echo ‘Apmeklējiet vietni

    ‘; }
    atbalsojas ‘

  • ‘;
    }

    atbalsojas ‘

‘;
atbalss ”;

Pagaidiet, bet kāpēc gan mēs PHP funkcijā izveidotu HTML kodu? Tas ir tāpēc, ka mēs nosacīti varam ielādēt saturu tikai tad, ja lietotājs ir pievienojis saturu, tāpēc jums nebūs tukšu HTML tagu, un tikai gaidījāt, lai izjauktu izkārtojumu.

Kas par sānjoslu?

Lielākā daļa cilvēku tikai vēlas parādīt atsauksmes sānjoslā, un šis spraudnis nedarbosies ļoti labi, jo teksta logrīki neapstrādā īskodus. Tam ir vienkāršs risinājums, vienkārši pievienojiet to savā kodā:

add_filter (‘widget_text’, ‘do_shortcode’);

Ko tālāk?

Tātad, vai jums patika šī apmācība? Ko jūs pievienotu kā iespēju savam īso kodam? Vai jums ir idejas turpmākiem amatiem? Paziņojiet mums, izmantojot komentāru sadaļu!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me