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');

まとめ

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

スポンサードリンク

関連コンテンツ

オススメ記事

【Xcode7】Storyboardを使ってMacアプリ開発に挑戦。

何だか今日はトイレが近い。@It_is_Rでございます。 現在開発中の人魚のゲームは今ストーリーを練っている所です。まだまだ時間がかかりそうです。 さて、Rは今、Macアプリ開発を勉強中なので

【Android Studio】レイアウト( Layout )の種類を覚えよう!

服に膝を入れるのが癖です。@It_is_Rです。 Androidアプリ開発、9回目となりました。 さて今回は、ボタンやテキストのレイアウトを整える方法を、解説していきたいと思います。

【Android Studio】TextView を使ってテキストを変更、追加する方法。

TextViewの文字列を変更するより、これまでの人生を変更したい@It_is_Rです。 Android Studioを使ったアプリ開発講座6回目です。 今回はアプリに表示されたテキストを変更

今月の残り日数を計算するべ!

JavaScriptで今月の残り日数を計算してみよう! 小学生からのプログラミング入門

さて、小学生からのJavaScript《ジャバスクリプト》入門、第2回目のはじまりです。今回は、JavaScriptでの演算(えんざん)の方法を学び、今月の残《のこ》り日数を計算してみましょう。

FC2でブログを始めよう!誰でも簡単にできるブログの作り方

FC2ブログは、FC2が運営する無料でブログを開設できるサービスです。(有料版もあります) また、FC2のサービスには、動画、ライブ配信、アフィリエイト、小説など、様々なものがあります。 今回

Pug

PugでPHPが使える! gulpfile.jsをちょっと工夫するだけだよ

HTMLを書くときPugを使うととても便利なのですが、PHPを書きたいと思ったときは少し工夫が必要になります。 PugでPHPを書くためのプラグインを使う方法もありますが、使うプラグインが増えれば増

WordPressのテーマを自作してみよう。テーマ開発の方法を徹底解説!

WordPressテーマの自作方法を紹介していきます。 今回はテーマ作成における知識や、ツール、ファイル構成、実際の作り方などを書いていきます。 WordPressのテーマを自作する上

enchant.js100行未満!!本格シューティングゲーム作り方

昨日歩き回ったせいで、足がかなり痛い@It_is_Rです。 さて、今回はenchant.jsのネタです。enchant.jsを使うと、javascriptのプログラムがものすごく簡単に書けてし

WordMove | 運用中の WordPress 環境をローカルと FTP で同期

道が覚えられない、@It_is_Rです。 人生さえ彷徨い続けてここにいます。 さて、運用中の WordPress サイトの環境を、ローカル開発環境と同期したい時、 WordMove を使うとと

wordpress

WordPress – デフォルトで用意されたショートコード一覧と使い方。

昔は WordPress の画面が真っ白になって、頭も真っ白になったこともありました。@It_is_Rです。 WordPress では、プラグインを使ったりしない限り、投稿記事のなかで php

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

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