กระทู้ที่เกี่ยวข้องใน WordPress โดยไม่ใช้ปลั๊กอิน

ในบทความนี้คุณจะได้เรียนรู้เกี่ยวกับวิธีการเพิ่มบทความที่เกี่ยวข้องใน WordPress โดยไม่ใช้ปลั๊กอินทำไมมันเป็นสิ่งสำคัญและวิธีการเพิ่มรูปแบบให้โพสต์ที่เกี่ยวข้อง

A+ A-

ในบทความนี้เราจะหารือเกี่ยวกับการโพสต์ที่เกี่ยวข้องกับเวิร์ดเพรส วิธีการแสดงได้โดยไม่ต้องปลั๊กอินและโพสต์ทำไมที่เกี่ยวข้องที่สำคัญ หลายคนใช้มัน แต่บางส่วนของพวกเขาเท่านั้นใช้พวกเขาเพราะคนอื่นทำเช่นกัน พวกเขาไม่ทราบเหตุผลของมันทำไมมันจะช่วยให้สิ่งที่สำคัญและขนาดเล็กอื่น ๆ

กระทู้ที่เกี่ยวข้อง

ทำไมบทความที่เกี่ยวข้องที่สำคัญสำหรับเว็บไซต์หรือบล็อก

บทความที่เกี่ยวข้องตามที่คุณอาจคาดหวังที่เกี่ยวข้องกับการแสดงผลที่ติดต่อไปยังบทความที่คุณกำลังดู และโดยการใช้บทความที่เกี่ยวข้องในการแสดงเนื้อหาที่คล้ายกันกับผู้เข้าชมเว็บไซต์ของคุณอาจจะสนใจในบทความอื่นที่ได้รับการแสดงที่นั่น ซึ่งหมายความว่าพวกเขาอยู่มากในเว็บไซต์ของคุณซึ่งจะช่วยลดอัตราการตีกลับ (คุณอาจจะใช้ Google Analytics เพื่อตรวจสอบอัตราการตีกลับ)

วิธีการเพิ่มที่เกี่ยวข้องกระทู้ใน WordPress โดยไม่ใช้ปลั๊กอิน

เพื่อให้สามารถเพิ่มฟังก์ชันการทำงานนี้ไปยังเว็บไซต์ WordPress ของคุณคุณจะต้องมีทักษะการเขียนโปรแกรมบิต เราให้คุณเดินผ่านเกี่ยวกับวิธีการที่จะทำทีละขั้นตอน แต่คุณจำเป็นต้องรู้วิธีการเข้าถึงไฟล์รูปแบบของคุณ (เส้นทางเริ่มต้นคือ www.example.com/wp-contant/themes/mytheme)

หลังจากที่คุณได้พบโฟลเดอร์รูปแบบของคุณให้ค้นหา functions.php และสร้างการสำรองข้อมูลของมัน แล้วเปิดมันขึ้นมา นี่คือแฟ้มที่มีฟังก์ชั่นที่กำหนดเองที่ใช้โดยทุกรูปแบบของคุณ สิ่งแรกที่เราต้องทำคือการสร้างฟังก์ชั่นของเรา ดังนั้นเลื่อนลงไปด้านล่างของแฟ้มและเพิ่มต่อไปนี้:

function my_related_posts() {
}

นี้จะเป็นฟังก์ชั่นของคุณที่จะแสดงเนื้อหาที่เกี่ยวข้องกับแต่ละโพสต์ของคุณเมื่อมีคนดูมัน หลังจากนี้เราต้องเพิ่มข้อโต้แย้งบาง อาร์กิวเมนต์จะมีการใช้งานเพื่อให้การทำงานรู้ว่าสิ่งที่เราต้องการที่จะคล้ายกันในบทความที่เกี่ยวข้องและในปัจจุบัน การทำเช่นนี้เราเพิ่มตัวแปรที่เรียกว่า $ args ( อ้างอิงฟังก์ชั่น / WP แยก args ) ในตัวแปรนี้เราเก็บสองสิ่ง ประการแรกว่าหลายโพสต์ที่เราต้องการแสดงและประการที่สองสิ่งที่เป็นเงื่อนไขสำหรับบทความที่จะแสดงผล เพิ่มต่อไปนี้ภายในการทำงานของคุณ:

