15 Učinite i ne koristite učinkovite WordPress teme

Danas bih želio pregledati neke od zadataka, a ne WordPress tema. Bez obzira da li gradite WordPress temu za sebe ili ako gradite jednu za puštanje da bi je drugi mogli koristiti, trebali biste je slijediti i nemojte što bliže.


1. Nemojte tvrdo kodirati cijeli URL u svoje teme

Kada gradite svoje teme, ponekad se koriste slike, ikone na društvenim mrežama ili ikone RSS feeda, a tijekom ovih točaka u kodiranju možda ćete htjeti kodirati cijeli URL (tj .: / wp-content /themes/your-theme-name/images/image.jpg) ali to će uzrokovati pogreške na web mjestu kad god osoba koja koristi vašu temu promijeni naziv mape teme.

Dolje su navedeni pravilni kodovi kojima se dinamički povlači cijeli URL.

<?php bloginfo (‘stylesheet_directory’); ?>/images/image.jpg

2. Koristite oznake predložaka što je više moguće

WordPress obavlja sjajan posao postavljanja svih oznaka predložaka koje možete koristiti, pa učinite sebi uslugu (kao i ostali ljudi koji mogu koristiti vaše teme) i naučite oznake WordPress predložaka – onda ih iskoristite što je više moguće. Korištenjem oznaka predloška možete osigurati da se teme ne pokvari ili ne uzrokuju pogreške kada ih krajnji korisnik postavi i pokrene..

3. Ne zaboravite navigacijske padajuće kodove

Kada izrađujete svoju WordPress temu, jedna stavka koja se čini zanemarena su padajući kodovi za vašu navigaciju. Sigurno je da bi neke teme mogle imati postavljenu navigaciju da ne upotrebljavaju višeslojne ul-ove, držeći sve u jednom redu, ali što je s onima od nas koji imamo više podređenih stranica za svaku glavnu roditeljsku stranicu?

Za to postoji rješenje Možete pogledati neke od tutorijala u nastavku o tome kako kodirati višeslojne padajuće izbornike.

4. Pripremite svoj tematski widget

Po mom mišljenju, kao krajnjem korisniku, nema ništa gore od raspoređivanja teme i spremanja da sve postavi, samo da primjetim da sam sada suočen sa zadatkom da pokušam prilagoditi odjeljke svojih tema tvrdom kodiranjem informacija u njih. Vaše bočne trake i razna druga mjesta u vašoj temi (imate li podnožje s tri stupca? Widgetize!) Trebale bi biti što jednostavnije za uređivanje. To je jedna od najlakših stvari koje možete učiniti svojim temama, a korisit će korisnicima vaših tema puno.

Automattic ima sjajan udžbenik o tome kako zamijeniti svoju temu. Pogledajte ovdje.

Obavezno provjerite widgetizing teme tutorial ovdje u Theme Lab.

5. Ne tjerajte korisnike da se oslanjaju na brojne dodatke kako bi vaša tema radila

Ako oslobađate teme besplatno ili stvarate komercijalne teme WordPressa, krajnjim korisnicima najbolje je da se igraju s tim što gradite svoje teme. Preklapanje vaših tema s dodacima od 5 do 10 ne samo da će ljude frustrirati prilikom preuzimanja i postavljanja vaše teme na njihovu web stranicu, već će i uzrokovati da je mnogi ljudi uopće ne preuzmu, jer neka se suoče s njom, ljudi neka Ne smije biti pažnja dulja od 2-3 sekunde.

Na primjer, ako namjeravate postaviti stranicu na svoju temu, zašto ne biste koristili ovaj članak da biste naučili kako ga automatski postaviti u svoju temu. Cats Who Code ima prilično dobar udžbenik kako dodati stranicu u svoju temu bez potrebe za aktiviranjem dodatka.

6. Pokažite pojam za pretraživanje na stranici rezultata pretraživanja

