がいる@育児勉強中 1歳♂ 1児のパパ

1歳♂ 1児のパパ 育児用品・時短グッズなど使ったものをレビューして他の人にも共有したくてブログを書いています。用品だけでなく育児をしていて思うことや補助制度、住宅、お金の人生設計についてなど日々感じていることを書いています

がいる@育児勉強中 1歳♂ 1児のパパをフォローする

初心者向け)WordPress cocoon デザインを使って記事を見やすくする方法 がいるパパブログ

スポンサーリンク
ブログ運営&雑記

WordPressで記事を見やすくする方法 ~スタイルについて~

初めてブログを開設したら記事を書き始めると思います

ワードプレスは色々なテーマやデザインが選べる分、使う方法を知らないと

作文みたいになってしまうものです

私自身も勉強中ですが、100記事以上ブログ記事を書いてきた経験を活かして

記事の注目ポイントを見やすくする方法を少しずつ記事にしてみたいと思います

 



WordPress スタイルとは何か

wordpress実際の編集画面↓

赤丸部分の項目「スタイル」で注目させたい箇所などをピックアップすることが可能です

スタイルで出来ること

・文字の色、太字、下線、枠、フォントサイズや参照記事の強調…etc

本当に色々なことが出来ます

例)    注目させたい場合はこんな表示方法が出来ます

↓これを下記のようにポイントとして表示できます

注目させたい場合はこんな表示方法が出来ます

手順) スタイル→ボックス(タブ)→ポイント→灰色

たくさん記事を書いているブロガーの方々も、この表示をよく見ることがあります

注意!! 2列目以降の文章も枠内に入れたい場合

これは私が記事を書こうとしている時に「ん?」となった箇所ですが

例)記事1

例)記事2

↑の2行の文字をスタイル ポイントに入れようとします

同じ手順で スタイル→ボックス(タブ)→ポイント→灰色で処理しようとすると

例)記事1

例)記事2

↑のようになります

このままだと例記事2がスタイルの枠内に入っていないため、入れる必要があります

2列以上の文字をスタイルの枠内に入れたい場合

テキストから引用↓

修正前) <div class=”blank-box bb-tab bb-point”>例)記事1</div>
例)記事2

修正後) <div class=”blank-box bb-tab bb-point”>例)記事1
例)記事2</div>

修正後のようにすると

例)記事1
例)記事2
綺麗に枠内に収めることが出来ます
タグの<div>に関してはhtmlやcssなど基本的なプログラミングの構造を知っていると
すぐに理解できるのですが、この記事では割愛したいと思います
これと同じ方法で色々な記事内の注目したいところを強調させることが出来ます
例えば
ボックス(案内) プライマリー
ブックマーク
ヒント
こんな表示方法もあるため自分の記事にあったスタイルを付けてあげると良いと思います
是非色々と試してみることをオススメします!!
今回はスタイルについて記事を書きました
その他にも色々と記事を書くのに便利な機能が盛りだくさんです
せっかく記事を書くのであれば楽しく、こだわって書くことで続けるコツでもありますので
有効活用してみてください

コメント

タイトルとURLをコピーしました