「CSS」の記事一覧

ビジュアルエディタにCSSを自動的に適用する!プラグインCSSのURLを捜索せよ!

ワードプレスでデザインカスタマイズをするのはとても楽しいですね! サイトも個性が出て読者にとっても楽しくなり、なんといっても”自分でブログを構築している”といった「オーナー気分」も出たりして、記事を書く力も一層入るというものです(笑) そんな時に思うのが、ビジュアルエディタの表示。 ビジュ […]

クラスの指定法 – WordPressでCSSを特定の記事だけ、ページだけに反映したい場合

CSSを利用してWordPressでデザインカスタマイズをする場合では、とても便利なプラグイン「JetPack」の「CSS編集」といった機能や「Simple Custom CSS」といったプラグインを使用して、CSSを新たに追加します。 ここで「ある特定の記事だけ」、「ある特定のページだけ […]

WordPressのCSSカスタマイズ!読み込み用プラグインとCSS反映の具体例!

別記事で見たGoogle Chromeとその開発者ツールの威力。それを武器にCSSがカスタマイズできれば、一気にデザインカスタマイズの可能性が広がります。 実際に修正したり他から持ってきたCSSをブログに反映するには、 1)使用しているテーマのスタイルシートに直に書き込む 2)プラグインを […]

リストの先頭にフォントでマーク表示!画像を付けるのはもう古い!

通常 ul li などのリストを使うと自動的に先頭に丸や四角のマークが付きます。 個性を出すためにその先頭のマークを画像などに置き換える、といったカスタマイズをすることもありますが、これが結構大変だったりするんですね。 画像の難点は、調度良い形と大きさのものを探してネット上をさ迷い歩くとい […]

ブログのデザインカスタマイズの決め手!CSSの適用範囲を確認する技

デザインを簡単に修正できるよう、多くのサイトでCSSの具体的記述例が公開されています。 (見出しのデザインならは ブログの見出しデザインを制覇せよ!CSS貼り付けだけの簡単素材で記事を彩るの記事を参照してみてくださいね!) CSSをサクッとコピーしてブログに貼り付ければすぐ利用ができる、と […]

ブログデザインのカスタマイズ!CSSのidの指定法を理解する

ブログのデザインをカスタマイズをする上で、前回の記事では1つの課題となるCSSのクラスについて使い方をおさえました。 (参照:ブログデザインのカスタマイズ!CSS基本のクラスを理解する) 今回はいよいよ第二の壁、CSSの id の使い方です。 CSS のクラスと id は、CSSを理解して […]

ブログデザインのカスタマイズ!CSS基本のクラスを理解する

ブログのデザインをカスタマイズをする上で、前回の記事でHTMLとCSSの概要をおさえました。(参照:HTMLとCSSの使い方を簡単に理解する!) 今回はいよいよ最初の壁となるCSSのクラスの使い方です。 HTMLとCSSを使ってみようと思ったはいいけど、結局良くわからずにやめてしまった、と […]

顔文字が改行で崩れる!崩れないようにCSSで文字列をグループ化だ!

昔からメールなどでお馴染みの顔文字。テキスト(文字)だけで感情が表現できる、今でも非常にポピュラーな表現手段の1つ。 喜怒哀楽が手軽に表現できる、日本オリジナル感が漂うものが沢山あり、文字入力から手軽に入力できて、相手にも必ず同じように表示されるのがなんといっても一番の魅力。 ブログを書い […]