9 Mga Code ng WordPress Upang Spice Up ang Iyong Blog at Pagbutihin ang UX

Ang WordPress ay madaling i-configure at mai-install, handa nang pumunta sa sandaling mailathala mo ang iyong blog.


Ngunit ang pag-asa sa mga default na pagpipilian ng WordPress ay maaaring magresulta sa isang pagkawala sa iyong ngalan:

  • Mas kaunting pag-andar
  • Nabibiling mga gumagamit (na nakakakita ng parehong mga bagay sa bawat WP site na natitisod sila)
  • Tumatak sa mga ranggo ng search engine.

Mayroon kang isang nababaluktot na tool sa iyong mga kamay, na maaari mong i-tweak upang maging isang kaaya-aya na magamit at mahusay na umasa. Bakit hindi pagandahin ang mga bagay para sa iyong mga gumagamit (at iyong sarili)?

Nais ng artikulong ito na tulungan kang gawing masaya at kapaki-pakinabang ang iyong website na nakabase sa WordPress para sa iyong mga gumagamit sa pamamagitan ng pagdaragdag ng kawili-wili mga snippet ng code mapapahusay din nito ang iyong SEO.

Kailangan ng Tulong Spice Up ang Iyong WordPress Blog?
Ang WHSR ay kasosyo na ngayon sa Codeable.io upang tulungan ang mga gumagamit na nangangailangan ng propesyonal na serbisyo sa pag-unlad / pagpapasadya ng WP.

Upang makakuha ng isang libreng sipi, mangyaring punan ang form ng kahilingan na ito.

Subukan mo sila at ipaalam sa akin kung paano sila nagtrabaho para sa iyo! ;)

9 Mga Code upang Pagandahin ang Iyong WordPress Blog

Mag-aalok ako sa iyo ng dalawang uri ng mga snippet ng code sa post na ito:

  1. Mga code ng codex
  2. Mga snippet ng code at mga widget

Ang mga codex code ay mga snippet ng PHP na isinulat ko sa aking sarili (sa tulong ng aking kasintahan, si Simone) na mahigpit na gumagamit ng WordPress.org Codex bilang isang sanggunian.

Ang mga snippet ng code at mga widget ay mga yari na piraso ng PHP code (o mga plugin ng WordPress) na malayang magagamit sa iba pang mga website at sa WordPress.org, ngunit isinama ko rin ang mga snippet ng aking kasintahan at sumulat ako mula sa simula gamit ang bukas at mga sangguniang Codex.

Ang parehong uri ng mga code ay madaling ipatupad at mai-install, ngunit maaaring gusto mong magsimula sa mga widget at plugin kung hindi ka sigurado kung paano i-manipulate ang code.

Naiintindihan ko na ang 9 mga snippet ng code ay maaaring hindi sapat para sa mga nais mong mag-eksperimento sa maraming at maraming iba’t ibang mga code, kaya sigurado ako na ang aming 25 na mga madaling gamiting snippet ng Robert Ludrosky para sa Mga Tagabuo ng WordPress ay mabubusog ang iyong gutom (hindi bababa sa isang habang). ;)

Mga Code ng Codex

1. Pag-iba-iba ang Malagkit na Mga Post

Upang suriin ang WordPress kung ang iyong kasalukuyang post ay isang malagkit na post – at ipakita ito nang naaayon – maaari mong gamitin ang Codex boolean function:

<?php is_sticky (); ?>

Ang pag-andar lamang ay ibabalik lamang ang mga halaga ng TUNAY o FALSE, kaya kung ano ang magagawa mo dito kung magsulat ng isang kondisyong may kondisyon (kung / iba pa) upang pamahalaan ang iyong malagkit na mga post. Isang halimbawa:

<?php kung is_sticky () {
Ang pamagat();
ang_ oras (‘M, d, Y’);
ang_excerpt ();
}
iba pa {
isama ang ‘post-template.php’;
}

Sa halimbawang paggamit, ipinakita ko ang malagkit na post bilang isang kahon na naglalaman lamang ng pamagat, ang petsa ng post at ang sipi (hindi ang buong post), habang ang karaniwang template para sa iba pang mga post ay nakapaloob sa post-template.php.

Ang bawat uri ng post ay magkakaroon ng sariling CSS styleheet, ngunit hindi namin tinukoy ang mga estilo dito; mga template lamang.

Ang Single.php ay ang iyong default na template para sa mga solong post (makikita mo ito kasama sa bawat default na tema ng WP).

Kung nakabuo ka ng iyong sariling tema ng WP ngunit wala kang mga setup ng mga template para sa solong mga post, maaari mong sundin ang gabay ng Codex dito.

