9 WordPress-kód a blog felkönnyítésére és az UX javítására

A WordPress könnyen konfigurálható és telepíthető, készen áll a használatra, amint közzéteszi a blogját.


De ha a WordPress alapértelmezett opcióira támaszkodik, veszteséget okozhat az Ön nevében:

  • Kevesebb funkcionalitás
  • Unatkozó felhasználók (akik ugyanazt a dolgot látják minden WP webhelyen, amelyre botlanak)
  • A keresőmotorok rangsorának csökkenése.

Van egy rugalmas szerszám a kezedben, amelyet megcsíptethet, hogy valami kellemesen használhatóvá váljon, és hatékonyan támaszkodjon rá. Miért nem fűszerezné a dolgokat a felhasználók (és magad) számára?

Ez a cikk szeretne segíteni abban, hogy a WordPress-alapú webhely érdekes és hasznos legyen a felhasználók számára kódrészletek ez szintén javítja SEO-ját.

Segítségre van szüksége a WordPress Blog feljavításához?
A WHSR most együttműködik a Codeable.io-val, hogy segítse a professzionális WP fejlesztési / testreszabási szolgáltatásokat igénylő felhasználókat.

Ingyenes árajánlat kéréséhez töltse ki ezt az igénylőlapot.

Próbáld ki nekik, és tudassa velem, hogyan működtek az Ön számára! ;)

9 kód a WordPress Blog javításához

Kétféle kódrészletet fogok ajánlani ebben a bejegyzésben:

  1. Codex kódok
  2. Kódrészletek és kütyük

A kódkódok PHP kódrészletek, amelyeket magamnak (a vőlegényem, Simone segítségével) írtam szigorúan a WordPress.org Codex referenciaként.

A kódrészletek és a kütyük kész PHP-kóddarabok (vagy WordPress-bővítmények), amelyek szabadon elérhetők más weboldalakon és a WordPress.org-on, de a vőlegényemrészletekhez snippeket is beletettem, és a semmiből írtam nyílt és Codex hivatkozások segítségével..

Mindkét típusú kódot könnyű megvalósítani és telepíteni, de érdemes lehet kütyüket és pluginokat használni, ha nem biztos benne, hogyan kell manipulálni a kódot..

Megértem, hogy a 9 kódrészlet nem elegendő azoknak, akik szeretnek sok-sok különböző kóddal kísérletezni, tehát biztos vagyok benne, hogy Robert Ludrosky 25 praktikus kódrészlete a WordPress fejlesztők számára kielégíti az éhségét (legalábbis egy míg). ;)

Codex kódok

1. Különböztesse a ragadós álláshelyeket

A Codex logikai függvény használatával ellenőrizheti, hogy a WordPress ellenőrzi, hogy az aktuális üzenet nem ragadós-e, és ennek megfelelően jelenítse meg -:

<?php is_sticky (); ?>

A funkció önmagában csak az IGAZ vagy a HAMIS értékeket adja vissza, tehát mit tehet itt, ha feltételes konstrukciót ír (ha / nem) az öntapadó hozzászólások kezelésére. Egy példa:

<?php, ha is_sticky () {
a cím();
idő (‘M, d, Y’);
the_excerpt ();
}
más {
tartalmazzák a „post-template.php” -t;
}

Ebben a mintahasználatban a ragacsos üzenet dobozként jelenik meg, amely csak a címet, a feladás dátumát és a kivonatot tartalmazza (nem a teljes üzenet), míg a többi üzenet standard sablonja a post-template.php fájlban található..

Minden egyes üzenet típusnak megvan a saját CSS stíluslapja, de itt nem határozunk meg stílusokat; csak sablonok.

Az Single.php az alapértelmezett sablon az egyes hozzászólásokhoz (megtalálható az összes alapértelmezett WP témában).

Ha saját WP témát fejlesztett ki, de nincs beállítva sablon az egyes hozzászólásokhoz, itt követheti a Codex útmutatót.

2. A post URL megjelenítése

Lehet, hogy ezt szórakoztató lehet hozzáadni a sablonhoz. Ha azt akarja, hogy az olvasók megkapják az URI-t az összes oldalához (vagy hozzászólásához), csak használja a következő címkét az single.php, page.php vagy akár index.php sablonon belül:

"><?php echo get_page_link (); ?>

A_permalink használata helyett ez a legkézenfekvőbb választás, és minden esetben működik, a WP lehetővé teszi két alternatív űrlap használatát a hozzászólásokhoz és az oldalakhoz:

<?php echo get_post_permalink (); ?>
<?php echo get_page_link (); ?>

Például az oldalsablon tartalmazhatja:

Link: "><?php echo get_page_link (); ?>

3. Keresse meg és jelenítse meg a postai azonosító számot

Még ha úgy állítja be a permalink-struktúrát, hogy felhasználó- és SEO-barát legyen, akkor is megmutathatja a látogatóknak az üzenet azonosítóját, ha hozzáadja ezt az egyszerű funkciót a meta sorához:

<?php the_ID (); ?>

Mintahasználat:

Írta a szerző neve. Bejegyzés azonosítója <?php the_ID (); ?>

4. Sorolja fel a kategóriákat azonosító szerint

A WordPress standard funkciója:

<?php get_all_category_ids () ?>

Íme egy példa, amelyet az egyik blogomban használtam, a Codex kódjának felhasználásával és a StackOverflow témájával:

<?php
$ category_ids = get_all_category_ids ();
foreach ($ category_ids mint $ cat_id) {
$ cat_name = get_cat_name ($ cat_id);
$ category_link = get_category_link ($ cat_id); // szükségünk van a macska linkre az URL működéséhez!
visszhang "{$ cat_id}: {$ cat_name}
";
}
?>

… És hogyan jelenik meg:

kategória WP kód

Megjegyzés: a get_all_category_ids () elavult funkció, de továbbra is használhatja probléma nélkül, mint én a blogomban (a fenti képernyőkép). Ha azonban az új funkciót szeretné használni ehhez a kivonathoz, keresse fel a Codex get_terms () oldalát.

Mit csinál ez a kód??

A kód megkapja az összes kategória azonosítót és a kategória nevét az egyes azonosítókhoz, majd összekapcsolja az azonosítót a kategória hivatkozással, miközben a kategória nevét a „:” után jeleníti meg, tehát a visszhang () kifejezés {$ cat_id}: {$ cat_name }
.

5. Részletes felhasználói / szerzői oldal a blogodhoz

Szerette volna valaha olyan egyedi oldalt készíteni, amely megjeleníti az összes blogszerzőt vagy felhasználót anélkül, hogy támaszkodnia kellene egy bővítményre?

Nos, létrehozhat saját egyéni Szerzők / Felhasználók oldalt is, csak szöveges szerkesztővel, FTP feltöltővel és szeretett WordPress műszerfallal.

Mindenekelőtt el kell készítenie a page.php fájl másolatát. Nevezze át a példányát bármilyen névre – neveztem az enyém felhasználói.php-nek.

Adja hozzá a sabloncímkét a sablon tetejéhez, hogy a WordPress felismerje azt sablonként, majd lépjen az irányítópultra -> Oldalak -> Új hozzáadása és hozzon létre egy oldalt a felhasználók / szerzők listájához. Térjen vissza az oldalak listájához, kattintson az Új oldal címe alatt a Gyors szerkesztés elemre, és válassza ki az új sablont a Sablon legördülő menüből. Mentse el a változtatásokat.

Most nyissa meg a users.php (vagy bármit, amit nevezte) fájlt, és alkalmazza a következő kódot:

<?php
$ Result = count_users ();
echo ‘Vannak’, $ result [ ‘total_users’], “teljes felhasználói;
foreach ($ result [ ‘avail_roles’] $ -os role => $ Count)
echo ”, $ count ‘van’, $ szerepe, ‘s’;
echo ”;
?>

Ez a kód a count_users függvényt használja, amelyet a kódexben “alapértelmezett használat “ként sorolunk fel. A kód élő példáját a http://robocity.in/users/ oldalon tekintheti meg..

A kód után adjunk hozzá valamit a blog adminról:

