9 WordPress кодтары сіздің блогыңызды жақсарту және UX жақсарту үшін

Мақаланы жазған: Луана Спинетти
  • WordPress
  • Жаңартылды: қазан 26, 2020

WordPress-ті баптау және орнату оңай, блогыңызды жариялағаннан кейін баруға дайын.

Бірақ WordPress-тің әдепкі опцияларына сенім арту сіздің атыңыздан жоғалтуға әкелуі мүмкін:

  • Аз функционалдылық
  • Жіберілген пайдаланушылар (олар кез келген WP сайттарында бірдей нәрселерді көретін)
  • Іздеу жүйесіндегі рейтингідегі тамшылар.

Сіздің қолыңызда икемді құрал бар, оны пайдалануға жағымды және тиімді пайдалануға болатын нәрсеге айналдыруға болады. Неліктен өзіңіздің пайдаланушыларыңыз үшін (және өзіңіз) заттардың дәмін татуға болмайды?

Бұл мақала сізге WordPress-ға негізделген веб-сайтты қызықты етіп қосу арқылы қызықты және пайдалы болуы үшін көмектеседі код үзінділері бұл сіздің SEO-іңізді жақсартады.

Сіздің WordPress блогыңызды жинауға көмектесу керек пе?
WHSR енді Codeable.io компаниясымен серіктес болып табылады, олар кәсіби WP әзірлеу / теңшеу қызметтерін қажет ететін пайдаланушыларға көмектеседі.

Тегін баға алу үшін, өтінеміз, осы сауалнама толтырыңыз.

Оларды сынап көріңіз және сізге қалай жұмыс істегенін білуге ​​рұқсат етіңіз! ;)

WordPress блогыңызды жақсарту үшін 9 кодтары

Мен сіздерге осы лауазымда кодтық үзінділердің екі түрін ұсынамын:

  1. Кодекс кодтары
  2. Код үзінділері және виджеттер

Кодекс кодтары мен өзім жазған PHP үзінділері (менің қалыңдықтың көмегімен, Simone) қатаң түрде WordPress.org кодексі сілтеме ретінде.

Код үзінділері мен виджеттер - басқа веб-сайттарда және WordPress.org сайтында еркін қол жетімді PHP кодының (немесе WordPress плагиндерінің) дайындаған бөліктері, сонымен қатар ашық және Codex сілтемелерін пайдаланып, қалыңдықтың үзінділерін жаздым.

Кодтардың екі түрін де қолдану және орнату оңай, бірақ егер сіз кодты қалай басқаруға болатындығын білмесеңіз, виджеттер мен плагиндерден бастағыңыз келуі мүмкін.

Кодекс кодтары

1. Маңызды хабарламаларды дифференциалдау

WordPress-ке сіздің қазіргі жазбаңыздың жабысқақ пост екенін тексеріп, оны сәйкесінше көрсету үшін сіз Codex логикалық функциясын қолдана аласыз:

<?php is_sticky(); ?>

Жалғыз функция тек TRUE немесе FALSE мәндерін қайтарады, сондықтан жабысқақ хабарламаларды басқару үшін шартты құрылымды (if / else) жазу керек болса, осында не істей аласыз. Мысал:

<?php if is_sticky() {
  the_title();
  the_time('M, d, Y');
  the_excerpt();
}
else {
  include 'post-template.php';
}

Бұл үлгіні пайдаланғанда, тек қана тақырыпты, пошта күнін және үзіндісін (барлық жазбаны емес) қамтитын жабысқақ жазбаны көрсеттім, ал басқа хабарламалар үшін стандартты үлгі post-template.php ішінде бар.

Хабарламаның әр түрінде өзінің CSS мәнерлер кестесі болады, бірақ біз мұнда стильдерді анықтамаймыз; тек шаблондар.

Single.php - бұл жеке хабарламаларға арналған әдепкі шаблон (сіз оны барлық WP тақырыптарымен қоса табасыз).

Егер сіз өзіңіздің WP-тің тақырыбын жасасаңыз, бірақ сіз бірде-бір хабарға арналған үлгілерді орнатпаған болсаңыз, Codex нұсқаулығын орындауға болады Мұнда.

