WordPress-дағы нобайлармен ешқандай плагинсыз тиісті жазбаларды көрсету

Негізінен біз плагиндерді WordPress-те тиісті жазбалармен көрсету үшін қолданамыз, бірақ оларды кез-келген плагинді пайдаланбай көрсетуге болады. Related posts based on category , choose any one of them. Мұнда біз екі кодты бөліп көрсеттік: Тегтерге негізделген тиісті жазбалар және санатқа негізделген тиісті жазбалар , олардың кез-келгенін таңдайсыз.

Шығару: Бұл нобайлар сіздің сайтыңызда ұнайтын сияқты

Төменде келтірілген кодтарды енгізгеннен кейін, өзіңіздің веб-сайтыңызда осыған байланысты пиктограммалар көрсетіледі. Төменде келтірілген CSS-нің нобайларында, сондай-ақ тақырыптарда керемет жылжу әсерлерін беретін бірнеше стиль атрибуттары бар.

Тегтерге негізделген хабарламалар

Төмендегі код тегтерге негізделген хабарламаларды алады. Әрбір сіздің хабарламаларыңызға / беттеріңізге жеткілікті тегтеріңіз болса, онда бұл код сізге жақсы мүмкіндік болып табылады.

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

  <? php $ orig_post = $ post; жаһандық $ post; $ tags = wp_get_post_tags ($ post-> ID); егер ($ тегтер) { $ tag_ids = array (); foreach ($ tags ретінде $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = массив ( 'tag__in' => $ tag_ids, 'post__not_in' => массив ($ post-> ID), 'posts_per_page' => 5, // көрсетілетін байланысты жазбалардың саны. 'caller_get_posts' => 1, 'orderby' => 'rand' // Хабарларды рандомизациялау ); $ my_query = жаңа wp_query ($ args); егер ($ my_query-> have_posts ()) { echo '<div id = «related_posts» class = «clear»> <h3> Қатысты хабарламалар </ h3> <ul>'; ал ($ my_query-> have_posts ()) { $ my_query-> the_post ();  ?> <li>  <a href=">> «rel =» bookmark «title =» <? php the_title ();;> «>  <? php the_post_thumbnail ('байланысты-хабарлар');  ?>  </a>  <div class = «related_content»>  <a href="
  Қатысты хабарламалар санатқа негізделген 
  Төмендегі код посттың санатын ұқсас лауазымдарды алу критерийлері ретінде пайдаланады.  Егер сіздің әрбір лауазымыңыз ең аз бір санатқа жататын болса, бұл өте пайдалы.  Мұны пайдаланып, көрсетілген барлық хабарлар бірдей санатқа жататынына көз жеткізуге болады, бұл бет seo-де де жақсарады. 
  <? php $ orig_post = $ post; жаһандық $ post; $ categories = get_the_category ($ post-> ID); егер ($ санаттар) { $ category_id = array (); foreach ($ санаты, жеке $ санаты) $ category_ids [] = $ individual_category-> term_id; $ args = массив ( 'category__in' => $ category_ids, 'post__not_in' => массив ($ post-> ID), 'posts_per_page' => 5, // көрсетілетін байланысты жазбалардың саны. 'caller_get_posts' => 1, 'orderby' => 'rand' // Хабарларды рандомизациялау ); $ my_query = жаңа wp_query ($ args); егер ($ my_query-> have_posts ()) { echo '<div id = «related_posts» class = «clear»> <h3> Қатысты хабарламалар </ h3> <ul>'; ал ($ my_query-> have_posts ()) { $ my_query-> the_post ();  ?> <li>  <a href=">> «rel =» bookmark «title =» <? php the_title ();;> «>  <? php the_post_thumbnail ('байланысты-хабарлар');  ?>  </a>  <div class = «related_content»>  <a href="
  Көрсетілетін тиісті хабарлардың санын қалай өзгертуге болады? 
  Жоғарыда келтірілген код әрбір нөмірге байланысты 5 хабарламаны шығарады, егер сіз нөмірді өзгерткіңіз келсе, одан кейін кодты сәл өзгертуіңіз керек.  Жоғарыда келтірілген кодтарда төменде келтірілген мәлімдеме - 
  'posts_per_page' => 5 
  5-ші нөмір - бұл көрсетілетін хабарламалардың саны.  Өзіңізге сәйкес өзгертіңіз. 
  Мәнер суреттері біраз 
  Мұнда жоғарыда аталған алгоритмдер үшін ортақ CSS коды бар.  Төмендегі CSS-де мен суреттің биіктігі мен енін 110px ретінде орнатқан болсаңыз, оны қаласаңыз өзгерте аласыз. 
  / * Плагинсіз тиісті хабарлама * / .custom #related_posts ul {  маржа: 0;  толтыру: жасырын; } .custom #related_posts li {  float: сол;  list-style: none;  margin: 0 0 0 20px; } .custom #related_posts li: бірінші-бала {  margin-left: 0; } .custom #related_posts li a {  дисплей: блок;  қаріп өлшемі: 12px;  line-height: 16px;  мәтінді туралау: сол;  мәтінді безендіру: жоқ;  ені: 110px; } .custom #related_posts img {  border: 2px solid #DDDDDD;  биіктігі: 110px;  ені: 110px; } .custom #related_posts li a: hover {  мәтінді безендіру: астын сызу; } 
  Жоғарыда көрсетілген кодтарды WordPress-те тиісті жазбалармен көрсету үшін кез-келген мәселеге кезігетін болсаңыз.