2. Pagpapakita ng Post URL

Ang isang ito ay maaaring maging masaya upang idagdag sa iyong template. Kung nais mong makuha ng iyong mga mambabasa ang URI para sa bawat isa sa iyong mga pahina (o mga post), gamitin lamang ang sumusunod na tag sa iyong solong.php, pahina.php o kahit na index.php template:

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

Sa halip na gamitin ang_permalink, iyon ang pinaka-halata na pagpipilian at gumagana para sa lahat ng mga kaso, pinapayagan ka ng WP na gumamit ng dalawang alternatibong porma para sa mga post at pahina:

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

Halimbawa, maaaring kasama ang template ng iyong pahina:

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

3. Kunin at Numero ng ID ng Display Post

Kahit na na-set up mo ang iyong permalink na istraktura upang maging user-at friendly sa SEO, maaari mo pa ring ipakita sa iyong mga bisita ang post ID sa pamamagitan ng pagdaragdag ng simpleng pag-andar na ito sa iyong meta line:

<?php the_ID (); ?>

Halimbawang paggamit:

Nai-post ng Pangalan ng May-akda. Ang Post ID ay <?php the_ID (); ?>

4. Listahan ng Mga Kategorya Ayon sa ID

Ang karaniwang pamantayan ng WordPress ay:

<?php get_all_category_ids () ?>

Narito ang isang halimbawa na ginamit ko sa isa sa aking mga blog, nakasulat gamit ang code mula sa Codex at isang paksa sa StackOverflow:

<?php
$ kategorya_ids = get_all_category_ids ();
unahan ($ kategorya_ids bilang $ cat_id) {
$ cat_name = get_cat_name ($ cat_id);
$ kategorya_link = get_category_link ($ cat_id); // kailangan namin ang link ng pusa para gumana ang URL!
sigaw "{$ cat_id}: {$ cat_name}
";
}
?>

… at kung paano ito ipinapakita:

kategorya WP code

Tandaan: ang get_all_category_ids () ay ngayon isang function na na-deprecated, ngunit maaari mo pa ring gamitin ito nang walang mga problema, tulad ng ginagawa ko sa aking blog (screenshot sa itaas). Gayunpaman, kung nais mong gamitin ang bagong function para sa snippet na ito, bisitahin ang get_terms () na pahina ng Codex.

Ano ang ginagawa ng code na ito?

Nakukuha ng code ang lahat ng mga ID ng kategorya at ang pangalan ng kategorya para sa bawat ID, pagkatapos ay mai-link nito ang ID sa link ng kategorya, habang ipinapakita nito ang kategorya ng kategorya pagkatapos ng “:” – samakatuwid ang echo () expression {$ cat_id}: {$ cat_name }
.

5. Isang Detalyadong Gumagamit / Pahina ng May-akda Para sa Iyong Blog

Nais mo bang bumuo ng isang pasadyang pahina na magpapakita ng lahat ng iyong mga may-akda o gumagamit ng blog nang hindi kinakailangang umasa sa isang plugin?

Kaya, maaari kang lumikha ng iyong sariling pasadyang pahina ng Mga May-akda / Gumagamit na may lamang isang text editor, isang FTP uploader at iyong minamahal na WordPress Dashboard.

Una sa lahat, kailangan mong lumikha ng isang kopya ng iyong file na pahina. Palitan ang pangalan ng iyong kopya sa anumang pangalan – pinangalanan ko ang aking mga gumagamit.php.

Idagdag ang template ng tag sa tuktok ng template na ito para makilala ng WordPress ito bilang isang template, pagkatapos ay pumunta sa iyong Dashboard -> Mga pahina -> Magdagdag ng Bago at lumikha ng isang pahina para sa iyong listahan ng Mga Gumagamit / May-akda. Bumalik sa listahan ng Mga Pahina, i-click ang Mabilis na I-edit sa ilalim ng iyong bagong pamagat ng pahina at piliin ang iyong bagong template mula sa menu ng drop-down na template. I-save ang iyong mga pagbabago.

Buksan ngayon ang iyong mga gumagamit.php (o kung ano ang pangalan mo ito) na file at ilapat ang sumusunod na code:

<?php
$ resulta = count_users ();
echo ‘May’, $ resulta [‘total_users’], ‘kabuuang mga gumagamit’;
unahan ($ resulta [‘avail_roles’] bilang $ papel => $ count)
echo ‘,’, $ count, ‘ay’, $ papel, ‘s’;
echo ‘.’;
?>

Ginagamit ng code na ito ang function na count_users na nakalista bilang “default na paggamit” sa Codex. Maaari mong tingnan ang isang live na halimbawa ng code na ito sa http://robocity.in/users/.

