ワードプレスで題名に色々な装飾を追加したり、オシャレにしたい人は、
この記事をオススメします。
私自身CSSをいれるのにけっこう手間取ったので、この記事を見て成功できたら幸いです。
HTMLとかCSSとか、別に興味ないしって方にざっくり説明します。
例
この記事を参考にしますと、こんな感じで題名に装飾できます。
ではそろそろやり方について、説明していきます。
その前に編集画面が、Classic EditorなのでプラグインでClassic Editorをダウンロードして有効に
したら私と同じ編集画面になりますよ。
HTMLとCSSの簡単な説明
まずはコピペ
この記事を見ているということは、CSSコピペサイトを見ているけど、やり方わからないな～って方いると思います。
（私もその一人でした)
コピペはいいけど、どこにペーストするかわからん！
すごくお気持ちわかります。
とりあえず私もお世話になっている、さるわかさんのサイトを紹介しておきます。
この中の好きなデザインをコピペします。
ペーストをどこにするか
ワードプレス画面のダッシュボード➡サイトをカスタマイズ➡追加ＣＳＳ➡ここにペーストしてください！
開いて一番上にペーストします。
ペーストしたら公開を押します。
ＣＳＳを入力、公開したら投稿の編集画面に移動します。
h1 {
/*線の種類（実線） 太さ 色*/
border-bottom: solid 3px black;
}
例えばこのＣＳＳを追加したら、h1と書いてありますよね。
テキスト画面でやるなら、ＣＳＳを追加したい文章に
と入力します。
それかビジュアル画面で文章をドラッグして、左上に段落があるのでｈ１なら、見出し１を押せばＣＳＳが反映されると思います。（ｈ２なら見出し２に、ｈ３なら見出し３に・・・）
コピペのｈ１の部分を書き換えれば、自分の好きな見出しでＣＳＳ追加できます。
反映されたかどうかは、プレヴューを押して確認してください。
注意点
ここで注意してほしいのが、このやり方だとサイト全体にＣＳＳが反映されます。
記事だけに表示されるわけではないのです。
テーマサイトのどこかにｈ１が使用されている場合、ＣＳＳがそのまま反映されるので注意してください。
なので私はテーマサイトで使用されているｈ１は、ＣＳＳ追加はしていません。
ｈ２からｈ３でＣＳＳ追加して運用しています。（ｈ２もｈ３もサイトに反映されてますが・・）
私は別にいいかと開き直っています(笑)
コメント