サイトのタイトルをロゴ画像にしたい又は文字サイズを変えたい

更新日：2013年8月15日

header.phpの

<div id="h-l"><p class="sitename"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></p>

1	<div id="h-l"><p class="sitename"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></p>

の

<?php bloginfo('name'); ?>

1	<?php bloginfo('name'); ?>

がタイトルに当たる部分なのでこれを

<img src="<?php bloginfo('template_directory'); ?>/images/rogo.png" />

1	<img src="<?php bloginfo('template_directory'); ?>/images/rogo.png" />

に変更。

FTTTPなどで

themeのimagesファイルに作成したロゴデータを「rogo.png」にしてUPすればOK。

※背景がグレーなので透過性のあるpngデータか、「外観→背景」で背景を白に。

タイトル文字サイズの変更

外観→テーマの編集→style.cssの404行目くらい

#container #header #header-in #h-l .sitename {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 30px;
}

#container #header #header-in #h-l .sitename {

color: #FFFFFF;

font-size: 30px;

line-height: 30px;

}

このfont-sizeを好きに変更。

-よくある質問, カスタマイズ

好きなところにSNSボタンを表示したい

SNSの以下のコードを「外観」→「テーマの編集」にて、サイドバーとか任意の場所にペーストしてください。

<?php if (is_home()) { ?>

<div id="snsbox">
<div class="sns">
     <ul class="snsb clearfix">
<li>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php echo get_option('home'); ?>" data-text="<?php bloginfo('name'); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
</li>
<li>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo get_option('home'); ?>&amp;layout=box_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:62px;" allowTransparency="true"></iframe>
</li>
<li><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall" href="<?php echo get_option('home'); ?>"></g:plusone></li>
<li>
<a href="http://b.hatena.ne.jp/entry/<?php echo get_option('home'); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php bloginfo('name'); ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
</li>
</ul>

 </div>
</div>

<?php } else { ?>
<div id="snsbox">
<div class="sns">
    <ul class="snsb clearfix">
<li>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
</li>
<li>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=box_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:62px;" allowTransparency="true"></iframe>
</li>
<li><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone></li>
<li>
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>｜<?php bloginfo('name'); ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
</li>
</ul>

 </div>
</div>
<?php } ?>

<?php if (is_home()) { ?>

<li>

<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php echo get_option('home'); ?>" data-text="<?php bloginfo('name'); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

</li>

<li>

</li>

<li>

<a href="http://b.hatena.ne.jp/entry/<?php echo get_option('home'); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php bloginfo('name'); ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

</li>

</ul>

</div>

<?php } else { ?>

<li>

<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

</li>

<li>

</li>

<li>

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>｜<?php bloginfo('name'); ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

</li>

</ul>

</div>

<?php } ?>

トップページなら、「サイト ...

: WordPressでjQueryを読み込む最適な方法

いろいろな方法を試しましたが以下の記事で紹介されている方法が一番トラブルが無いので採用しています。参考サイト：WordPressで外部のjQueryを読み込むときに注意すべきひとつのポイント

: 「新着記事」のサムネイルの無いバージョンの表示方法

サイドバーなどの「新着記事」のサムネイルの無いバージョンの表示方法です。こんな感じ <最近のエントリ>内のコードを以下のように書き換えてください。 //表示本数の部分の数字を変えると表示 ...

: [お詫び] ヘッダー画像が縮小される件について

今回追記したコードで新しくヘッダー画像を登録しようとするとこちらもリサイズされるエラー報告を頂きました。お手数ですが、ヘッダー登録の際は一度functions.phpの下記に該当する箇所を削除して下 ...

: サイドバーの見出しのカスタマイズ

すいません。大分前に治そうと思って忘れていたのですが、現状のままだと背景色を変えるとサイドバーの見出し部分の背景色が残ってしまいます。これはstyle.cssの [crayon-5d5b2b2b ...

PREV: デフォルトのSNSボタンを消したい
NEXT: Stinger20130711をUPしました。