CSSの書き方
ラジオボタンやチェックボックスを画像クリック型にする方法
2017年5月20日 CSSの書き方
ラジオボタンやチェックボックスを画像に置き換える方法を紹介します。見やすいフォームを作成できれば、問い合わせや成約の増加につながるかもしれませんね。Contact Form 7プラグインで作成した問い合わせフォームとJazzy Formsプラグインで作成した見積もりフォームを例に説明します。
WordPressの編集画面で使える便利なCSS（センタリング・余白・枠線）
2016年10月15日 CSSの書き方
WordPressの編集画面にコピーペーストして使える便利なCSSを紹介します。活用する場面は、少しだけデザインを調整したいときです。たとえば、申し込みボタンをセンタリングしたり、画像の下に余白を入れたり、一部の文章を枠線で囲みたいときです。
CSSで画像に文字を重ねる方法
2016年10月4日 CSSの書き方
CSSを使って画像の上に文字を重ねる方法を紹介します。難しそうですが、ポイントだけおさえれば、普通にdivブロックを作るのと変わりません。参考にしてください。仕上がりイメージは次のようになります。 CSSで重ねる画像と文字を準備 まずは、後で重ねる画像と文字を準備します。 この時点では、単に画像と文 ...
CSSでリンクの下線を消したり点線にする方法
2016年10月2日 CSSの書き方
リンクには下線が付くのが一般的ですが、リンクの下線を消したり、文字と下線の間に余白を入れたり、下線を点線にしたいこともあります。 ここでは、CSSを使って下線をいろいろと設定する方法を紹介します。 リンクの下線を消す 下線を消すにはCSSで「text-decoration: none;」を指定します ...
CSSを使って画像に額縁風の枠線を付ける方法
2016年9月6日 CSSの書き方
CSSを使って画像に枠線を付けたい場合もあります。たとえば、次のような太い枠線を表示して額縁風に見せたいという要望も多いです。 ここでは、CSSを使って画像の枠線を表示する方法を紹介します。 CSSで画像に枠線を付ける「border」 CSSの「border」を使うと画像などに枠線を付けることができ ...
シンプルなテーマのヘッダーにロゴ画像を表示する方法（CSSで）
2016年3月24日 CSSの書き方
ヘッダーにロゴ画像を表示できるテーマも少なくありませんが、Twenty Sixteenなどのシンプルなテーマでは「ロゴをアップロードする」のようなメニューはありません。そこで、シンプルなテーマでヘッダーにロゴ画像を表示する方法を紹介します。
WordPressでカテゴリーを色分けする（Stingerを例に）
2016年3月15日 CSSの書き方
WordPressで記事の下などに表示されるカテゴリーページのリンクを色分けする方法を紹介します。一般的にはシンプルなリンクになっているカテゴリーリンクですが、CSSを使って色分けすることができます。
タグクラウドのカスタマイズ（フォントサイズ統一・枠線・背景色・縦表示）
2016年3月12日 CSSの書き方
よく使われるタグのサイズが大きくなるタグクラウドのリンクもCSSでカスタマイズできます。ここでは、すべてのタグを同じフォントサイズにしたり、枠線で囲んだり、背景色を設定する例を紹介します。
グローバルメニューの2行目に英語表記やアイコンを追加する
2015年10月9日 CSSの書き方
グローバルメニューの下に英語表記を追加したくなることはありませんか？「1行目が日本語、2行目が英語」のメニューです。難しそうですがPHPを修正せずにCSSで実現できます。Font Awesomeを使ってアイコンを表示する方法と合わせて紹介します。
CSSでページごとに別のスタイルを設定したいときはbodyタグをチェック！
2015年9月10日 CSSの書き方
WordPressで作成中のサイトで「トップページだけタイトルを消したい」とか、「固定ページのサイドバーを消したい」など、ページごとにデザインやレイアウトを変えたいことはありませんか？ そんなときはページのbodyタグを見てみましょう。 ブラウザ上で右クリックして「ページのソースを表示」メニューから ...