Iz nekog razloga, ovo je često previdjeni savjet koji možete (i trebali) implementirati u svoje teme. To je jednostavan, linijski kod koji vašoj temi omogućuje da podsjeti posjetitelja na ono što su upravo tražili. Možda se čini trivijalnim, ali korisno je, pa ako rezultati dovedu do nula postova, posjetitelj zna točnu frazu koju su tražili i tada može upisati neki drugi pojam za pretraživanje.

Ispod je kôd koji se koristi za zamjenu vašeg trenutnog naslova “Rezultati pretraživanja” u vašoj temi.

Rezultati pretrage za <?php the_search_query () ?>

7. Nemojte upola gubiti 404 stranice s pogreškama

Umjesto da svoju 404 stranicu ostavite da kaže “404 – stranica nije pronađena”, zašto posjetiteljima ne biste dali još neke mogućnosti? Dodavanjem u popis kategorija, nedavnih postova, popularnih postova, okvira za pretraživanje i (ako želite unovčiti svoju stranicu od 404) oglas može dati 404 stranici neki začin u odnosu na dosadne, beskorisne one koji se nalaze u većini WordPress tema.

Ako tražite inspiraciju na 404 stranice, Smashing Magazine ima ubojica izlog od 404 stranice s interneta što je vrijedno provjeriti.

8. Obavezno imate sve osnovne datoteke u mapi s temama

Prilikom izrade teme za WordPress, obavezno je prilagodite je što je više moguće od samog pokretanja. Početi od indeksa.php, header.php, sidebar.php i footer.php datoteka combo može se činiti kao dobra ideja minimalistima vani, ali preporučujem da počnete sa svim osnovama u nastavku kako biste dali malo više kontrolirate ono što se prikazuje – kada, gdje i kako.

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

Za više informacija o ovim datotekama predloška i njihovom poslu provjerite hijerarhija predložaka stranicu na WordPress.org.

9. Ne zaboravite na integraciju RSS-a

Prilikom izrade bloga jedna od stavki koja najviše privlači pažnju ljudi je mogućnost pretplate na svoj blog putem RSS čitača. Dakle, umjesto da zahtijevate od svojih korisnika tema da te podatke dodaju sami, zašto ne biste poduzeli korake za dodavanje u okvir za pretplatu na rss kao što to činite i okvir za pretraživanje. Dodajte RSS gumb, opciju pretplata putem e-pošte, a možete čak i dodati broj pretplatnika u tekstu dodavanjem ovog bitnog koda svojoj temi gdje želite da bude prikazan (zamijenite “feedburner-id” vlastitim FeedBurner ID – ako ovu temu puštate u divljinu, pogledajte # 11 na našem popisu i uvjerite se da imate ovo kao opciju).

<?pHP
// dobiti cool feedburner count
$ Whaturl ="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

// Inicijalizirajte sesiju Curl
$ ch = curl_init ();

// Postavite curl za vraćanje podataka umjesto ispisa u preglednik.
curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1);

// Postavljanje URL-a
curl_setopt ($ ch, CURLOPT_URL, $ whaturl);

// Izvršite dohvat
$ data = curl_exec ($ ch);

// Zatvorite vezu
curl_close ($ CH);
$ xml = novi SimpleXMLElement ($ podaci);
$ fb = $ xml->stočna hrana->Unos [ ‘cirkulaciju’];
odjek $ fb;
// kraj dobiti cool feedburner count
?>

10. Dodajte CSS stilove za navojene komentare

Ako gradite temu, uvijek biste trebali biti spremni za stručne komentare. U WordPressu je to značajka koju mnogi blogovi koriste za izgradnju interakcije u odjeljku s komentarima. Dakle, priprema vaše tablice stilova za komentare s navojem dobra je ideja. Chris ima sjajan post CSS kodovi za zadane CSS klase koje WordPress ispljuje u odjeljku s komentarima, što svojoj temi daje odjeljak za stilizirane komentare bez potrebe za dodirom datoteke comments.php.

