如何將html內容轉換爲wordpress

我有以下html代碼試圖放在我的WordPress頁面。如何將html內容轉換爲wordpress

HTML：

<div class="hovereffect"> 
     <img src="<?php echo get_template_directory_uri() ?>phone.jpg" > 
     <div class="overlay"> 
      <h2>Hover effect 9</h2> 
      <a class="info" href="#">link here</a> 
     </div> 
    </div>

目前一切都在，只是不顯示圖片的網站。我怎樣才能使用這個代碼WordPress的方式，它可以顯示圖像？

來源

2016-07-12 Wosley Alarico

並且PHP錯誤日誌中存在哪些錯誤 – RiggsFolly

我想你忘了告訴它應該從哪個地方得到圖像。你也忘記了get_template_directory_uri（）;之後的分號。

這是一個例子，但在這裏我要告訴擺脫圖像哪個文件夾：

<img src="<?php echo get_template_directory_uri(); ?>/assets/images/your_image.jpg">

來源

2016-07-12 12:16:12 RasmusGlenvig

由於這是第一個顯示分號的答案，並且如果需要的話其餘路徑，我會將其標記爲有用的。 – Lee

謝謝，李:) – RasmusGlenvig

，你可以這樣做，但它不是粘貼此代碼，因爲它是在WordPress一個很好的做法編輯

上傳這個圖片在媒體和從您的編輯和粘貼代碼的右上角的形象編輯頁面的鏈接，選擇文本模式下，這些即

<div class="hovereffect"> 
     <img src="http://example.com/wp-content/uploads/2016/07/img.png" > 
     <div class="overlay"> 
     <h2>Hover effect 9</h2> 
     <a class="info" href="#">link here</a> 
     </div> 
    </div>

這是一個很好的練習，爲該頁面創建一個模板，並在那裏寫下你的代碼。用功能圖片替換圖片帶頁面標題的標題。詳細信息頁面內容鏈接頁面固定鏈接。

來源

2016-07-12 13:32:23

如果資源是主題的一部分，最好使用get_template_directory_uri（）;如果它是內容的一部分，並且可以由WordPress用戶更改，請使用媒體上傳。另一種方法是使用選項框架來允許用戶更改靜態資源。 – RasmusGlenvig

你怎麼知道這已經輸入編輯器...？ – Lee

沒有足夠的聲望留下評論，所以我會留下這個答案來代替。

假設phone.jpg是你的主題的根源，你忘記了phone.jpg之前的/（斜槓）。

應該

<img src="<?php echo get_template_directory_uri(); ?>/phone.jpg" >

來源

2016-07-12 14:07:37 Peter

PHP不會得到一個頁面內解析。只需將圖像上傳到WordPress媒體庫並直接鏈接到它。

來源

2016-07-12 14:11:38 Tom

如何將html內容轉換爲wordpress

回答

相關問題