<?php printf (__ (‘A felhasználó által közzétett hozzászólások száma "vezetők":% d ‘,’ text-dom-here ‘), count_user_posts (1)); ?>

Itt a count_user_posts függvényt használtam, a Codex által javasolt felhasználási formátumot követve.

A get_userdata függvény jó megjeleníteni a korrelációt egy bizonyos felhasználónév és az azt használó személy valós neve között. Lásd alább:

<?php $ user_info = get_userdata (1);
$ felhasználónév = $ felhasználó_információ->bejelentkezés;
$ first_name = $ user_info->keresztnév;
$ last_name = $ user_info->vezetéknév;
visszhang "A $ first_name $ last_name bejelentkezik a WordPress oldalra a $ felhasználónévvel.";
?>

Ez most a legérdekesebb funkció, amelyet a Szerzők / Felhasználók oldalon használhat – a get_users függvény:

<?php
$ blogusers = get_users (‘blog_id = 1&orderby = nicename&szerep = adminisztrátor ”);
// WP_User objektumok tömbje.
foreach ($ bloghasználók $ felhasználóként) {
visszhang ”. esc_html ($ user->bejelentkezés) . ‘-‘. esc_html ($ user->felhasználói e-mail). ‘

}
?>

Ez a funkció lekérdezi a felhasználók listáját bizonyos paraméterek szerint, amelyeket a kódban konfigurálhat. A fenti példában (a Codex oldalról és a Robocity.in weboldalon szerkesztve, hogy illeszkedjen a Saját oldalamhoz) szeretnék beszerezni az adminisztrátorok listáját az 1. blog ID-hez (jelenlegi blog), amelyet a ‘nicename’ rendelt, és minden felhasználót, Meg akarom jeleníteni a felhasználónevet és az e-mailt egy „Felhasználónév -” típusú mondatban..

Ha szeretne valamit bemutatni a bejelentkezett felhasználókról magukról, használhatja a get_currentuserinfo függvényt, például a felhasználó nevének és címének lekérésére. Nem használtam ezt a funkciót a példámban, de a kreativitás nem ismeri a korlátokat, igaz? ;)

Kódrészletek & Widgets

6. Alternatív… Archívumok!

szebb blog-archívumokKépzelje el, ha helyettesítheti a régi oldalsáv-archívumlistát – amely folyamatosan növekszik a blogod növekedésével és arra kényszeríti a felhasználókat, hogy görgessenek – olyan kivonattal, mint amilyet itt láthat a jobb oldalon.

Nem tenné könnyebbé az olvasók számára, hogy egy pillanat alatt megismerjék a blog korát és az archívumok mélységét? :)

A vőlegényem és én ezt az egyszerű részletet a Codex get_post és egy egyszerű legördülő menü segítségével írtuk. Saját funkciókat hoztunk létre azért, hogy az ötlet jól működjön.

<?php
function formatPostDate ($ postId, $ format = ‘% F’) {
$ post = get_post ($ postId);
$ output = strftime ($ formátum, strtotime ($ post->feladás dátuma));
visszatér $ output;
}

getLastPostID () függvény {
list ($ post) = get_posts (tömb (‘posts_per_page’ => 1));
visszatér $ post->ID;
}
?>

Ennek a blognak azóta van hozzászólása <?php echo formatPostDate (1, ‘% B% e,% Y’); ?>.
Utolsó hozzászólás közzétéve: <?php echo formatPostDate (getLastPostID (), ‘% B% e,% Y’); ?>.

Látogasson el egy adott archívumba?

<?php echo esc_attr (__ (‘Select Archive’)); ?>
<?php wp_get_archives (tömb (‘type’ => ‘havonta’, ‘formátum’ => ‘opció’, ‘show_post_count’ => 1)); ?>

Mit csinál ez a kód??

A formatPostDate függvény a bejegyzés azonosítóját és dátumformátumát veszi igénybe, és a dátumot választja meg a választott formátumban. A második függvény, a getLastPostID, csak egy üzenetet tartalmazó hozzászólások tömbjét veszi át, és visszatér az azonosítójára.

