在Wordpress的類別名稱字段中使用HTML

我需要將HTML添加到我的Wordpress主題中的類別名稱，以便我可以將該名稱定義爲圖標（通過Twitter引導程序）。在Wordpress的類別名稱字段中使用HTML

實施例的代碼如下：

<a href="link"> 
<i class="icon-briefcase"></i> 
</a>

這將呈現類別名稱爲鏈接的圖標。

有沒有辦法做到這一點。我已經無休止地搜索過了，只有我能找到的Wordpress插件才允許將HTML添加到類別描述中。

在此先感謝。

來源

2012-06-08 howardrocks

你想要準確添加什麼樣的HTML？也許你可以給出一個你想要做什麼的例子 – Joey

爲什麼在類別名稱中添加html？不應該如何顯示它是主題的一部分？ – nunespascal

因爲我可以看到使名稱顯示爲圖標的唯一方法是使用js進行操作。我不想這樣做。 – howardrocks

我想你想你可以很容易地解決這樣的內容：

<?php 
foreach((get_the_category()) as $category) { 
    echo '<a href="link">'; 
    echo '<i class="icon-briefcase">' . $category->cat_name . '</i>'; 
    echo '</a>'; 
} 
?>

這將使所有類別名稱看起來像鏈接圖標，像你說的。如果您希望每個名稱都具有不同的圖標，您當然可以添加條件語句來根據類別名稱或ID呈現不同的HTML。

編輯：

因爲要使用Twitter的引導，需要分配CSS類的鏈接，以顯示圖標。有兩種方法可以做到這一點。其中一個就是你可以將你的類別命名爲圖標。例如，名爲'公文包'的類別將呈現與類'icon-briefcase'的鏈接。代碼：

<?php 
    // Iterate through the available categories 
    foreach((get_the_category()) as $category) { 
     echo '<a href="link">'; // Display a link 
     echo '<i class="icon-' . $category->cat_name . '">' . $category->cat_name . '</i>'; // Create the <li> 
     echo '</a>'; 
    } 
    ?>

第二種方式，我覺得內容目的（貓名的選擇更加自由）好一點，是使用條件語句在代碼中的圖標分配給某些類別。例如：

<?php 
     // Iterate through the available categories 
     foreach((get_the_category()) as $category) { 
      // First define a default css name class to use 
      $iconclass = 'icon-default'; 
      // Then using an if statement, assign a new css class name to the variable based on the name of the category 
      if($category->cat_name == 'Travel') { $iconclass = 'icon-briefcase'; } 

      echo '<a href="link">'; // Display a link 
      echo '<i class="'. $iconclass . '">' . $category->cat_name . '</i>'; // Create the <li> 
      echo '</a>'; 
     } 
     ?>

我希望這已經夠清楚了。

來源

2012-06-08 17:23:26 Joey

我對PHP很陌生，缺乏相關知識。我該如何做到這一點，我在哪裏可以稱這些陳述？ – howardrocks

您希望這些顯示在哪裏？在單個頁面或帖子上？ – Joey

好吧，它需要與每個博客文章相關，所以都需要。我知道要使用哪些文件以及將代碼輸入到上面的位置，但是您對如何動態定義圖標和鏈接值感到困惑。請你能再解釋一遍嗎？ – howardrocks

我想你想要的只是Category Icons插件。

來源

2012-06-08 17:27:15 Chuck

不，我看到了這一點，這確實允許您將圖標分配給類別，但我想使用Twitter Bootstrap提供的圖標。 http://twitter.github.com/bootstrap/base-css.html#icons – howardrocks

我剛剛有類似的要求，在開始時在同一個列表中的某些類別名稱（但不是其他人）上添加大寫字母。我發現這樣做最簡單的方法是使用CSS。這是我最後做

#projects-term-4 h5 a:before { 
    content:'H'; 
    font-size:80px; 
    display:block; 
    margin-bottom:10px; 
    color:white; 
} 

#projects-term-5 h5 a:before { 
    content:'S'; 
    font-size:80px; 
    display:block; 
    margin-bottom:10px; 
    color:white; 
} 

... etc

你也許可以impliment使用這種方法非常簡單的解決方法在不知道任何PHP代碼或安裝任何額外的插件。你只需要檢查生成的頁面的html代碼來獲取你需要的類名和id。

來源

2017-02-02 12:54:33

在Wordpress的類別名稱字段中使用HTML

回答

相關問題