WordPress 製作文章標題

WordPress 製作文章標題

本篇要來介紹製作WordPress佈景主題製作之一的 PHP 函式文章標題 the_title(),主要可以用來建立文章標題使用,可以說是WordPress 相當重要的語法,大多會出現在 WordPress 佈景主題中的 index.phpsingle.php…等等,在設計時也能夠搭配一些 HTML 語法來美化。

函式:

<?php the_title(); ?>

使用時要搭配 Loop 迴圈的形式(下列迴圈只是其中一種形式)

<?php while ( have_posts() ) : the_post(); ?>
<?php the_title(); ?>
<?php endwhile; ?> 

建議在使用文章大標題時也能夠搭配 <h1> ~ HTML 標籤,如果在文章標題內搭配 <h1> ~ <h7> 語法 ,在搜尋引擎最佳化 SEO 也是有很大的助益,通常建議會被 Google 收納的大標題使用 <h1> 標籤,其餘的內文標再往下進行設計加入 <h2> ~ <h3>

<h1><?php the_title(); ?></h1>

或者加入一些 CSS 來增加粗體或者顏色,若需要修改字體大小也可以依照自己需求加入在 CSS 語法,在 <h1> 增加一個 Class 來建立語法。

<style>

.title-1{
color:red;/*字體顏色*/
font-weight:bold;/*字體粗細(粗)*/
}

</style>
<h1 class="title-1"><?php the_title(); ?></h1>

呈現範例:

我是標題

相關文章
作者簡介
個人頭像照片
努力寫文中!