2. URL мекенжайын көрсету

Бұл сіздің үлгіңізге қосу үшін қызықты болуы мүмкін. Егер сіз оқырмандарыңыздың әрқайсысының (немесе жазбаларыңыздың) URI кодын алуын қаласаңыз, тек бір.php, page.php немесе тіпті index.php үлгісіндегі келесі тегті пайдаланыңыз:

">

The_permalink-ті қолданудың орнына, бұл ең айқын таңдау және барлық жағдайларда жұмыс істейді, WP хабарламалар мен беттерге екі балама нысанды қолдануға мүмкіндік береді:

 <?php echo get_page_link(); ?> 

Мысалы, сіздің бет үлгісі мыналарды қамтуы мүмкін:

Сілтеме:

3. Пошта нөмірін алу және көрсету

Сіз өзіңіздің permalink құрылымыңызды пайдаланушымен және SEO-достығыңыз үшін орнатқанда да, бұл қарапайым функцияны мета жолына қосып, келушілерге пошта идентификаторын көрсетуіңізге болады:

<?php the_ID(); ?>

Үлгісі:

<p class="meta">Posted by Author's Name. Post ID is <?php the_ID(); ?></p>

4. Санат бойынша санаттарды тізімдеңіз

WordPress стандартты функциясы:

<?php get_all_category_ids() ?>

Міне, менің блогымның бірінде қолданылған мысал Кодекс және StackOverflow тақырыбына арналған тақырып:

{$ cat_id}: {$ cat_name} «;}?>

… Және ол қалай көрсетіледі:

санаты WP коды

Ескерту: get_all_category_ids () енді ескірген функция болып табылады, бірақ менің блогымда (жоғарыдағы скриншот) сияқты, сіз оны әлі де қиындықсыз пайдалана аласыз. Алайда, осы үзінді үшін жаңа функцияны пайдаланғыңыз келсе, келесіні қараңыз get_terms () Кодекс беті.

Бұл код немен айналысады?

Код барлық категория идентификаторларын және әрбір идентификатор үшін санат атауын алады, содан кейін ол идентификаторды санат сілтемесімен байланыстырады, ал ол санат атауын «:» -дан кейін көрсетеді - демек echo () білдіру {$ cat_id} : {$ cat_name}.

5. Блогыңыздың толық пайдаланушылары / авторлары беті

Сіз кез-келген блог авторларын немесе пайдаланушыларды плагинге сүйенбестен көрсететін арнайы бетті құрғыңыз келді ме?

Ал, сен болады тек жеке мәтінді редакторы, FTP жүктеушісі және сүйікті WordPress бақылау тақтасы бар өзіңіздің жеке пайдаланушы авторларыңыздың / пайдаланушылардың бетіңізді жасаңыз.

Ең алдымен, сіз page.php файлының көшірмесін жасауыңыз керек. Өзіңіздің көшірмеңізді кез-келген атқа өзгертіңіз - мен mine users.php атын қойдым.

қосу үлгі тегі WordPress үшін осы үлгіні шаблон ретінде тану үшін, содан кейін бақылау тақтасына өтіңіз -> Беттер -> Жаңа қосу Пайдаланушылар / авторларыңыздың тізімін жасаңыз. Беттер тізіміне оралыңыз, Жаңа бет тақырыбының астындағы Жылдам өңдеу түймешігін басып, Үлгі ашылмалы мәзірінен жаңа үлгіні таңдаңыз. Өзгертулеріңізді сақтаңыз.

