[記事数:1,202] 日本を元気にするキーワード、地域活性化×中小企業× ITのTips and Quotes(秘訣と引用文)
creative  link  memo 

WordPressで記事ごとに個別のCSSを設定する方法



body内のstyle指定は非推奨

一部分のスタイルを変えるだけなら、本文内で直接指定するのが一番楽かもしれません。

指定方法はおもに 2 つ。

まず 1 つ目は、style を記事本文入力エリアの冒頭に書いてしまう方法。

2 つ目は、タグに直接 style を指定してしまう方法。

厳密に言うと、どちらも HTML の文法上正しくありません。というのも、こんなルールがあるからです。

ただ、現在のブラウザはどちらの方法でもきちんと CSS を反映してくれます。ルールなんて気にしない! というなら、この方法でも良いかもしれません。

このサイトでの使用例

シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50

50-css-heading-styling_04[1]

50-css-heading-styling_08[1]

50-css-heading-styling_11[1]

50-css-heading-styling_12[1]

50-css-heading-styling_20[1]

50-css-heading-styling_23[1]





FavoriteLoadingお気に入りAdd to favorites
CSSで作るシンプルなテーブルデザイン まとめ...   // Timeline タイムライン フラットデザイン向け三角矢印つきtable css html HTML5+CSS3でデザインしたtableのCSS&HTMLサンプルソース5点 | 株式会社LIG 会社案内表 css html ...
1行内に左寄せと右寄せを同時に書きたい... 左寄せ 右寄せ 1行内に左寄せと右寄せを同時に書きたい All About
FacebookのLike Boxは2015年6月23日で終了。Page Pluginに変わります... FacebookのLikeBox(サイトにFacebookページの情報を埋め込むための仕組み)の仕様がかわり、2015年6月23日から使用しているLikeboxが使えなくなります。 名称もLikeboxから「Page Plugin」に変更になります。 ・Page Pluginのレスポンシブ対...
シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50... シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 ...
見出しデザイン CSS直接style指定タイプ... ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ここにテキストを入力します ...
CSSリストメニューのサンプルソース ナビゲーション用リストソース|CSSデザインサンプル スタイルシート[CSS]/リスト/マーカーの種類を指定する - TAG index Webサイト ...
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技... 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのd...
WordPressタグクラウドのデザインをカスタマイズするCSS... アイコンも入れたい場合追加↓ STINGER7:タグクラウドのデザインをカスタマイズする方法【サイドバーウィジェット】 - うぇぶあしび ...
WordPressの投稿者名をcssで非表示にする方法... 「表示オプション」の “作成者” は、投稿編集画面の作成者メタボックス(ドロップダウンで作成者を選ぶ)を表示するか隠すかを決めるものです。投稿一覧ページや個別投稿ページの投稿者名には影響しません。 CSSに下記のスタイル指定を入れれば、投稿一覧ページや個別投稿ページの投稿者名を非表示にでき...
CSSで作る見出しデザイン 【CSS】先頭に四角形が入った見出しのデザインを真似してみました | キノめも Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える | Webクリエイターボックス CSSで作る見出しデザイン | Web’Notes 見出...

コメントを残す