WordPress 佈景主題製作【文章標題】

WordPress 佈景主題製作【文章標題】

本篇要來介紹製作WordPress佈景主題製作之一的 PHP 函式【文章標題 】the_title(),主要可以用來建立文章標題使用,可以說是WordPress 相當重要的語法,大多會出現在 WordPress 佈景主題中的 index.php、single.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>

呈現範例:

我是標題

喜歡這篇文章的話
請按個讚或者分享支持一下!

喜歡這篇文章的話
請按個讚或者分享支持一下!

最新的教學及情報資訊都在INMAG!

作者簡介

Avatar photo
寫好每一篇文章讓各位都能學習到各種小知識,希望大家會喜歡!