WordPress將php和html模板轉換為短代碼
問題描述：
I want to make a shortcode out of this php code that displays recent blog posts with css grid. I\'m displaying the image and other meta-data about each blog.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<div class=\"wrapper\"> <?php $q = new WP_Query( \'posts_per_page=3\' ); ?> <div class=\"recent-blogs\"> <?php while ( $q->have_posts() ) : $q->the_post(); ?> <div class=\"blog-item\"> <h3 class=\"title\"><a href=\"<?php the_permalink(); ?>\"><?php the_title(); ?></a></h3> <?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), \'thumbnail\' ); ?> <img class=\"image\" src=\"<?php echo $url ?>\" /> <div class=\"avatar\"><?php echo get_avatar( get_the_author_meta(\'ID\'), 40); ?></div> <div class=\"author\"><?php the_author_posts_link(); ?></div> <div class=\"time\"><?php the_time(\'m.d.y\'); ?></div> <div class=\"category\"><?php the_category(); ?></div> <div class=\"comments\"><?php comments_number(); ?></div> <?php the_excerpt(); ?> </div> <?php endwhile; ?> <?php wp_reset_postdata(); ?> </div> </div> |
Basically the template is now being displayed in page.php after all the content and i want to have more control with my page builder so i can place it where i want.
My php skills are bad and i tried concatenating the html into a single string but i always screw up because of the loop and all these php variables. Also tried using ob_start(), ob_get_clean() and ob_get_contents() but for some reason i end up with an infinite loop.
|
1 2 3 |
function recent_blogs_grid() {} add_shortcode(\'recent_blogs_grid\', \'recent_blogs_grid\'); |
圖片轉代碼服務由CSDN問答提供
感謝您的意見，我們儘快改進~
功能建議
我想用這個PHP代碼製作一個短代碼，用css網格顯示最近的博客文章。 我正在顯示關於每個博客的圖像和其他元數據。</ p>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 |
＆lt; div class =「wrapper」＆gt; ＆lt;？php $ q = new WP_Query （\'posts_per_page = 3\'）; ？＆gt; ＆lt; div class =「recent-blogs」＆gt; ＆lt;？php while（$ q-＆gt; have_posts（））：$ q-＆gt; the_post（）; ？＆gt; ＆lt; div class =「blog-item」＆gt; ＆lt; h3 class =「title」＆gt;＆lt; a href =「＆lt;？php the_permalink（）;？＆gt;」＆gt ;＆lt;？php the_title（）; ？＆gt;＆lt; / a＆gt;＆lt; / h3＆gt; ＆lt;？php $ url = wp_get_attachment_url（get_post_thumbnail_id（$ post-＆gt; ID），\'thumbnail\'）; ？＆GT; ＆lt; img class =「image」src =「＆lt;？php echo $ url？＆gt;」 /＆gt; ＆lt; div class =「avatar」＆gt;＆lt;？php echo get_avatar（get_the_author_meta（\'ID\'），40）; ？＆gt;＆lt; / div＆gt; ＆lt; div class =「author」＆gt;＆lt;？php the_author_posts_link（）; ？＆gt;＆lt; / div＆gt; ＆lt; div class =「time」＆gt;＆lt;？php the_time（\'m.d.y\'）; ？＆gt;＆lt; / div＆gt; ＆lt; div class =「category」＆gt;＆lt;？php the_category（）; ？＆gt;＆lt; / div＆gt; ＆lt; div class =「comments」＆gt;＆lt;？php comments_number（）; ？＆gt;＆lt; / div＆gt; ＆lt;？php the_excerpt（）; ？＆gt; ＆lt; / div＆gt; ＆lt;？php endwhile; ？＆gt; ＆lt;？php wp_reset_postdata（）; ？＆gt; ＆lt; / div＆gt; ＆lt; / div＆gt; </ code> </ pre> <p>基本上，在所有內容之後，模板現在顯示在page.php中，我希望能夠更好地控制我的頁面構建器 我可以把它放在我想要的地方。 我的PHP技能很差，我嘗試將html連接成一個單獨的字元串，但我總是搞砸了因為循環和所有這些PHP變數。 還嘗試使用ob_start（），ob_get_clean（）和ob_get_contents（），但出於某種原因，我最終得到了一個無限循環。</ p> <pre> <code> function recent_blogs_grid（）{} add_shortcode（\' recent_blogs_grid\'，\'recent_blogs_grid\'）; </ code> </ pre> </ div> <h5>網友觀點：</h5> <div> <p>I solved it in the end and i didn\'t have to do this the hard and stupid way like its done with the first code here bellow.</p> <pre><code>function recent_blogs_grid() { $q = new WP_Query( \'posts_per_page=3\' ); echo \'<div class=\\\"recent-blogs-wrapper\\\">\'; echo \'<div class=\\\"recent-blogs-gallery\\\">\'; while ( $q->have_posts() ) : $q->the_post(); echo \'<div class=\\\"recent-blogs-item\\\">\'; echo \'<h3 class=\\\"blog-title-meta\\\"><a href=\\\"\'; echo the_permalink(); echo \'\\\">\'; echo the_title(); echo \'</a></h3>\'; $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), \'thumbnail\' ); echo \'<a href=\\\"\'; echo the_permalink(); echo \'\\\"><img class=\\\"blog-image-meta\\\" src=\\\"\'; echo $url; echo \'\\\" /></a>\'; echo \'<div class=\\\"blog-metadata-wrapper\\\">\'; echo \'<div class=\\\"blog-avatar-meta\\\">\'; echo get_avatar( get_the_author_meta(\'ID\'), 40); echo \'</div>\'; echo \'<span class=\\\"blog-author-meta\\\">\'; echo the_author_posts_link(); echo \'</span>\'; echo \'<span class=\\\"blog-datetime-meta\\\"><i class=\\\"fa fa-clock-o\\\"></i>\'; echo the_time(\'m.d.y\'); echo \'</span>\'; echo \'<span class=\\\"blog-category-meta\\\"><i class=\\\"fa fa-tags\\\"></i>\'; echo the_category(); echo \'</span>\'; echo \'<span class=\\\"blog-comments-meta\\\"><i class=\\\"fa fa-commenting\\\"></i>\'; echo comments_number(); echo \'</span>\'; echo \'</div>\'; echo the_excerpt(); echo \'<a class=\\\"blog-read-more\\\" href=\\\"\'; echo the_permalink(); echo \'\\\">Read More</a>\'; echo \'</div>\'; endwhile; echo \'</div>\'; echo \'</div>\'; wp_reset_query(); } |
I just pasted the original code in another file and imported it inside my function where i am creating the shortcode. Since i can\'t edit the original question i asked, this is the original html stuff in its own file \\\"recent-blogs-grid-shortcode.php\\\".
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<div class=\\\"recent-blogs-wrapper\\\"> <?php $q = new WP_Query( \'posts_per_page=3\' ); ?> <div class=\\\"recent-blogs-gallery\\\"> <?php while ( $q->have_posts() ) : $q->the_post(); ?> <div class=\\\"recent-blogs-item\\\"> <h3 class=\\\"blog-title-meta\\\"> <a href=\\\"<?php the_permalink(); ?>\\\"><?php the_title(); ?></a> </h3> <?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), \'thumbnail\' ); ?> <a href=\\\"<?php the_permalink(); ?>\\\"> <img class=\\\"blog-image-meta\\\" src=\\\"<?php echo $url ?>\\\" /> </a> <div class=\\\"blog-metadata-wrapper\\\"> <div class=\\\"blog-avatar-meta\\\"><?php echo get_avatar( get_the_author_meta(\'ID\'), 40); ?></div> <span class=\\\"blog-author-meta\\\"><?php the_author_posts_link(); ?></span> <span class=\\\"blog-datetime-meta\\\"><i class=\\\"fa fa-clock-o\\\"></i><?php the_time(\'m.d.y\'); ?></span> <span class=\\\"blog-category-meta\\\"><i class=\\\"fa fa-tags\\\"></i><?php the_category(); ?></span> <span class=\\\"blog-comments-meta\\\"><i class=\\\"fa fa-commenting\\\"></i><a href=\\\"<?php the_permalink(); ?>\\\"><?php comments_number(); ?></a></span> </div> <?php the_excerpt(); ?> <a class=\\\"blog-read-more\\\" href=\\\"<?php the_permalink(); ?>\\\">Read More</a> </div> <?php endwhile; ?> <?php wp_reset_postdata(); ?> </div> </div> |
And i just used require pretty much to import it inside my function
|
1 2 3 4 5 6 |
function recent_blogs_grid() { require_once(\'recent-blogs-grid-shortcode.php\'); } add_shortcode(\'recent_blogs_grid\', \'recent_blogs_grid\'); |
由於網站搬家，部分鏈接失效，如無法下載，請聯繫站長！謝謝支持！
1. 帶 [親測] 說明源碼已經被站長親測過!
2. 下載後的源碼請在24小時內刪除,僅供學慣用途！
3. 分享目的僅供大家學習和交流，請不要用於商業用途！
4. 本站資源售價只是贊助，收取費用僅維持本站的日常運營所需！
5. 本站所有資源來源於站長上傳和網路，如有侵權請郵件聯繫站長！
6. 沒帶 [親測] 代表站長時間緊促,站長會保持每天更新 [親測] 源碼 !
7. 盜版ripro用戶購買ripro美化無擔保,若設置不成功/不生效我們不支持退款!
8. 本站提供的源碼、模板、插件等等其他資源，都不包含技術服務請大家諒解！
9. 如果你也有好源碼或者教程，可以到審核區發布，分享有金幣獎勵和額外收入!
10.如果您購買了某個產品，而我們還沒來得及更新，請聯繫站長或留言催更，謝謝理解 !
GG資源網 » WordPress將php和html模板轉換為短代碼
1. 帶 [親測] 說明源碼已經被站長親測過!
2. 下載後的源碼請在24小時內刪除,僅供學慣用途！
3. 分享目的僅供大家學習和交流，請不要用於商業用途！
4. 本站資源售價只是贊助，收取費用僅維持本站的日常運營所需！
5. 本站所有資源來源於站長上傳和網路，如有侵權請郵件聯繫站長！
6. 沒帶 [親測] 代表站長時間緊促,站長會保持每天更新 [親測] 源碼 !
7. 盜版ripro用戶購買ripro美化無擔保,若設置不成功/不生效我們不支持退款!
8. 本站提供的源碼、模板、插件等等其他資源，都不包含技術服務請大家諒解！
9. 如果你也有好源碼或者教程，可以到審核區發布，分享有金幣獎勵和額外收入!
10.如果您購買了某個產品，而我們還沒來得及更新，請聯繫站長或留言催更，謝謝理解 !
GG資源網 » WordPress將php和html模板轉換為短代碼