11. Ne puštajte temu bez ploče s opcijama

Neki se ljudi možda ne slažu s tim, ali vjerujem da je to dio prirodnog napretka WordPressove tematike. Ako vaša tema ne koristi neku vrstu WordPress ploče s mogućnostima uređivanja, prilagođavanja i izmjene stavki u vašoj temi bez potrebe za uređivanjem kodova, radite nešto pogrešno.

Ako niste sigurni kako započeti izradu vlastite ploče s opcijama tema, donje veze će vam pokazati kako to učiniti.

12. Provjerite rade li teme bez okvira

To ide ruku pod ruku s brojem 5 na popisu – uvijek biste trebali biti sigurni da vaše teme rade izvan okvira. Neke teme koje sam vidio zahtijevaju 5-6 koraka prije nego što je tema obradiva na web mjestu, uključujući, ali ne ograničavajući se na, aktivaciju dodataka i uređivanje / spremanje ploče s opcijama teme. Ako tema zahtijeva određene stvari, obavezno upotrijebite sigurnosnu kopiju zadane stavke.

Na primjer, na ploči s opcijama teme koju gradite i / ili koristite, pobrinite se da postoje zadane informacije u svakom odjeljku, kako bi se stvari prikazale, bez obzira je li ih krajnji korisnik ažurirao ili ne. Isto vrijedi i s dodacima, ako u svojoj temi upotrebljavate dodatak za stranicu za stranicu za WordPress, zašto ga ne kodirate tako da se tema vraća na prethodnu / sljedeću vezu ako dodatak nije aktivan.

13. Nemojte pretjerano koristiti prilagođena polja

Da, većina WordPress tema iz časopisa prije nekoliko godina izrađena je koristeći prilagođena polja na svakom koraku, ali većina ljudi neće htjeti zapravo ispuniti 3, 4 ili 5 prilagođenih polja za svaki post. Dakle, olakšajte im stvari. Ako ćete na početnoj stranici svoje teme prikazati sliku iz posta, uzmite ovaj zgodan komad i dodajte ga u datoteku svoje teme function.php i automatski će objaviti prvu sliku, bez potrebe za prilagođeno polje.