$args = array(
        'posts_per_page' => 5,
        'post_in'  => get_the_tag_list()
);

ขั้นตอนต่อไปคือการสร้างตัวแปรอื่นที่เรียกว่า $ the_query ( ชั้นอ้างอิง / WP Query ) ตัวแปรนี้จะถูกนำมาใช้โดย WordPress ไปแสดงโพสต์ ใช้รหัสต่อไปนี้จะเพิ่มข้อโต้แย้งของเราเพื่อมัน

$the_query = new WP_Query( $args );

ตอนนี้สิ่งที่เราต้องทำคือการแสดงจริงโพสต์ การทำเช่นนี้เราจะใช้ห่วงขณะที่มีลักษณะดังต่อไปนี้:

echo '<ul>';
while ( $the_query->have_posts() ) : $the_query->the_post();
        ?> 
        <li><a href="<?php the_permalink(); ?>">< ?php the_title(); ?></a> </li>
        < ?php
endwhile;
echo '</ul>';

โค้ดข้างต้นจะแสดงแต่ละโพสต์ที่เกี่ยวข้องเป็นแท็กสมอ (การเชื่อมโยง) ขั้นตอนที่ดีคือการตั้งค่าการค้นหา เพิ่มชิ้นต่อไปของรหัสที่จะทำเช่นนี้:

wp_reset_postdata();

รหัสสุดท้ายของคุณควรมีลักษณะดังต่อไปนี้:

function my_related_posts() {
$args = array(
        'posts_per_page' => 5,
        'post_in'  => the_tags()
    );
echo '</ul><ul>';
while ( $the_query->have_posts() ) : $the_query->the_post();
        ?> 
        <li><a href="<?php the_permalink(); ?>">< ?php the_title(); ?></a> </li>
        < ?php
endwhile;
echo '</ul>';
 wp_reset_postdata();
}

ใช้รหัสต่อไปนี้เพื่อแสดงการโพสต์ที่คุณต้องการ:

my_related_posts()

หากคุณกำลังใช้ ปฐมกรอบ ใช้ข้อมูลต่อไปนี้:

add_action('genesis_after_content','my_related_posts');

การเพิ่มรูปแบบบางส่วนไปที่รายการ

รหัสข้างต้นก็จะแสดงรายการที่เรียบง่าย แต่นั่นไม่ได้มองขวาดีเกินไป? ดังนั้นทำไมเราไม่เพิ่มรูปแบบบางอย่างไป เช่นเดียวกับภาพขนาดเล็กขนาดเล็กหรือข้อมูลเมื่อโพสต์ที่เขียนหรือในประเภทที่มันเป็น ดีที่จะทำเช่นนี้เราต้องเพิ่มรหัสพิเศษบางอย่างในรหัสของเรา

หากต้องการแสดงกระทู้ที่เกี่ยวข้องก่อนที่รายการเพิ่มรหัสต่อไปนี้ก่อนก้อง '<ul>';

echo '<h2>Related Posts</h2>';

หากคุณต้องการเพิ่มภาพขนาดเล็กไปเพิ่มรหัสต่อไปนี้ก่อนโค้ดด้านล่าง:

<a href="<?php the_permalink(); ?>">< ?php the_title(); ?></a>

รหัสสินค้า:

< ?php if ( has_post_thumbnail() ) { ?>
<div class="related_thumb"><a href="<?php the_permalink(); ?>">< ?php the_post_thumbnail(); ?></a></div>
< ?php } ?>

ดังนั้นรหัสของคุณจะมีลักษณะเช่นนี้

while ( $the_query->have_posts() ) : $the_query->the_post();
?>
<li>
< ?php if ( has_post_thumbnail() ) { ?> 
<div class="related_thumb"><a href="<?php the_permalink(); ?>">< ?php the_post_thumbnail(); ?></a></div> 
< ?php } ?>
<a href="<?php the_permalink(); ?>">< ?php the_title(); ?></a>
</li>
< ?php
endwhile;
&#91;/php&#93;

<h4>Stylish Display
<p>If you want to display the post as thumbnails with the title below it near each other, like on the image, use the codes below:</p>

<p><img src=/ot;https://wp-content/uploads/2013/03/related-posts-thumb.png" alt="Related Posts Thumb" width="550" height="202" class="aligncenter size-full wp-image-10709" /></p>

<h3>The Function Code:</h3>


function ll_related_posts() { 
$args = array(
'posts_per_page' => 5,
'post_in'  => get_the_tag_list(),
); 
$the_query = new WP_Query( $args ); 
echo '<section id="related_posts">'; 
echo '<h2>Related Posts</h2>'; 
while ( $the_query->have_posts() ) : $the_query->the_post();
?> 
</section><section class="item">
< ?php if ( has_post_thumbnail() ) { ?> 
</section><section class="related_thumb"><a href="<?php the_permalink(); ?>">< ?php the_post_thumbnail( 'related-post' ); ?></a></section> 
< ?php } else { ?>
<section class="related_thumb"><a href="<?php the_permalink(); ?>"><img src="<?php bloginfo('template_directory')?/>/lib/images/thumb.png" /></a></section>
< ?php } ?> 
< ?php the_title(); ?>

< ?php
endwhile; 
echo '<div class="clear">'; 
wp_reset_postdata(); 
}

ซีเอสเอ

#related_posts {
	margin-top: -10px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 20px solid #E2E2E2;
}

#related_posts .item {
	width: 132px;
	max-height: 200px;
	overflow: hidden;
	float: left;
	margin: 6px;
	font-weight:bold;
	text-align:center;
}

#related_posts .item img {
	-webkit-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
	border: white solid 1px;
	padding: 4px;
	margin: 0 auto;
	background: #f2f2f2;
}

ข้อสรุป

ในบทความนี้เราได้เรียนรู้วิธีการแสดงการโพสต์ที่เกี่ยวข้องกับ WordPress โดยไม่ใช้ปลั๊กอินและทำไมมันเป็นสิ่งสำคัญ ตอนนี้เรารู้วิธีการจัดรูปแบบที่จะแสดง ดังนั้นทำไมต้องใช้ปลั๊กอินเพื่อแสดงบทความที่เกี่ยวข้องเมื่อเราสามารถทำมันได้โดยไม่ใช้ปลั๊กอิน? หากคุณมีคำถามใด ๆ อย่าลังเลที่จะถามพวกเขาในความคิดเห็นส่วนด้านล่าง

Ads

หุ้น

เมื่อเร็ว ๆ นี้

ทางเลือกที่ดีที่สุดอูบุนตูที่มองหาถ้าคุณเป็นคนรักของลินุกซ์

ขอเริ่มต้นโดยได้รับคุ้นเคยกับบางสิ่งบางอย่าง; พื้นฐาน แต่บิ...

วิธีการเพิ่มลายเซ็นใน Gmail กล่องขาเข้า - เพิ่มลายเซ็นของ Google ใน Gmail

กล่องขาเข้าโดย Google เป็นหนึ่งในสิ่งที่ดีที่สุดของ Google ...

Weekly Tech News: Nokia, Google และนินเทน

สวัสดีครับทุกคนก็ศุกร์ 3 มีนาคมและเช่นเดียวเสมอเรากลับมาพร้...

โครงการ Pi ราสเบอร์รี่สำหรับมือใหม่ - คุณสามารถทำอะไรกับราสเบอร์รี่ Pi

ราสเบอร์รี่ Pi เป็นชุดของพลังงานต่ำคอมพิวเตอร์บอร์ดเดียวที่...

VPN ที่ดีที่สุดสำหรับ Android 2017 - วิธีการใช้ VPN ใน Android

ไปเป็นวันเมื่อ VPNs เพียงสำหรับเทคโนโลยี savvies และแฮกเกอร...

ความคิดเห็น