• このエントリーをはてなブックマークに追加

賢威7の公開日・更新日のデザイン(フォント色・背景色)を変更する方法

どうも。葉です。

この記事では、賢威7の公開日/更新日のデザインを変更する方法を解説していきます。

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

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

下図の「変更前」→「変更後」のように賢威7の公開日/更新日のデザインを変更することができるようになりまうす。

変更前

賢威7の公開日・更新日のデフォルトデザイン

変更後

公開日のデザインが変更されている

では、実際にコードを編集して、公開日/更新日のデザインを変更していきましょう。

2.賢威7の公開日/更新日のデザインを変更する手順

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

賢威7の公開日・更新日のデザインを変更する手順1

「base.css」をクリックしてください。

賢威7の公開日・更新日のデザインを変更する手順2

「base.css」の最下部に下記のコードを追加してください。

/*-------------------------------------
公開日、更新日のデザインを変更
-------------------------------------*/
.post-date {
    padding: .1em .5em;
    font-size: .875em;
    color: #fff;
    background-color: #000;
    border-radius: 3px;
}

賢威7の公開日・更新日のデザインを変更する手順3

これで、公開、更新日のデザインが変更されているはずです。

3.まとめ

この記事では、賢威7の公開日、更新日のデザインを変更する方法を解説しました。

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

 

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

最新情報をお届けします

WordPress 賢威カスタマイズ