Енді users.php файлын ашыңыз (немесе сіз оны атағаныңыздай) және мына кодты қолданыңыз:

 <?php
 $result = count_users();
 echo 'There are ', $result['total_users'], ' total users';
 foreach($result['avail_roles'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

Бұл кодты пайдаланады count_users функциясы Кодексте «әдепкі пайдалану» ретінде көрсетілген. Бұл кодтың тірі мысалын мына жерден қарай аласыз http://robocity.in/users/.

Осы кодтан кейін блог әкімшісі туралы бір нәрсе қосайық:

Мен пайдаланған count_user_posts Бұл жерде Codex ұсынған пайдалану форматынан кейін жұмыс істейді.

Функция get_userdata белгілі бір пайдаланушы аты мен оны пайдаланатын адамның нақты аты арасындағы корреляцияны көрсету жақсы. Төменде қараңыз:

user_login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo «$ first_name $ last_name олардың WordPress сайтына $ username пайдаланушы атымен кіреді.»; ?>

Енді бұл сіз Авторлар / Пайдаланушылар парағында қолдана алатын ең қызықты функция get_users Функциясы:

'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). ' '; }?>

Бұл функция кодта конфигурациялауға болатын белгілі бір параметрлерге сәйкес пайдаланушылардың тізімін шығарады. Жоғарыда келтірілген мысалда (Codex парағынан алынды және менің Robocity.in-дегі менің қолданушыларымның парағына сәйкес редакцияланды) мен 1-ID идентификаторы (ағымдағы блог) әкімшілерінің тізімін 'nicename' тапсырысымен алғым келеді және әр пайдаланушы үшін Мен пайдаланушы аты мен электрондық поштаны «Пайдаланушы аты -» түріндегі сөйлеммен көрсеткім келеді. [электрондық пошта қорғалған]«.

Егер сіз өзіңіз туралы өзіңіз туралы бір нәрсе келтіргіңіз келсе, сіз оны пайдалана аласыз get_currentuserinfo пайдаланушының аты мен мекенжайын алу функциясы. Мен өзімнің мысалда осы функцияны қолданбағанмын, бірақ шығармашылық шектеулерді білмейді, иә? ;)

Код үзінділері мен виджеттер

6. Балама ... Мұрағат!

жақсы блог мұрағатыСіз өзіңіздің ескі бүйірлік тақтаңызды алмастыра аласыз ба, елестетіп көріңізші, бұл сіздің блогыңыз өскен сайын өсіп, пайдаланушыларды айналдыруға мәжбүр етеді - оң жақта көрсетілгендей үзіндімен.

Сіздің блогыңыздың жасын және мұрағаттың тереңдігін бір қарағанда оқырмандарыңызға түсіну оңайырақ болмай ма? :)

Менің қалыңдықым және мен осы қарапайым үзіндіді кодтан get_post және мұрағат тізімінің қарапайым ашылмалы мәзірі арқылы жаздым. Біз идеяны жақсы жұмыс істеу үшін өз функцияларымызды жасадық.

кейінгі_күні)); return $ output; } getLastPostID () функциясы {тізім ($ post) = get_posts (массив ('posts_per_page' => 1)); return $ post-> ID; }?> Бұл блогта содан бері хабарламалар бар . Соңғы хабарлама жарияланған . Сіз нақты мұрағатқа барғыңыз келе ме? 'month', 'format' => 'option', 'show_post_count' => 1)); ?>

Бұл код немен айналысады?

FormPostDate функциясы хабарламаның идентификаторы мен күн форматын алып, күнді қалаған форматта қайтарады. Екінші функция getLastPostID, тек бір хабарламадан тұратын жазбалар жиынтығын алады және оның идентификаторын қайтарады.

Блогтың бірінші жазбасын алу үшін - әдетте ID = 1-мен бірінші абзацқа echo formatPostDate (1, '% B% e,% Y') жазамыз: бұл код formatPostDate функциясын қолданады және параметр ретінде пост идентификаторын алады №1 және күн үшін стандартты ағылшын форматы және күнді қайтарады.

Блогтың соңғы жазбасын алу үшін біз соңғы жазбаның идентификаторын және күн форматын алу үшін formatPostDate (getLastPostID (), '% B% e,% Y') қолданамыз (қайтадан, ағылшынша) және датаны басамыз экран.

7. Келушінің мобильді құрылғыны пайдаланатынын тексеріңіз

WP-Snippets.com сайтындағы Muneeb сайтымыздағы келушінің мобильді құрылғыны пайдаланып жатқанын тексеру үшін қызықты код үзіндісін (функция) бөлісті.

Код бар Мұнда.

Бұл функция мобильді оптимизацияға көмектеседі, өйткені сіз белгілі бір функцияны тек ұялы байланыс пайдаланушыларына көрсеткіңіз келсе немесе мобильді пайдаланушыларды белгілі бір веб-сайт мүмкіндіктерінен шығарғыңыз келсе пайдалы.

