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

更新日：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を好きに変更。

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

: WordPressのカレンダーのデザインカスタマイズ

すいません。遅くなりましたがウィジェットのカレンダーのCSSを書きましたのでカレンダーを使用している方はstyle.cssにコピペして下さい。こんな感じです。 [crayon-5ed035c1a47 ...

好きなところに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 } ?>

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

: 【Stinger利用者の方は必ずお読み下さい】Stingerでいるもの、いらないもの

ちょっと取り急ぎのエントリーです。 Stingerでプラグイン系の不具合が多いので取り敢えず、大事な事をまとめておきますね。まず、基本的にはStingerはプラグインなしで利用できるのが「ウリ」なの ...

SNSのTwitterボタンに「@○○さんより」を含める方法

header.php、single.phpにあるTwitterのコードにて

<li>
<a href="https://twitter.com/share" 
class="twitter-share-button" 
data-count="vertical" 
data-via="ENJILOG" 
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>

<a href="https://twitter.com/share"

class="twitter-share-button"

data-count="vertical"

data-via="ENJILOG"

data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>">Tweet</a>

</li>

上記の５行目の「ENJILOG」の箇所を適宜、ご自身のT ...

違うサイズのアイキャッチ画像を作る

200pxの場合 functions.phpで

add_image_size('thumb200',200,200,true);

1	add_image_size('thumb200',200,200,true);

を追加して任意の場所に [crayon-5ed035c1a5f25323142485/ ...

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