wordpress在圖像上顯示標題

Question

我想要做我自己的滑塊。我快完成了，但我需要將我的鏈接網址顯示爲標題或其他內容。

我應該添加什麼來獲取鏈接和顯示？ 這是我的代碼

<?php 
    // The Loop 
     while ($the_query->have_posts()) : $the_query->the_post(); ?><li> 

      <?php 
      // Check if there's a Slide URL given and if so let's a link to it 
       if (get_post_meta(get_the_id(), 'wptuts_slideurl', true) != '') { ?> 
       <a href="<?php echo esc_url(get_post_meta(get_the_id(),'wptuts_slideurl', true)); ?>"> 

      <?php } 
      // The Slide's Image 
       echo the_post_thumbnail(); 

      // Close off the Slide's Link if there is one 
       if (get_post_meta(get_the_id(), 'wptuts_slideurl', true) != '') { ?> 
       </a> <?php } ?> </li> 

<?php endwhile; ?> 

Answer 1

你呼應從數據庫作爲一個字符串，這是擺在<a>代碼的網址。這意味着你可以在任何地方回顯它。嘗試是這樣的：

// Close off the Slide's Link if there is one 
if (get_post_meta(get_the_id(), 'wptuts_slideurl', true) != '') { ?> 
    </a> 
    // Add a <span> element which includes the exact same url as your link 
    <span class="your-slide-url"> 
    <?php echo get_post_meta(get_the_id(), 'wptuts_slideurl', true); ?> 
    </span> 
<?php } ?> 

現在，你可以在樣式但是<span class="your-slide-url">你喜歡的。