// Dohvati URL prve slike u postu
funkcija catch_that_image () {
globalni $ post, $ posts;
$ first_img = ”;
ob_start ();
ob_end_clean ();
$ output = preg_match_all (‘// i’, $ post->post_content, $ podudaranja);
$ first_img = $ podudara [1] [0];

// umjesto toga nije pronađena nijedna slika
ako (prazna ($ first_img)) {
$ first_img = "/images/default.jpg";
}
vratiti $ first_img;
}

Jednom kada ste dodali taj kôd, samo dodajte <?php eho catch_that_image (); ?> u datotekama svoje teme gdje god želite da se slika pojavi.

Hvala dobrom olu WordPress forumi za podršku za ovaj zgodan savjet.

14. Učini SEO svoju oznaku

Odličan način da osigurate da je vaša tema što je moguće spremnija za SEO je da uklonite zadanu oznaku koja se nalazi u vašoj datoteci header.php i zamijenite je sa donjim kodovima. Dati će naslovima vaše teme malo više soka i pomoći SEO naporima koje će vaši korisnici tematike htjeti provesti u praksi – i sve to ne zahtijevajući da dodirnu neku stvar.

<?php ako (is_home ()) { ?><? bloginfo ( ‘name’); ?> | <?php bloginfo (‘opis’); ?><?php} ?>
<?php if (is_search ()) { ?>Rezultati pretrage za <?php / * Broj pretraživanja * / $ allsearch = &novi WP_Query ("s = $ s&showposts = -1"); $ key = wp_specialchars ($ s, 1); $ count = $ allsearch->POST_COUNT; _e ( ”); echo $ ključ; _e (‘â €’ ‘); echo $ count. ”; _e ( ”) radovi; wp_reset_query (); ?><?php} ?>
<?php ako (is_404 ()) { ?><? bloginfo ( ‘name’); ?> | 404 Ništa nije pronađeno<?php} ?>
<?php if (is_author ()) { ?><? bloginfo ( ‘name’); ?> | Autorski arhiv<?php} ?>
<?php if (is_single ()) { ?><?php wp_title (”); ?> | <?php $ kategorija = get_the_category (); echo $ kategorija [0]->CAT_NAME; | <?php bloginfo (‘ime’); ?><?php} ?>
<?php ako (is_page ()) { ?><? bloginfo ( ‘name’); ?> | <?php $ kategorija = get_the_category (); echo $ kategorija [0]->CAT_NAME; ?>|<?php wp_title (”); ?><?php} ?>
<?php if (is_category ()) { ?><?php single_cat_title (); ?> | <?php $ kategorija = get_the_category (); echo $ kategorija [0]->category_description; ?> | <? bloginfo ( ‘name’); ?><?php} ?>
<?php ako (is_month ()) { ?><? bloginfo ( ‘name’); ?> | Arhiva | <?php the_time (‘F, Y’); ?><?php} ?>
<?php ako (is_day ()) { ?><? bloginfo ( ‘name’); ?> | Arhiva | <?php the_time (‘F j, Y’); ?><?php} ?>
<?php if (function_exists (‘is_tag’)) {if (is_tag ()) { ?><?php single_tag_title ("", pravi); }} ?> | <? bloginfo ( ‘name’); ?>

15. Ne zaboravite na krušne mrvice

Kao dodatak navigaciji vašim temama, krušne mrvice (po mom mišljenju) treba koristiti što je više moguće. To nije samo dobro za SEO svrhe, već omogućuje posjetitelju da brže navigira po vašoj web lokaciji. Postoje WordPress dodaci za krušne mrvice, ali zahvaljujući Mačke koje kodiraju, sada znamo kako u naše WordPress teme dodati funkciju krušne mrvice.

Prvo dodajte donje kodove u datoteku svoje teme function.php (prilagođeno malo od originalnog posta Cats Who Code, povezano gore).

funkcija the_breadcrumb () {
jeka ‘

    „;
    ako je (! is_home ()) {
    jeka ‘
  • „;
    odjek „Dom“;
    jeka "
  • ";
    ako je (is_category () || is_single ()) {
    jeka ‘

  • „;
    the_category (”
  • );
    ako je (is_single ()) {
    jeka "
  • ";
    Naslov();
    jeka ‘
  • „;
    }
    } elseif (is_page ()) {
    jeka ‘

  • „;
    echo the_title ();
    jeka ‘
  • „;
    }
    }
    elseif (is_tag ()) {single_tag_title ();}
    elseif (is_day ()) {eho"

  • Arhiva za "; the_time (‘F jS, Y’); jeka’
  • „;}
    elseif (is_month ()) {eho"

  • Arhiva za "; the_time (‘F, Y’); jeka’
  • „;}
    elseif (is_year ()) {eho"

  • Arhiva za "; the_time ( ‘Y’); jeka’
  • „;}
    elseif (is_author ()) {eho"

  • Arhiva autora"; jeka’
  • „;}
    elseif (isset ($ _ GET [‘stranica’)) && !prazan ($ _ GET [‘straničen’])) {eho "

  • Arhiva bloga"; jeka’
  • „;}
    elseif (is_search ()) {eho"

  • Rezultati pretraživanja"; jeka’
  • „;}

    jeka ‘

„;
}

Zatim stavite ovaj kôd na bilo koje mjesto na kojem se žele prikazati vaše komode.

<?php the_breadcrumb (); ?>

Hvala na čitanju članka

Hvala vam što ste izdvojili vrijeme za čitanje članka. Nadam se da ste uživali i da ste usput naučili nešto ili dvije – znam da jesam. Ako vam se post svidio ili imate što dodati, javite nam u komentarima.

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