1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. WordPress
  6. »
  7. カスタムロゴの使い方。 WordPress サイトのタイトルを画像に変更!

カスタムロゴの使い方。 WordPress サイトのタイトルを画像に変更!

笑いたい時に笑えず、笑っちゃいけない時に笑えてくる@It_is_Rです。

今回はカスタムロゴの使い方を紹介したいと思います。

このシリーズの前回の記事はこちらです。
【 WordPress 】functions.php で色んな機能を使ってみよう!【基本】

目次
  1. カスタムロゴとは?
  2. カスタムロゴ機能を使えるようにする
  3. 設定した画像を表示する
  4. アクションフックを使う
  5. まとめ

カスタムロゴとは?

カスタムロゴは、 WordPress の管理画面上でサイトのロゴの設定ができるようになる機能です。

wordpress

カスタムロゴ機能を使えるようにする

カスタムロゴ機能を使えるようにするには、 functions.php に以下を入力します。

functions.php

add_theme_support('custom-logo');

外観→カスタマイズ→基本情報をみると、ロゴが選択できるようになります。

設定した画像を表示する

カスタムロゴで設定した画像を表示するには、以下をテンプレートファイルに入力します。

header.php

the_custom_logo();

ロゴ画像が設定されていない場合のことも考慮し、以下のようにするといいと思います。

header.php

the_custom_logo();
if (!has_custom_logo()) {
	bloginfo('name');
}

アクションフックを使う

一応このままでも反映されますが、アクションフックがよく使われます。

functions.php

function mytheme_setup() {
	add_theme_support('custom-logo');
}
add_action('after_setup_theme', 'mytheme_setup');

まとめ

今回はカスタムロゴの使い方を紹介しました。カスタムロゴを使えば、サイトの簡単にロゴを設定することができます。
では、次回もお楽しみに。

スポンサードリンク

関連コンテンツ

オススメ記事

webpackの設定ファイル「webpack.config.js」の使い方を覚えよう

webpack.config.jsはwebpackを使う上での設定ファイルです。今回は、webpack.config.jsの使い方を紹介します。 webpack.config.jsとは

【初心者向けJavaScrip入門】変数を使いこなすための、かなり詳しい解説

変数は、数値や文字列などのデータを入れておける箱です。プログラミングをはじめて、最初のほうで覚えるものですが、変数は意外と奥が深いものです。 そこで今回は、JavaScriptにおける変数の使

Node.js

Windows10にNode.jsをインストールする方法

みなさんこんにちは。@It_is_Rです。今回は、Windows10にNode.jsをインストールする方法を紹介していきます。 また、Macを使っている場合は「MacにNode.jsをインスト

おみくじゲームを作るべ!

JavaScriptでおみくじを作ろう! 小学生からのプログラミング入門

さて、今日も楽しく、プログラミングを学んでいきましょう!今回はなんと、プログラミングでおみくじゲームを作ってみます。 そして今回から、Scratch(スクラッチ)より、少しレベルアップして、J

zsh

enhancd で cd コマンドを超便利に! インストールと使い方。

曲を作っても、再生数が伸びない。@It_is_Rです。 やかましいわ。 ターミナルをカッコよくするシリーズ4回目です。 今回は enhancd というプラグインを使って cd コマンドを便利

【Unity】開発したiOSゲームをiPhoneで実機テストする方法

こんにちは。現在、最新ゲーム熱意製作中の@It_is_Rです。個人での開発はとても大変で、時間がかかってしまっていますが、すこしずつ形にしていっています。 さて、今回はUnityで開発したiO

【Bootstrap 4】ボタングループ使い方。ボタンの一まとめにする方法

Bootstrap4の使い方、第6回目です。 前回、Bootstrap4でのボタンの作り方を紹介しましたが、今回はそのボタンをグループにしてひとまとめにする方法です。 Bootstrapにはボ

画像を表示するよ

JavaScriptで画像を表示してみよう! 小学生からのプログラミング入門

みなさんこんにちは。今日もプログラミングの勉強をはじめていきましょう。 前回、「JavaScriptで今月の残り日数を計算してみよう! 小学生からのプログラミング入門」では、JavaScrip

Android StudioをMacにインストールする方法

Android Studioを使って、Androidアプリ開発を行っていきましょう! 今回は Android Studioをインストールする手順を解説します。 Android Studio

WordPress テーマ自作 | Pug ( Jade ) で記事一覧ページを作る方法!

愛と勇気だけが友達の@It_is_Rです。 今回はPugでWordPressテーマを作る方法を少し紹介します。 詳しいテーマの作り方はこちらをご覧ください。 WordPressのテーマを自作

コメントをどうぞ!(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です