Pagkatapos ng code na iyon, magdagdag tayo ng isang bagay tungkol sa admin ng blog:

<?php printf (__ (‘Bilang ng mga post na nai-publish ng gumagamit "Mga namumuno":% d ‘,’ text-dom-here ‘), count_user_post (1)); ?>

Ginamit ko ang function na count_user_post dito, kasunod ng format ng paggamit na iminungkahi ng Codex.

Ang function na get_userdata ay mabuti upang ipakita ang ugnayan sa pagitan ng isang tiyak na username at ang tunay na pangalan ng taong gumagamit nito. Tingnan sa ibaba:

<?php $ user_info = get_userdata (1);
$ username = $ user_info->user_login;
$ first_name = $ user_info->pangalan;
$ last_name = $ user_info->huling pangalan;
sigaw "$ first_name $ last_name log sa kanilang WordPress site na may username ng $ username.";
?>

Ngayon, ito ang pinaka-kagiliw-giliw na pag-andar na maaari mong magamit sa iyong pahina ng Mga May-akda / Gumagamit – ang function ng get_users:

<?php
$ blogusers = get_users (‘blog_id = 1&orderby = nicename&papel = tagapangasiwa ‘);
// Array ng mga bagay na WP_User.
unahan ($ blogusers bilang $ user) {
echo ”. esc_html ($ user->user_login). ‘-‘. esc_html ($ user->user_email). ‘
‘;
}
?>

Makakakuha ang function na ito ng isang listahan ng mga gumagamit ayon sa ilang mga parameter na maaari mong mai-configure sa code. Sa halimbawa sa itaas (kinuha mula sa pahina ng Codex at na-edit upang magkasya sa aking pahina ng Mga Gumagamit sa Robocity.in), nais kong makakuha ng isang listahan ng mga administrador para sa blog ID 1 (kasalukuyang blog) na iniutos ng ‘nicename’, at para sa bawat gumagamit, Nais kong ipakita ang username at email sa isang pangungusap ng uri ng “Username -“.

Kung nais mong magpakita ng mga naka-log sa mga gumagamit ng isang bagay tungkol sa kanilang sarili, maaari mong gamitin ang function na get_currentuserinfo upang makuha, sabihin, ang pangalan at address ng gumagamit. Hindi ko ginamit ang pagpapaandar na ito sa aking halimbawa, ngunit ang pagkamalikhain ay hindi alam ang mga limitasyon, di ba? ;)

Mga Snippet ng Code & Mga Widget

6. Alternatibong … Mga Archive!

mas mahusay na mga archive ng blogIsipin kung maaari mong palitan ang iyong lumang sidebar Archives list – na patuloy na lumalaki habang lumalaki ang iyong blog at pinipilit ang mga gumagamit na mag-scroll – gamit ang isang snippet tulad ng nakikita mo dito sa kanan.

Hindi ba mas madali itong gawing madali para sa iyong mga mambabasa na mahuli ang iyong blog edad at lalim ng mga archive nang isang sulyap? :)

Ang aking kasintahan at ako ay nagsulat ng simpleng snippet na ito gamit ang get_post mula sa Codex at isang simpleng menu ng pagbagsak para sa listahan ng mga archive. Nilikha namin ang aming sariling mga pag-andar upang maging maayos ang ideya.

<?php
format ng functionPostDate ($ postId, $ format = ‘% F’) {
$ post = get_post ($ postId);
$ output = strftime ($ format, strtotime ($ post->post_date));
ibalik ang $ output;
}

function na makakuhaLastPostID () {
listahan ($ post) = get_post (array (‘posts_per_page’ => 1));
ibalik ang $ post->ID;
}
?>

Ang blog na ito ay may mga post mula pa <?format ng php echoPostDate (1, ‘% B% e,% Y’); ?>.
Huling post ay nai-publish sa <?format ng php echoPostDate (getLastPostID (), ‘% B% e,% Y’); ?>.

Nais mo bang bisitahin ang isang tukoy na archive?

<?php echo esc_attr (__ (‘Select Archive’)); ?>
<?php wp_get_archives (array (‘type’ =)> ‘buwanang’, ‘format’ => ‘pagpipilian’, ‘show_post_count’ => 1)); ?>

Ano ang ginagawa ng code na ito?

Ang format ng functionPostDate ay tumatagal ng ID at format ng petsa ng post at ibabalik ang isang petsa sa isang format na iyong gusto. Ang pangalawang pag-andar, getLastPostID, ay tumatagal ng isang hanay ng mga post na naglalaman lamang ng isang post at ibabalik ang ID nito.

