Eric's Who Know

1. 如果想要讓圖片顯示在首頁的文章標題

  a. 打開 ./wp-content/themes/Your_Theme_Name/index.php
  b. 找到

<?php the_title(); ?> 

  c. 選擇下面任一種 code 加上

2. 如果想要讓圖片顯示在內文的文章標題

  a. 打開 ./wp-content/themes/Your_Theme_Name/single.php
  b. 找到

<?php the_title(); ?> 

  c. 選擇下面任一種 code 加上

3. 上面所說的 code

  a. 每篇文章都要顯示圖片

<img src="圖片網址" title="" alt=""/>

  b. 只要最近 24 Hours 所發表的文章才要顯示圖片

<?php
  $time_Post = $post->post_date;
  $time_Now = date( "Y-m-d H:i:s" );
  $diff = ( strtotime( $time_Now ) - strtotime( $time_Post ) ) / 3600;
  if( $diff < 24 ) {
    echo "<img src='圖片網址' title='24小時內最新發表' alt=''>";
  }
?>

4. 如果不想自己做 new 圖片, 可以用 Google Search 一下。

5. HTML <img> Tag 屬性中 title、alt 的差異
The alt attribute is meant to be used as an alternative text if the image is not available, not as a mouse-over text. To show a mouse-over text on images or image-maps, use the title attribute. From w3schools

<img src="圖片網址" title="滑鼠放在圖片上顯示的文字" alt="圖片掛掉時顯示的文字"/>

6. 囉嗦的我再多寫一點
// 還故意分三小點, 跟老師說我們只考一題, 考卷發下來卻有 20 小題, 有異曲同工之處

  a. 原 :

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

  b. 改 : // 下面有空一格是為了不要讓文字和圖片你儂我儂, 黏在一起

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a> 上面的code 放在這</h2>

  c. 您可以 index.php 和 single.php 分別放不同的圖片喔

Tags: Html, PHP