タグ: CSS
-
WordPressのカスタム投稿タイプ別でデザインを変更する方法【Simplicity2編】
WordPressのカスタム投稿タイプを表示する際に別々のCSS(デザイン)で表示する簡単な方法を紹介します
-
HTMLとCSSを使って機能の「ある」「なし」を色分けして表示する方法
何かの機能とか、共通である／なしを表示したい項目のあるサイトなどで全部の項目を表示しつつ、これは「ある」、これは「ない」を表示する方法です。カタログサイトなどでよく使われている表現と言えば一番ピンと来…
-
【WordPress】CSSで簡単！投稿一覧の無駄な空白のためにタイトルが何行にもなるのを改善する方法
投稿一覧に変な空白ができて、その分タイトルが何行にもなってしまう現象にお悩みではありませんか？今回は管理画面のデザインを変更できる環境の作り方と投稿一覧の列幅の調整方法を紹介したいと思います
-
【備忘録】CSSの「display:none;」と「visibility: hidden;」の違い
CSSで何かの要素を非表示にする「display:none;」と「visibility: hidden;」の違いについて、自身の備忘録を兼ねて紹介しておきたいと思います。
-
CSSを使ったサイトのデザイン変更はブラウザの基本機能で簡単にできる（WordPress × GoogleChrome）
私のスキルが上がっているのか、最初からそうだったのか不明ですが、ちょっとしたデザイン変更だったら案外簡単に行うことができることが分かりました。もちろんCSSを触るのは素人ですから素人なりに基礎的な部分…
-
ulタグを使ったリストでマーカー記号の代わりに画像を表示するには
投稿やページの中でリストを表示するタグとしてulタグがありますが、このリストの先頭が画像になっているものをよく見ますね？何も設定しないと「・」が表示されて、まさしく「リスト」ですよ！と言わんばかりの表…
-
【CSS】「classセレクタ」と「idセレクタ」って何が違うの？
最近CSSの勉強を始めたばかりでまだ右も左もわからない段階ではありますが、素朴な疑問が。CSSで使う「classセレクタ」と「idセレクタ」って何が違うの？これを解決するためにいろいろと勉強してみまし…
-
【WordPress】プラグイン独自のCSSを上書きして置き換える方法 ～divタグは万能タグ～
今回はCSSデザイン初心者の私が、「ここのデザインは変更できないだろう・・・」なんて挫折しかけたところを解決に導いた、「無敵のdivタグ様」について紹介します。CSSカスタマイズ慣れてしている方には全…
-
【Simplicity2】引用(blockquote)タグのデザインをカスタマイズする方法
今回新しく書いた記事でたまたま引用を使う機会があり、プレビューしたら「あれ？？？」という感じの表示になったことで全体のデザインと違うことが発覚しました。知識不足でちょっとカスタマイズに苦労したので備忘…
-
WordPressのCSS編集でハマったときのチェックポイントと対処方法
WordPressといえばテーマを変えると簡単に着せ替えできて便利ですね。でも、オリジナリティを出そうと思ったらCSSの編集によるカスタマイズは欠かせませんね。でも変更したはずのデザインが反映されない…
-
CSSで特定の文字列を点滅させる方法
ブログやホームページで本文とは違う何かのお知らせをしたいとき、文章の中で目立たせたい文字列があるときなど、通常では文字色を変えたり、文字の大きさを変えたり、文字の太さを変えたり、はたまた文字列の背景に…