CSSの書き方

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

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

あなたのサイトの検索順位、チェックしていますか？私は検索順位チェックツールGRCで毎日チェックしています。心配性なので。膨大なキーワードを自動チェックできるので、もう手放せないツールです。おすすめ！

このツールをチェックする

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

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

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

子テーマを使ったデザインカスタマイズの練習として、実際に「この部分を直したい」と思い付いてからCSSを入力してデザインを変更するまでの手順を紹介していきます。 子テーマを使わずにカスタマイズしている方は子テーマを使わない ...

子テーマが作成できたら、簡単なCSSをstyle.cssに入力してみましょう。入力したコードに応じてデザインが変更される実感をつかむことが重要です。 サイト名のフォントサイズを変更するCSSを例に作業を紹介します。 この ...

WordPressでテーマをカスタマイズするための子テーマを作成する方法を紹介します。 「WordPress個別サポート」で子テーマの導入をサポートします。 次のページから子テーマのサンプル（child.zip）をダウン ...

style.cssなどにスタイルを定義する場合、同じような名前を持つCSSセレクタをまとめて定義するため、ワイルドカードや正規表現を使いたくなる場面があります。 たとえば、WordPressで画面に表示するアイキャッチ画 ...

WordPressで作成した固定ページを表示するとタイトルが表示されますが、「トップページ」のようなタイトルは非表示にしたいかもしれません。 この記事ではCSSによる解決策を紹介しますが、PHPによる解決策は以下のページ ...

ブログ記事（投稿）や固定ページの本文を入力中に、一部の文章を枠で囲みたいことがあります。blockquoteで囲んでも良いのですが、いかにも引用っぽくなってしまい、ページ内に引用を連発するのもアレなので、記事を枠で囲むス ...