WordPress ヘッダ部分のロゴ画像

投稿者: | 2017年11月6日

備忘録として。
以下に参考となるサイトを記載。

WordPressテーマカスタマイズ例:タイトルにロゴ画像を使う
https://dekiru.net/article/12264/

サイトタイトルの代わりに、画像を表示する「img」タグを書き込む。「img」タグは「src」属性で画像ファイルのURLを指定し、画像を表示する。ここではURLを指定するため、PHPの関数「echo get_stylesheet_directory_uri(); 」でテーマ(本番用の子テーマ)のディレクトリまでのURLを出力し、「/image/title-logo.png」と、ロゴ画像があるディレクトリ名とファイル名を書き加えてURLを作っている。「alt」属性は「代替テキスト」と呼ばれ、画像が利用できないときの代替となる情報を設定する。ここで表示する画像はサイトのタイトルロゴなので、代替情報はサイトのタイトルが適切。なお、このコードを入力するときは、途中で改行すると、余計な空白が入って表示が崩れてしまう場合があるため注意する。

コメントを残す