A blog első bejegyzésének megszerzéséhez – általában ID = 1-vel – az echo formatPostDate (1, ‘% B% e,% Y’) az első bekezdésbe írjuk: ez a kód a formatPostDate függvényt használja, és paraméterekként veszi a post ID # 1 és egy szabványos angol formátum a dátumhoz, és visszatér a dátumhoz.

A blog utolsó hozzászólásának megszerzéséhez a formatPostDate (getLastPostID (), ‘% B% e,% Y’) használatával kapjuk meg az utolsó üzenet azonosítóját és a dátumformátumot (ismét angolul) és a dátumot kinyomtatjuk képernyő.

7. Ellenőrizze, hogy a látogató használ-e mobil eszközt

A Muneeb a WP-Snippets.com webhelyen megosztott egy érdekes kódrészletet (egy funkciót) annak ellenőrzésére, hogy az Ön webhelyének látogatója használ-e mobil eszközt.

A kód itt érhető el.

Ez a funkció elősegíti a mobil optimalizálást, mivel akkor hasznos, ha bizonyos funkciót csak a mobil felhasználók számára szeretne megjeleníteni, vagy kizárja a mobil felhasználókat bizonyos webhelyek funkcióiról..

8. Az if / else konstrukcióval manipulálhatja az oldalsáv tartalmát

Ez a kódrészlet a WordPress kódexén alapul, de ebbe a szakaszba helyeztem, mert sok kreativitást tesz lehetővé, és előfordulhat, hogy kész fragmentumokat találhat az interneten.

Tegyük fel, hogy több oldalsávot szeretne használni a webhelyén. Töltheti az oldalsávot div-ekkel és szekciókkal, de minél többet nő a fájl (még akkor is, ha kütyüket használsz), annál nehezebbé válik.

A Codex a get_sidebar ($ name) funkcióval segítséget nyújt Önnek. A használat egyszerű:

  1. Hozzon létre (mondjuk) oldalsávot az Idézetek részletekhez. Nevezze el sidebar-quotes.php
  2. A fő sidebar.php fájlba (vagy a fejléc- vagy indexfájlba, a WP téma struktúrája szerint) írj get_sidebar (“idézetek”); az „sidebar-quotes.php” fájl beillesztése.

Kapsz egy vékonyabb oldalsávot más alsávba történő hívásokkal, amelyeket optimalizálhat az if / else konstrukciókkal, ha ismer egy kicsit a WordPress PHP kódolását..

Lehet, hogy nem tudja ezt, de ha az általános get_sidebar () kódot használja, akkor az tartalmazza az „sidebar.php” fájlt, mert nem adott hozzá a $ name argumentumot. Ez az alapértelmezett használat. Amikor hozzáad egy „-nevet” az „oldalsáv * .php” után, meghívhatja ezt a név-kiegészítőt a $ név arg segítségével.

Ha vannak olyan hirdetések, különleges ajánlatok vagy oldalsáv-funkciók, amelyeket a blog bizonyos oldalain vagy a kód bizonyos oldalain szeretne megjeleníteni, és amelyek túlterhelik a szokásos oldalsávot, akkor ezt a kódrészletet az UX életmentőjévé teszi..

9. Eszköz a kódrészletek integrálásához a WordPress webhelyre

kódrészletek screenshot

A Code Snippets egy ingyenes WordPress plugin, amelyet a Shea Bange hozott létre, amely lehetővé teszi a kódrészletek egyszerű hozzáadását a blogjához..

A beépülő modulban az a jó dolog, hogy többé nem kell szerkesztenie a function.php fájlt, hanem hozzáadhat egyéni kódot közvetlenül a WordPress Irányítópultból. Alapvetően olyan kódrészleteket adhat hozzá, mintha új üzenet vagy oldal hozzáadna.

Tom Ewer a WPMUDev.org oldalán érdekes bevezetést írt a pluginhez, de a leghasznosabb forrás, amelyet eddig a Code Snippets számára találtam, a WordPress.org plugin támogatási fóruma..

Rajtad a sor!

Ossza meg WordPress kódolási kísérleteit az alábbi megjegyzésekben! Nyugodtan tegyen fel kérdéseket az ebben a bejegyzésben bemutatott kivonatokkal kapcsolatban.

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