Showcase Template で固定記事を作成すると、Twentyeleven の Theme Option で
に設定しても、 Showcase Template で作成した固定記事のサイドバーは左側に表示されてしまいます。これを右側にする設定です。 続きを読む
Twentyeleven をテーマとして使っています。
画像を記事の中に挿入するとき、サムネイル・中サイズ・大サイズ・フルサイズ、と選択出来るようになっていますが、画像の大きさと blog の横幅などの折り合いがうまく付かない場合、選択出来るサイズが減ってしまう事がありました。
その解決策です。 続きを読む
WordPress3.2 のテンプレート、twentyeleven のデザインの中に、特集したい記事の画像や文章をウェブページのヘッダーの下に切り替え表示してくれる（スライドショー）エリアを持つテンプレートがあります。
Showcase Template と名付けられた固定ページ用のテンプレートです。
以下は、tewntyeleven のテーマで、特定の記事をページ上でスライドショーのように表示してくれるページの作り方と、そんなページをトップページとして表示する方法です。 続きを読む
子テーマについては、WordPress.日本語 で詳細説明がなされています。
子テーマを新しく自分のテーマとして設定するために、wordpress のテーマが収納されているフォルダと同じ階層に新しくフォルダを作成します。 続きを読む
<div id=”header”>
<div id=”header-inner”><h1>PHP practice</h1></div>
</div>
#header{width:100%; margin:0; padding:0; background:#E9E4BF;}
#header-inner{text-align:center; margin:0; padding:10px;}
h1{display: block; background:#ffffff;}
上記のような設定にすると、何故かヘッダーの背景色の上下が左右の幅より広く表示される。
何がいけないのかと色々ＣＳＳを書き換えたり、divの括り方がいけないのかと書き直したりして、漸く判明。
参考はこちらのサイトのマージンの相殺（collapsing margins） h1-h6要素
上下に自動的に一行分の余白が追加されるとの事。
CSSの記載を h1{display: block; background:#ffffff; margin:0; padding:0;} に変えたところ上下左右の幅は整った。
