ロゴ

ロゴにアクロポリスの絵がないとどうも寂しいので、試行錯誤した。テーマと呼ばれているテンプレートの、該当の箇所を直接いじればいいのは分かっているのだが、あまり美しくない。そこで css とにらめっこすることにした。
今使っている amazing-grace というテーマでは、ロゴの右端にランダムで写真が表示されている。これを参考にすることにした。写真は style.css で #portrait-bg として定義されている。

#portrait-bg
{
  position:absolute;
  width:319px;
  height:219px;
  right:0;
  top:0;
}

これを真似て #az_logo というスタイルを定義した。
つぎにタイトルの本体が記述されている header.php をさがすと、

<div id="header">
  <span class="btitle">
    <a href="<?php echo get_option('home'); ?>/">
    <?php bloginfo('name'); ?></a></span>
        :

なる箇所がある。<span class=”btitle”> の前に <div id=”az_logo”></div> を埋め込む。そのままではタイトルとロゴが重なってしまうので、ふたたび style.css にもどり btitle の margin を調整しておしまい。
ほぼ望みどおりの形になった。

投稿者:

azira

何でもやったけれど、みんな中途半端なプログラマくずれの一匹うさぎ。

コメントを残す

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>