8. Бет бүйірлік тақта мазмұнын басқару үшін if / else құрылымын пайдаланыңыз

Бұл код үзіндісі WordPress 'Codex-ке негізделген, бірақ мен оны осы бөлімге орналастырдым, себебі ол көп шығармашылыққа мүмкіндік береді және сіз Интернеттен дайын үзінділерді таба аласыз.

Сіз өз сайтыңыздағы бірнеше бүйірлік тақталарды пайдаланғыңыз келеді делік. Сіз бүйірлік тақтаны divs және бөлімдермен толтыра аласыз, бірақ ол файлдың көбеюі (тіпті виджеттерді пайдаланғанда да) соғұрлым ауыр болады.

Кодекс сізбен құтқару үшін келеді get_sidebar ($ name) функциясы. Пайдалану қарапайым:

  1. Тізім үзінділеріңіз үшін бүйірлік тақтаны жасаңыз (айталық). Бүйірлік тақта-quotes.php деп атаңыз
  2. Негізгі sidebar.php файлында (немесе тақырып немесе индекс файлы, сіздің WP тақырыбыңыздың құрылымына сәйкес) get_sidebar («дәйексөздер») жазыңыз; «бүйірлік тақта-quotes.php» файлын қосу үшін.

WordPress үшін PHP кодтаудың біразын білсеңіз, IF / else құрылымдарын оңтайландыруға болатын басқа бүйірлік тақталарға қоңыраулармен жұқа бүйірлік тақтаны аласыз.

Сіз мұны білмеуіңіз мүмкін, бірақ жалпы get_sidebar () кодын қолданған кезде, оған $ name аргументін қоспағаныңыз үшін “sidebar.php” қосылады. Бұл әдепкі қолдану. «Бүйірлік тақта * .php» -ден кейін «-таңбаны» қосқанда, сіз бұл атау қосымшасын $ name arg арқылы шақыра аласыз.

Егер сізде блогтың белгілі бір беттерінде көрсетілетін жарнамалар, арнайы ұсыныстар немесе бүйірлік тақта функциялары бар болса, стандартты бүйірлік тақтаны шамадан тыс жүктейтін болса, сіз осы код үзіндісін UX үшін өмірді қорғаушы ретінде табасыз.

9. WordPress торабына код үзінділерін біріктіру құралы

скриншоттар кодтары

Код үзінділері Shea Bange құрған WordPress тегін WordPress плагин, ол сіздің блогыңызға оңай кодтық үзінділерін қосуға мүмкіндік береді.

Бұл плагин туралы жақсы нәрсе - сіз енді өзіңіздің редакциялауыңыз қажет емес functions.php файлға қосылуға болады, бірақ пайдаланушы кодын WordPress басқару тақтасы арқылы тікелей қосуға болады. Негізінде, жаңа жариялауды немесе бетті қосатын сияқты код үзінділерін қоса аласыз.

Том Эвер WPMUDev.org сайтында осы плагинге қызықты кіріспе жазды, бірақ Code Snippets үшін әлі күнге дейін табылған ең пайдалы ресурс WordPress.org сайтындағы плагинді қолдау форумы.

Сізге!

Төмендегі ескертулерде WordPress кодтау тәжірибелерін бөлісіңіз! Осы постта енгізілген үзінділер туралы сұрақтар қоя аласыз.

Luana Spinetti туралы

Луана Спинетти - Италиядағы штаттан тыс жазушы және суретші, сондай-ақ компьютерлік ғылымның қызықты студенті. Психология және білім беру саласындағы жоғары мектептегі дипломы бар және 3-да аяқтаған Comic Book Art-дағы 2008-жылдық курсқа қатысқан. Адам ретінде көп қырлы адам болғандықтан, ол SEO / SEM және Web Marketing маркетингіне үлкен қызығушылық танытты, ол әлеуметтік медиаға нақты бейімділікпен айналысады және ол өз ана тілінде (итальян тілінде) үш роман бойынша жұмыс істейді, ол ол үміттенеді индексті жақында жариялау.