[WordPress] 取得文章圖片(feature images) 的網址- get_the_post_thumbnail_url()

2021-10-28 17:11:45

要在 WordPress 裡取得文章的圖片(feature images)可以使用 get_the_post_thumbnail()，不過這個方法會帶 html 的標籤，如果要直接取得圖片的網址的話，則可以使用 get_the_post_thumbnail_url()。

可以丟入的參數如下：

get_the_post_thumbnail_url( int|WP_Post $post = null, string|int[] $size = 'post-thumbnail' )

第一個值為 post 的 id，如果已經有用 the_post() 取得文章資訊，就可以不用帶參數，而第二個值則為圖片的尺寸。

範例：

if ( have_posts() ) {
    while ( have_posts() ) {
        the_post();
        $featured_img_url = get_the_post_thumbnail_url(get_the_ID(),'full'); 
    endwhile; 
endif;

參考：

get_the_post_thumbnail_url()

[WordPress] 取得文章標題- the_title() [WordPress] 設定時間格式

你可能也會喜歡的

[PHP] Cookies 使用說明- 建立與刪除Cookie

[WordPress] 取得指定或者當前頁面的連結- get_permalink()

[WordPress Plugin] Really Simple SSL- 簡單的 https 設定外掛

[WordPress Plugin] PrePost SEO- 在發文前預先檢查內容的 SEO 成效

[CodeIgniter 4] 設定 session 過期時間- Tempdata

Landing Page Examples：精選 Landing Page 範例資源庫

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。