CSSの一覧

WordPressのカスタム投稿タイプ別でデザインを変更する方法【Simplicity2編】

WordPressのカスタム投稿タイプ別でデザインを変更する方法【Simplicity2編】

  • 使い方など

WordPressのカスタム投稿タイプを表示する際に別々のCSS(デザイン)で表示する簡単な方法を紹介します

【ha-Basic】テーマで画面の左右余白にグラデーション効果を持った色を付ける方法

【ha-Basic】テーマで画面の左右余白にグラデーション効果を持った色を付ける方法

  • ha-Basicテーマ

簡単なCSSの記述で画面左右の余白にグラデーション効果を持つ色をつける方法を紹介します。

HTMLとCSSを使って機能の「ある」「なし」を色分けして表示する方法

HTMLとCSSを使って機能の「ある」「なし」を色分けして表示する方法

  • ホームページ作成

何かの機能とか、共通である/なしを表示したい項目のあるサイトなどで全部の項目を表示しつつ、これは「ある」、これは「ない」を表示する方法です。カタログサイトなどでよく使われている表現と言えば一番ピンと来るかも知れません。

【WordPress】CSSで簡単!投稿一覧の無駄な空白のためにタイトルが何行にもなるのを改善する方法

【WordPress】CSSで簡単!投稿一覧の無駄な空白のためにタイトルが何行にもなるのを改善する方法

  • 使い方など

投稿一覧に変な空白ができて、その分タイトルが何行にもなってしまう現象にお悩みではありませんか?今回は管理画面のデザインを変更できる環境の作り方と投稿一覧の列幅の調整方法を紹介したいと思います

【備忘録】CSSの「display:none;」と「visibility: hidden;」の違い

【備忘録】CSSの「display:none;」と「visibility: hidden;」の違い

  • 使い方など

CSSで何かの要素を非表示にする「display:none;」と「visibility: hidden;」の違いについて、自身の備忘録を兼ねて紹介しておきたいと思います。

CSSを使ったサイトのデザイン変更はブラウザの基本機能で簡単にできる(WordPress × GoogleChrome)

CSSを使ったサイトのデザイン変更はブラウザの基本機能で簡単にできる(WordPress × GoogleChrome)

  • 使い方など

私のスキルが上がっているのか、最初からそうだったのか不明ですが、ちょっとしたデザイン変更だったら案外簡単に行うことができることが分かりました。もちろんCSSを触るのは素人ですから素人なりに基礎的な部分を紹介できたらと思います。

ulタグを使ったリストでマーカー記号の代わりに画像を表示するには

ulタグを使ったリストでマーカー記号の代わりに画像を表示するには

  • 使い方など

投稿やページの中でリストを表示するタグとしてulタグがありますが、このリストの先頭が画像になっているものをよく見ますね?何も設定しないと「・」が表示されて、まさしく「リスト」ですよ!と言わんばかりの表示になってしまいますが、画像の後にリストが表示されるとちょっとカッコいい、それを実装する方法を紹介します。

【CSS】「classセレクタ」と「idセレクタ」って何が違うの?

【CSS】「classセレクタ」と「idセレクタ」って何が違うの?

  • 使い方など

最近CSSの勉強を始めたばかりでまだ右も左もわからない段階ではありますが、素朴な疑問が。CSSで使う「classセレクタ」と「idセレクタ」って何が違うの?これを解決するためにいろいろと勉強してみました。結論としては、設定してみて適用される側を使うということ。

【WordPress】プラグイン独自のCSSを上書きして置き換える方法 ~divタグは万能タグ~

【WordPress】プラグイン独自のCSSを上書きして置き換える方法 ~divタグは万能タグ~

  • 使い方など

今回はCSSデザイン初心者の私が、「ここのデザインは変更できないだろう・・・」なんて挫折しかけたところを解決に導いた、「無敵のdivタグ様」について紹介します。CSSカスタマイズ慣れてしている方には全く参考にならない情報ですから同じところで躓いた初心者の方だけ見ていただければと思います。

【Simplicity2】引用(blockquote)タグのデザインをカスタマイズする方法

【Simplicity2】引用(blockquote)タグのデザインをカスタマイズする方法

  • 使い方など

今回新しく書いた記事でたまたま引用を使う機会があり、プレビューしたら「あれ???」という感じの表示になったことで全体のデザインと違うことが発覚しました。知識不足でちょっとカスタマイズに苦労したので備忘録として書いておきます。ちなみにどんなテーマでも大抵同じですからSimplicity2を使っていない場合でも適用できると思います。

WordPressのCSS編集でハマったときのチェックポイントと対処方法

WordPressのCSS編集でハマったときのチェックポイントと対処方法

  • 使い方など

WordPressといえばテーマを変えると簡単に着せ替えできて便利ですね。でも、オリジナリティを出そうと思ったらCSSの編集によるカスタマイズは欠かせませんね。でも変更したはずのデザインが反映されない・・・そんなときの解消法をいくつか紹介します

CSSで特定の文字列を点滅させる方法

CSSで特定の文字列を点滅させる方法

  • 使い方など

ブログやホームページで本文とは違う何かのお知らせをしたいとき、文章の中で目立たせたい文字列があるときなど、通常では文字色を変えたり、文字の大きさを変えたり、文字の太さを変えたり、はたまた文字列の背景に色を付けたりといった装飾をしますよね?そんなときにもっと目立つようにするのが「文字の点滅」をさせる方法です。