CSSの書き方

リンクには下線が付くのが一般的ですが、リンクの下線を消したり、文字と下線の間に余白を入れたり、下線を点線にしたいこともあります。 ここでは、CSSを使って下線をいろいろと設定する方法を紹介します。 リンクの下線を消す 下 ...

CSSを使って画像に枠線を付けたい場合もあります。たとえば、次のような太い枠線を表示して額縁風に見せたいという要望も多いです。 ここでは、CSSを使って画像の枠線を表示する方法を紹介します。 CSSで画像に枠線を付ける「 ...

遅いサイトは集客にも影響が出ます。お悩みの方はぜひ、「ConoHa WING」をお試しください。私も使ってますが「国内最速レンタルサーバー」という噂どおりWordPressのダッシュボードもサクサク動くので感動です。

無料お試しはこちら

ヘッダーにロゴ画像を表示できるテーマも少なくありませんが、Twenty Sixteenなどのシンプルなテーマでは「ロゴをアップロードする」のようなメニューはありません。そこで、シンプルなテーマでヘッダーにロゴ画像を表示する方法を紹介します。

WordPressで記事の下などに表示されるカテゴリーページのリンクを色分けする方法を紹介します。一般的にはシンプルなリンクになっているカテゴリーリンクですが、CSSを使って色分けすることができます。

よく使われるタグのサイズが大きくなるタグクラウドのリンクもCSSでカスタマイズできます。ここでは、すべてのタグを同じフォントサイズにしたり、枠線で囲んだり、背景色を設定する例を紹介します。

グローバルメニューの下に英語表記を追加したくなることはありませんか？「1行目が日本語、2行目が英語」のメニューです。難しそうですがPHPを修正せずにCSSで実現できます。Font Awesomeを使ってアイコンを表示する方法と合わせて紹介します。

WordPressで作成中のサイトで「トップページだけタイトルを消したい」とか、「固定ページのサイドバーを消したい」など、ページごとにデザインやレイアウトを変えたいことはありませんか？ そんなときはページのbodyタグを ...

CSSの:empty擬似クラスを使って空のセルだけにスタイルを設定する方法を紹介します。入力し忘れた項目のチェックや、予約が入っていない日時をハイライトしたいときなどに活用することができます。

WordPressの投稿や固定ページに入力する箇条書きや画像は中央寄せにしたいこともあります。たとえば、テキストエディタに次のようなHTMLを入力して箇条書きを作成します。 「text-align: center;」を使 ...