wordpressでタイトルを画像にする方法

2017年6月11日

こんばんは。
最底辺です。

wordpressでタイトルを画像にする方法ですが、
最底辺がまず思いつくのはheader.phpを編集するという方法です。
が、これはどうやら、テーマのアップデート時にもとに戻ってしまうので
やめたほうが良いみたいです。
え、昔、誰かしていなかったかって？いや気のせいでしょう。（汗）
昔使っていたテーマが更新されていないことをいいことにそんなことをするのは
最底辺の中の最底辺だけでしょう。はい。

ということで、以前の記事にあるように子テーマを作っていれば、実は簡単に対応可能です。
あ、テーマによって当然、titleを表示しているタグが違うのでその辺は検証ツールなりで探してください。

検証ツールがわからない人はググりましょう。（私のように。。。）

今回は、title_logo.pngというファイルをアップロードしてそれを適用してみました。

server$ vi custom-style.css
...
#site-title a {
    background-image: url("http://programmer.everything-beginner.com/wp-content/uploads/2017/06/title_logo.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 56px;
}
...
 

ちなみに子テーマを使っていない場合は、以下のようなやり方をすると
themeを直接編集せずにできるそうです。
https://nendeb.com/53

もちろん、最底辺は試していないので出来るかは知りません。

では。