{"id":1322,"date":"2019-04-13T16:51:34","date_gmt":"2019-04-13T09:51:34","guid":{"rendered":"http:\/\/ninhbinhweb.info\/?p=1322"},"modified":"2019-12-07T02:31:23","modified_gmt":"2019-12-06T19:31:23","slug":"huong-dan-chen-bai-viet-lien-quan-vao-giua-noi-dung-bai-viet-don-gian-nhat","status":"publish","type":"post","link":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/huong-dan-chen-bai-viet-lien-quan-vao-giua-noi-dung-bai-viet-don-gian-nhat\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa n\u1ed9i dung b\u00e0i vi\u1ebft \u0111\u01a1n gi\u1ea3n nh\u1ea5t"},"content":{"rendered":"

Ch\u00e0o c\u00e1c b\u00e1c, h\u00f4m tr\u01b0\u1edbc tr\u00ean group Flatsome Vi\u1ec7t Nam c\u00f3 nhi\u1ec1u b\u00e1c h\u1ecfi v\u1ec1 v\u1ea5n \u0111\u1ec1 ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa n\u1ed9i dung th\u1ebf n\u00e0o cho \u0111\u1eb9p v\u00e0 hi\u1ec7u qu\u1ea3 nh\u1ea5t. C\u00e1c b\u00e1c l\u1ea1i l\u00f4i \u0111\u00fang h\u00ecnh \u1ea3nh c\u1ee7a web em ra \u0111\u1ec3 h\u1ecfi, th\u1ebf l\u00e0 m\u1ed9t s\u1ed1 anh em bi\u1ebft v\u00e0 \u0111\u1ec1 xu\u1ea5t em h\u01b0\u1edbng d\u1eabn c\u1ee5 th\u1ec3 h\u01a1n cho nhi\u1ec1u ng\u01b0\u1eddi c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c. H\u00f4m nay, th\u00f4ng qua b\u00e0i vi\u1ebft n\u00e0y, ch\u00fang ta c\u00f9ng t\u00ecm hi\u1ec3u c\u00e1ch ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa n\u1ed9i dung b\u00e0i vi\u1ebft th\u1eadt \u0111\u01a1n gi\u1ea3n nh\u00e9!<\/strong><\/p>\n

L\u01b0u \u00fd:<\/span><\/strong> B\u00e0i vi\u1ebft s\u1eed d\u1ee5ng m\u1eabu web d\u00f9ng theme Flatsome v\u00e0 Child theme!<\/span><\/p>\n

Ph\u1ea7n 1: C\u00e0i \u0111\u1eb7t plugin Related Posts By Taxonomy<\/strong><\/h3>\n

M\u1ee5c \u0111\u00edch vi\u1ec7c c\u00e0i \u0111\u1eb7t plugin n\u00e0y l\u00e0 cho ph\u00e9p ch\u00fang ta s\u1eed d\u1ee5ng shortcode c\u1ee7a n\u00f3 \u0111\u1ec3 ch\u00e8n v\u00e0o c\u00e1c \u0111o\u1ea1n m\u00e3 khai b\u00e1o trong function.php<\/span> m\u00e0 l\u00e1t n\u1eefa ch\u00fang ta s\u1ebd s\u1eed d\u1ee5ng.<\/p>\n

H\u01a1n n\u1eefa, plugin c\u0169ng cho ph\u00e9p ch\u00fang ta ch\u00e8n nhanh c\u00e1c b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o widget nh\u01b0 sidebar, footer ho\u1eb7c nhi\u1ec1u v\u1ecb tr\u00ed kh\u00e1c r\u1ea5t d\u1ec5 d\u00e0ng. Anh em an t\u00e2m v\u00ec plugin n\u00e0y kh\u00e1 nh\u1eb9 v\u00e0 \u0111\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 cao tr\u00ean c\u1ed9ng \u0111\u1ed3ng r\u1ed3i n\u00ean kh\u00f4ng ph\u1ea3i lo ng\u1ea1i, c\u1ee9 c\u00e0i th\u00f4i, kh\u00f4ng chi\u1ebfm nhi\u1ec1u t\u00e0i nguy\u00ean l\u1eafm \u0111\u00e2u!<\/p>\n

B\u01b0\u1edbc 1:<\/strong> Trong trang qu\u1ea3n tr\u1ecb, c\u00e1c b\u1ea1n v\u00f4 G\u00f3i m\u1edf r\u1ed9ng > C\u00e0i m\u1edbi<\/strong> > G\u00f5 t\u00ecm ki\u1ebfm “Related Post”.<\/strong><\/h4>\n

B\u01b0\u1edbc 2:<\/strong> C\u00e0i \u0111\u1eb7t v\u00e0 k\u00edch ho\u1ea1t plugin “Related Post by Taxanomy”<\/strong><\/h4>\n
\"C\u00e0i
C\u00e0i \u0111\u1eb7t plugin Related post by Taxonomy<\/figcaption><\/figure>\n

B\u01b0\u1edbc 3:<\/strong> Sau khi c\u00e0i \u0111\u1eb7t v\u00e0 k\u00edch ho\u1ea1t th\u00e0nh c\u00f4ng, c\u00e1c b\u1ea1n kh\u00f4ng c\u1ea7n quan t\u00e2m c\u00e1c b\u01b0\u1edbc khai b\u00e1o hay setting g\u00ec cho plugin n\u00e0y \u0111\u00e2u. V\u00ec n\u00f3 ch\u1eb3ng c\u00f3 b\u1ea3ng option \u0111\u1ec3 m\u00ecnh c\u00e0i \u0111\u1eb7t g\u00ec c\u1ea3!<\/h4>\n

Ngay l\u00fac n\u00e0y, c\u00e1c b\u1ea1n c\u00f3 th\u1ec3 ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o widget Sidebar \u0111\u01b0\u1ee3c lu\u00f4n r\u1ed3i nh\u00e9! C\u00e1c b\u1ea1n khai b\u00e1o c\u00e1c th\u00f4ng s\u1ed1 \u0111\u1ec3 hi\u1ec3n th\u1ecb b\u00e0i vi\u1ebft li\u00ean quan nh\u01b0: Post type<\/strong> (k\u1ec3u \u0111\u1ecbnh d\u1ea1ng hi\u1ec3n th\u1ecb post hay page hay c\u1ea3 hai); Display<\/strong> (ki\u1ec3u hi\u1ec3n th\u1ecb c\u00f3 \u1ea3nh, kh\u00f4ng c\u00f3 \u1ea3nh ho\u1eb7c ch\u1ec9 c\u00f3 t\u00f3m t\u1eaft…);\u00a0 Image Display<\/strong> (\u1ea3nh \u0111\u1ea1i di\u1ec7n)…<\/p>\n

\"Ch\u00e8n
Ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o sidebar<\/figcaption><\/figure>\n

Ph\u1ea7n 2: Ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa b\u00e0i vi\u1ebft<\/h3>\n

C\u00e1c b\u01b0\u1edbc ti\u1ebfp theo ch\u00fang ta c\u00f9ng l\u00e0m \u0111\u1ec3 hi\u1ec3n th\u1ecb b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa b\u00e0i vi\u1ebft nh\u00e9!<\/p>\n

B\u01b0\u1edbc 1: Ch\u00e8n code \u0111\u1ebfm s\u1ed1 d\u00f2ng v\u0103n b\u1ea3n trong b\u00e0i vi\u1ebft<\/strong><\/h4>\n

Ph\u1ea3i \u0111\u1ebfm s\u1ed1 d\u00f2ng trong v\u0103n b\u1ea3n \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh \u0111\u01b0\u1ee3c v\u1ecb tr\u00ed ch\u00ednh x\u00e1c ch\u00fang ta ch\u00e8n shortcode hi\u1ec3n th\u1ecb b\u00e0i vi\u1ebft li\u00ean quan. Theo h\u1ec7 th\u1ed1ng WordPress, m\u1ed7i khi b\u1ea1n Enter xu\u1ed1ng d\u00f2ng th\u00ec n\u00f3 t\u1ef1 \u0111\u1ecbnh ngh\u0129a \u0111o\u1ea1n v\u0103n b\u1ea3n \u0111\u00f3 n\u1eb1m trong c\u1eb7p th\u1ebb <p>…<\/p>. Do \u0111\u00f3, code \u0111\u1ebfm s\u1ed1 d\u00f2ng (hay ch\u00ednh x\u00e1c l\u00e0 \u0111\u1ebfm \u0111o\u1ea1n) th\u00ec n\u00f3 c\u0169ng d\u1ef1a v\u00e0o th\u1ebb <p>…<\/p> \u0111\u1ec3 \u0111\u1ebfm. Ta c\u00f3 h\u00e0m count_paragraph<\/span> c\u00f3 nhi\u1ec7m v\u1ee5 x\u00e1c \u0111\u1ecbnh c\u00e1c c\u1eb7p th\u1ebb <p>…<\/p>.<\/p>\n

Copy \u0111o\u1ea1n code sau v\u00e0 paste v\u00e0o file function.php<\/span><\/em> c\u1ee7a theme Flatsome (theme g\u1ed1c)<\/span> m\u00e0 kh\u00f4ng c\u1ea7n s\u1eeda g\u00ec h\u1ebft!<\/p>\n

\/\/ Code \u0111\u1ebfm s\u1ed1 d\u00f2ng trong v\u0103n b\u1ea3n\r\nfunction count_paragraph( $insertion, $paragraph_id, $content ) {\r\n        $closing_p = '<\/p>';\r\n        $paragraphs = explode( $closing_p, $content );\r\n        foreach ($paragraphs as $index => $paragraph) {\r\n                if ( trim( $paragraph ) ) {\r\n                        $paragraphs[$index] .= $closing_p;\r\n                }\r\n                if ( $paragraph_id == $index + 1 ) {\r\n                        $paragraphs[$index] .= $insertion;\r\n                }\r\n        }\r\n \r\n        return implode( '', $paragraphs );\r\n}<\/pre>\n
B\u01b0\u1edbc 2: Ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa n\u1ed9i dung<\/strong><\/h4>\n
Nhi\u1ec7m v\u1ee5 ti\u1ebfp theo ch\u00fang ta s\u1eed d\u1ee5ng h\u00e0m count_paragraph<\/span> \u0111\u00e3 t\u1ea1o \u1edf tr\u00ean v\u00e0 filter trong WordPress \u0111\u1ec3 ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan. Copy v\u00e0 paste \u0111o\u1ea1n n\u00e0y v\u00e0o funtion.php<\/span> c\u1ee7a theme Flatsome (theme g\u1ed1c)<\/span>:<\/p>\n
\/\/Ch\u00e8n b\u00e0i li\u00ean quan v\u00e0o gi\u1eefa n\u1ed9i dung\r\n \r\nadd_filter( 'the_content', 'prefix_insert_post_ads' );\r\n \r\nfunction prefix_insert_post_ads( $content ) {\r\n \r\n        $related_posts= \"<div class='meta-related'>\".do_shortcode('[related_posts_by_tax title=\"\"]').\"<\/div>\";\r\n \r\n        if ( is_single() ) {\r\n                return count_paragraph( $related_posts, 1, $content );\r\n        }\r\n \r\n        return $content;\r\n}<\/pre>\n
Trong \u0111\u00f3 ta c\u00f3 bi\u1ebfn $related_posts ch\u1ee9a h\u00e0m th\u1ef1c thi shortcode c\u1ee7a plugin “Related Post by Taxanomy”<\/strong>.<\/span><\/span><\/p>\n
K\u1ebf ti\u1ebfp, ch\u00fang ta ph\u00e2n t\u00edch \u0111o\u1ea1n n\u00e0y:<\/p>\n
 if ( is_single() ) { return count_paragraph( $related_posts, 1, $content ); }<\/pre>\n
\u0110o\u1ea1n n\u00e0y ch\u00fang ta c\u00f3 h\u00e0m is_single() \u0111\u1ec3 ki\u1ec3m tra trang \u0111\u00f3 ph\u1ea3i l\u00e0 b\u00e0i vi\u1ebft th\u00ec n\u00f3 m\u1edbi \u00e1p d\u1ee5ng, tr\u00e1nh tr\u01b0\u1eddng h\u1ee3p \u00e1p d\u1ee5ng c\u1ea3 v\u00e0o page tranh ch\u1ee7 th\u00ec kh\u00f4ng \u0111\u1eb9p!<\/span><\/span><\/p>\n
K\u1ebf ti\u1ebfp l\u00e0 \u0111o\u1ea1n return count_paragraph( $related_posts, 1, $content ). S\u1ed1 1 ngh\u0129a l\u00e0 b\u00e0i vi\u1ebft li\u00ean quan s\u1ebd ch\u00e8n v\u00e0o sau \u0111o\u1ea1n 1 c\u1ee7a b\u00e0i vi\u1ebft. B\u1ea1n c\u00f3 th\u1ec3 thay s\u1ed1 1 th\u00e0nh s\u1ed1 t\u1ef1 nhi\u00ean b\u1ea5t k\u1ef3 >1 nh\u00e9!<\/span><\/span><\/p>\n
Nh\u01b0 v\u1eady, b\u1ea1n \u0111\u00e3 ho\u00e0n th\u00e0nh vi\u1ec7c ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa b\u00e0i vi\u1ebft r\u1ed3i nh\u00e9. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 to\u00e0n b\u1ed9 code c\u1ee7a b\u00e0i n\u00e0y: (Ch\u00e8n t\u1ea5t c\u1ea3 v\u00e0o funtion.php<\/span> c\u1ee7a theme Flatsome (theme g\u1ed1c)<\/span>).<\/p>\n
\/\/ Code \u0111\u1ebfm s\u1ed1 d\u00f2ng trong v\u0103n b\u1ea3n\r\nfunction count_paragraph( $insertion, $paragraph_id, $content ) {\r\n        $closing_p = '<\/p>';\r\n        $paragraphs = explode( $closing_p, $content );\r\n        foreach ($paragraphs as $index => $paragraph) {\r\n                if ( trim( $paragraph ) ) {\r\n                        $paragraphs[$index] .= $closing_p;\r\n                }\r\n                if ( $paragraph_id == $index + 1 ) {\r\n                        $paragraphs[$index] .= $insertion;\r\n                }\r\n        }\r\n \r\n        return implode( '', $paragraphs );\r\n}\r\n \r\n\/\/Ch\u00e8n b\u00e0i li\u00ean quan v\u00e0o gi\u1eefa n\u1ed9i dung\r\n \r\nadd_filter( 'the_content', 'prefix_insert_post_ads' );\r\n \r\nfunction prefix_insert_post_ads( $content ) {\r\n \r\n        $related_posts= \"<div class='meta-related'>\".do_shortcode('[related_posts_by_tax title=\"\"]').\"<\/div>\";\r\n \r\n        if ( is_single() ) {\r\n                return count_paragraph( $related_posts, 1, $content );\r\n        }\r\n \r\n        return $content;\r\n}<\/pre>\n
Ph\u1ea7n 3: Css cho b\u00e0i vi\u1ebft li\u00ean quan<\/h3>\n
V\u1ec1 c\u01a1 b\u1ea3n l\u00e0 ch\u00fang ta \u0111\u00e3 ch\u00e8n \u0111\u01b0\u1ee3c b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa b\u00e0i vi\u1ebft r\u1ed3i ph\u1ea3i kh\u00f4ng? B\u01b0\u1edbc ti\u1ebfp theo, c\u00e1c b\u1ea1n c\u1ea7n CSS cho ch\u00fang \u0111\u01b0\u1ee3c \u0111\u1eb9p v\u00e0 ph\u00f9 h\u1ee3p v\u1edbi t\u00f4ng m\u00e0u c\u1ee7a to\u00e0n trang.<\/p>\n
B\u1ea1n \u0111\u1ec3 \u00fd \u0111o\u1ea1n code tr\u00ean c\u00f3 \u0111o\u1ea1n $related_posts= “<div class=’meta-related’>”.do_shortcode(…).”<\/div>”;. Ngh\u0129a l\u00e0 to\u00e0n b\u1ed9 ph\u1ea7n b\u00e0i vi\u1ebft li\u00ean quan s\u1ebd n\u1eb1m trong m\u1ed9t c\u1eb7p th\u1ebb <div>…<\/div> c\u00f3 class = “meta-related”<\/strong>. Do \u0111\u00f3, ch\u00fang ta s\u1ebd CSS cho .meta-related<\/strong> nh\u00e9!<\/span><\/span><\/p>\n
Copy \u0111o\u1ea1n CSS d\u01b0\u1edbi \u0111\u00e2y v\u00e0 paste v\u00e0o Giao di\u1ec7n > T\u00f9y ch\u1ec9nh > T\u00f9y ch\u1ec9nh CSS<\/strong> c\u1ee7a theme:<\/p>\n
.meta-related{display:block;\r\nmargin-top:10px;\r\nmargin-bottom: 10px;\r\n}\r\n\r\n.meta-related ul li {\r\nlist-style: square;\r\nfont-size: 15px;\r\nmargin-bottom:0px;\r\n}\r\n\r\n.meta-related ul li a{\r\ncolor: #0092ff;\r\ntext-transform: none; }\r\n\r\n.meta-related ul li a:hover{\r\ncolor: #0072c8;\r\n}\r\n<\/pre>\n
v\u00e0 ta c\u00f3 k\u1ebft qu\u1ea3 nh\u01b0 sau:<\/p>\n
\"Ch\u00e8n
Ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa b\u00e0i vi\u1ebft 2<\/figcaption><\/figure>\n
L\u1eddi k\u1ebft<\/h3>\n
Nh\u01b0 th\u1ebf l\u00e0 m\u00ecnh \u0111\u00e3 c\u00f9ng c\u00e1c b\u1ea1n t\u00ecm hi\u1ec3u c\u00e1ch ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa n\u1ed9i dung r\u1ed3i nh\u00e9! C\u00e1c b\u1ea1n th\u1eed th\u1ef1c hi\u1ec7n xem sao nh\u00e9. C\u00f3 l\u1ed7i g\u00ec vui l\u00f2ng comment ho\u1eb7c li\u00ean h\u1ec7 ngay \u0111\u1ec3 m\u00ecnh tr\u1ee3 gi\u00fap nh\u00e9!<\/p>\n
B\u00e0i vi\u1ebft tham kh\u1ea3o t\u1eeb nhi\u1ec1u ngu\u1ed3n.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
Ch\u00e0o c\u00e1c b\u00e1c, h\u00f4m tr\u01b0\u1edbc tr\u00ean group Flatsome Vi\u1ec7t Nam c\u00f3 nhi\u1ec1u b\u00e1c h\u1ecfi v\u1ec1 v\u1ea5n \u0111\u1ec1 ch\u00e8n b\u00e0i vi\u1ebft li\u00ean quan v\u00e0o gi\u1eefa n\u1ed9i dung th\u1ebf n\u00e0o cho \u0111\u1eb9p v\u00e0 hi\u1ec7u qu\u1ea3 nh\u1ea5t. C\u00e1c b\u00e1c l\u1ea1i l\u00f4i \u0111\u00fang h\u00ecnh \u1ea3nh c\u1ee7a web em ra \u0111\u1ec3 h\u1ecfi, th\u1ebf l\u00e0 m\u1ed9t s\u1ed1 anh em bi\u1ebft v\u00e0 …<\/p>\n","protected":false},"author":1,"featured_media":1750,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[21],"tags":[87,22,63],"yst_prominent_words":[],"class_list":["post-1322","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-huong-dan","tag-chen-bai-viet-lien-quan","tag-thu-thuat-wordpress","tag-tu-hoc-lam-website-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/posts\/1322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/comments?post=1322"}],"version-history":[{"count":1,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/posts\/1322\/revisions"}],"predecessor-version":[{"id":1751,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/posts\/1322\/revisions\/1751"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/media\/1750"}],"wp:attachment":[{"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/media?parent=1322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/categories?post=1322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/tags?post=1322"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/yst_prominent_words?post=1322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}