Detaramehpのアメブロ版サイトAme Bookを立ち上げました。Ame Bookでは、アメブロ初心者のかたでも少しでも分かりやすくカスタマイズ出来る方法や便利なツールを紹介していこうと思ってます。 アメブロカスタ …
REED MORE →
アメブロ(html5版)のスタイルシートカスタマイズ・改造
以前アメブロ(xhtml版)のカスタマイズは紹介していますが、今回はアメブロ(html5版)のカスタマイズを紹介します。以前のアメブロと違いhtml5版で気になるのはヘッダー広告が目立ちすぎてる事なんかじゃないかと思いま …
REED MORE →
はてなブックマークブログパーツの人気記事にランキング画像を付けて表示
ランキング画像の付け方は以前紹介したWordPressの人気ランキングなどにスタイルシートでランキング画像表示と記事の内容がダブってしまう部分がありますが、今回は、はてなブックマークの紹介も含めてランキング画像の付け方を …
REED MORE →
可変スタイルとMedia Queriesの組み合わせは便利だけど難しい
可変スタイルとMedia Queriesを組み合わせてスタイルシートを作成すればスマートフォンやタブレットのブラウザサイズに合わせてスタイル幅を可変させレイアウト変更することがスタイルシートのみで出来ます。かなり便利なん …
REED MORE →
WordPressの人気ランキングなどにスタイルシートでランキング画像表示
WordPressのプラグインやphpプログラムでは自動でランキングの入れ替えを行なってくれる方法が沢山あると思います。このランキング形式にランキング画像をスタイルシートで表示する方法を紹介します。スタイルシートを使った …
REED MORE →
デフォルトスタイルを一旦リセットするリセットスタイルシート
各タグにはデフォルトで行の高さ、マージンと見出しのフォントサイズなどがあらかじめ決められていて、これがホームページデザインしていく上で邪魔な場合があります。そこでこれを一旦リセットさせるスタイルシートの書き方がリセットス …
REED MORE →
bodyに異なる classを付けてくれる便利なbody_class()
body_class()はWordPress 2.8以降から使えるテンプレートタグで、なんと各ページなどに自動でclassを付けてくれるとっても便利なテンプレートタグです。 オリジナルでWordPressを作成していてま …
REED MORE →
Twenty Elevenをカスタマイズしサイトのデザインを変更しました
約2ヶ月ぐらいTwenty ElevenをカスタマイズしてWordPressの新機能やhtml5、css3などを勉強していました。それと同時にカスタマイズが完成したので今回デザインを新たに変更しました。今回はデザイン変更 …
REED MORE →
WordPressで選択したページを簡単アクティブ表示
メニューボタンの上にマウスを乗せてメニューを変えるにはa:hoverをスタイルシートで設定してやると簡単に出来ますが、そのメニューをクリックして選択したページ(アクティブページ)の表示を変えるには通常だとjavascri …
REED MORE →
ロールオーバー系のCSS横並びメニュー
通常ナビゲーションメニュー(横並びのメニュー)などはマウスをメニューの上に重ねると背景画像などが変わり選択していることが見た目でも分かりやすく作成してあります。マウスを重ねると背景画像が変わる表示の仕方をロールーバーと言 …
REED MORE →