2015-05-20から1日間の記事一覧

list-style-imageを使ってリストのマークを画像に変更

CSS

list-style-imageを使ってリストのマークを画像に変更する方法を紹介します。html <ul> <li><a href="#">日常</a></li> <li><a href="#">買い物</a></li> <li><a href="#">ダイエット</a></li> <li><a href="#">コスメ</a></li> </ul> css ul { list-style-image: url(./images/arrow.png); } li a { text-decoration: none; color: #000000; line-height: 2em; } ※ l…

list-style-imageを使わずに、リストのマークを画像に変更

CSS

list-style-imageを使わずに、リストのマークを画像に変更する方法を紹介します。 liにbackground-imageを使って画像を出力している。 liごとに別のclass名をつければ、それぞれ別の画像を表示することが可能。 html <ul> <li class="orange"><a href="#">日常</a></li> <li class="blue"><a href="#">買い物</a></li> <li class="orange"><a href="#">ダイエット</a></li> <li class="blue"><a href="#">コスメ</a></li></ul>

初心者がはまりやすいポイント

index.phpとhome.phpの違いindex.php トップページ、カテゴリー一覧ページ、タグの一覧ページなど、該当するPHPテンプレートがなければ、このindex.phpに内容が表示される。 home.php サイトのトップページのテンプレート。 home.phpはindex.phpより優先され…

基本のテンプレートタグ

WordPressでよく使うテンプレートタグ WordPressの管理画面の設定や固定ページ、投稿した記事の内容は、テンプレートタグを使ってページに出力する。 管理画面で入力した内容をテンプレートタグで出力 ブログ名を出力する ブログの説明を出力 トップページ…