賢威7トップページの公開日の前にアイコン(Webフォント)を追加する方法

どうも。葉です。

この記事では、賢威7トップページの公開日の前にアイコン(Webフォント)を追加する方法を解説していきます。

1.この記事を読んでできるようになること

まずは、この記事を読んでできるようになることを確認してください。

下図の「変更前」→「変更後」のように公開日の前にアイコン(Webフォント)を追加できるようになります。

変更前

デフォルトだと公開日の前にアイコンなし

変更後

公開日の前にアイコンが追加されている

では、実際にコードを編集して、公開日の前にアイコンを追加していきます。

2.賢威7トップページの公開日の前にアイコン(Webフォント)を追加する手順

WordPress管理画面の左メニューより「外観→テーマの編集」をクリックしてください。

賢威7トップページの公開日の前にアイコン(Webフォント)を追加する手順1

「cont.php」をクリックしてください。

賢威7トップページの公開日の前にアイコン(Webフォント)を追加する手順2

「cont.php」内で下記のコードを探してください。

<p class="post-date">

このコードのすぐ後ろに下記のコードを追加してください。

↓追記するコード↓

<i class="fa fa-calendar"></i>:

賢威7トップページの公開日の前にアイコン(Webフォント)を追加する手順3

これで、公開日の前にアイコンが表示されているはずです。

3.まとめ

この記事では、賢威7トップページの記事公開日の前にアイコン(Webフォント)を追加する方法を解説しました。

この他にも、公開日、更新日の編集を行いたい場合は、下記の記事を参考にしてください。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします