Facebook
RSS Feed
Nov 1, 2013

サイトのタイトルをロゴ画像からテキストに変更する方法

タイトルをロゴ画像からテキストに変更する方法

Minimal WPのテーマはタイトルが全てロゴ画像を入れるようになっています。
画像編集ソフトを持っていないとか、SEO的にテキストで入れたいとか、
理由は様々ですが、ロゴ画像を使わずテキスト(ブログ名)で表示する方法をご紹介します。

ダッシュボード>外観>テーマの編集>ヘッダー (header.php)

header.phpを開くと、真ん中よりちょっと下くらいに、以下のような部分があります。

<!-- ロゴ -->
<a href="<?php bloginfo('home'); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php echo (get_option('logo_url')) ? get_option('logo_url') : get_bloginfo('template_url') . '/images/logo.gif' ?>" alt="<?php bloginfo('name'); ?>"/>
<!-- ロゴ -->

<img src>のリンク先が画像を読み出すコードになっているので、
これをブログ名を読み出すタグに変更するだけです。

<a href=”<?php bloginfo(‘home’); ?>”><?php bloginfo(‘name’); ?></a>

*コピペして使うときは全ての括弧「<」と「>」は半角に直してくださいね。

ただ、これだけだと、テーマによっては配置のバランスが悪くなる場合がありますので、
スタイルシートで配置のバランスを整えてください。

/* ************************************************
* ヘッダー
* ************************************************ */

#header{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.logo {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}

テーマによって書いてある事若干違いますが、
余白(marginまたはpaddingをお好みで)調整すればだいたい大丈夫だと思います。

カスタマイズの無料サポートは行ってませんので、分からない所は自分で調べてくださいね!
あと必ずバックアップを取って作業することをオススメします!
Posted in WordPress初心者講座Comments Closed 

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Slauson」
公式サイト/マガジン/ビジネス・企業
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト
WordPressテーマ(スマホ対応レスポンシブデザイン)「Pantomime」
ギャラリー・ポートフォリオ / 公式サイト