Upang makuha ang unang post ng blog – sa pangkalahatan ay may ID = 1, nagsusulat kami ng echo formatPostDate (1, ‘% B% e,% Y’) sa unang talata: ang code na ito ay gumagamit ng format na function naPostDate at tumatagal bilang mga parameter ng post ID # 1 at isang karaniwang Ingles na format para sa petsa, at ibabalik ang petsa.

Upang makuha ang huling post ng blog, gumagamit kami ng formatPostDate (getLastPostID (), ‘% B% e,% Y’) upang makuha ang ID ng huling post at isang format ng petsa (muli, sa Ingles) at i-print ang petsa sa screen.

7. Suriin kung ang gumagamit ay gumagamit ng isang mobile device

Ang Muneeb sa WP-Snippets.com ay nagbahagi ng isang kagiliw-giliw na snippet ng code (isang function) upang suriin kung ang isang bisita sa iyong site ay gumagamit ng isang mobile device.

Magagamit ang code dito.

Tumutulong ang pagpapaandar na ito sa pag-optimize ng mobile, dahil kapaki-pakinabang kung nais mong ipakita ang ilang pag-andar lamang sa mga mobile na gumagamit o upang ibukod ang mga mobile na gumagamit mula sa ilang mga tampok ng website.

8. Gamitin ang kung / kung anu man ay magtayo upang manipulahin ang nilalaman ng iyong sidebar na pahina

Ang code snippet na ito ay batay sa WordPress ‘Codex, ngunit inilagay ko ito sa seksyong ito sapagkat pinapayagan nito ang maraming pagkamalikhain at maaari kang makahanap ng mga yari na snippet sa Web.

Ipagpalagay na nais mong gumamit ng maramihang mga sidebars sa iyong site. Maaari mong punan ang iyong sidebar ng mga div at mga seksyon, ngunit ang higit na lumalaki ang file (kahit na gumamit ka ng mga widget) mas mabibigyan ito.

Ang Codex ay dumating sa iyo na iligtas kasama ang function na get_sidebar ($ pangalan). Ang paggamit ay simple:

  1. Lumikha (sabihin) ng isang sidebar para sa iyong mga snippet ng Quote. Pangalanan itong sidebar-quote.php
  2. Sa pangunahing file ng sidebar.php (o ang header o index file, ayon sa iyong istraktura ng tema ng WP) sumulat ng get_sidebar (“quote”); upang isama ang file na “sidebar-quotes.php”.

Makakakuha ka ng isang slimmer sidebar na may mga tawag sa iba pang mga sub-sidebars, na maaari mong mai-optimize na kung / kung anu-ano ang mga konstruksyon kung alam mo ang kaunting PHP coding para sa WordPress.

Maaaring hindi mo alam ito, ngunit kapag ginamit mo ang pangkaraniwang code ng get_sidebar (), kasama na ang “sidebar.php” dahil hindi ka nagdagdag ng isang pangalang argumento ng pangalan. Ito ang default na paggamit. Kapag nagdagdag ka ng isang “-name” pagkatapos ng “sidebar * .php”, maaari mong tawagan ang pangalan na addon na may $ name arg.

Kung mayroon kang mga ad, mga espesyal na alok o mga pag-andar ng sidebar na nais mong ipakita sa ilang mga pahina ng iyong blog o code na mag-overload sa iyong standard na sidebar, makikita mo ang code na ito snippet ng isang life saver para sa UX.

9. Isang tool para sa pagsasama ng mga snippet ng code sa iyong WordPress site

screenshot ng mga screenshot

Ang mga Code Snippets ay isang libreng plugin ng WordPress na nilikha ng Shea Bange na nagbibigay-daan sa iyo upang madaling magdagdag ng mga snippet ng code sa iyong blog.

Ang magaling na bagay tungkol sa plugin na ito ay hindi mo na kailangang mai-edit ang iyong function.php file, ngunit maaari kang magdagdag ng direktang code nang diretso mula sa iyong WordPress Dashboard. Karaniwan, maaari kang magdagdag ng mga snippet ng code na nais mong magdagdag ng isang bagong post o pahina.

Si Tom Ewer sa WPMUDev.org ay nagsulat ng isang kawili-wiling pagpapakilala sa plugin na ito, ngunit ang pinaka-kapaki-pakinabang na mapagkukunan na natagpuan ko sa ngayon para sa Code Snippets ay ang forum ng suporta sa plugin sa WordPress.org.

Sa iyo!

Ibahagi ang iyong mga eksperimento sa pag-cod ng WordPress sa mga komento sa ibaba! At huwag mag-atubiling magtanong tungkol sa mga snippet na ipinakilala sa post na ito.

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