MENU

買い忘れ、ない?

【ブログ初心者メモ】マーカーやボックスの使い方 ~Cocoon~

私、いちがげはまだまだブログ初心者。
WordPressでブログ運営をしており、日々勉強中です。

いろいろなブロガーさんの記事を拝見しながら

coconara-ichikage
いちかげ

みんなのはカラフルでいいな。
文字色や大きさを変える以外に見やすくするのってどうすれば…?
もしや有料テーマ??

と、ふと思い、調べてみると人気無料テーマCocoonでマーカーやボックスが使えることを知りました。
しかも、これに必要なプラグイン『TinyMCE Advanced』をすでに自分が有効化していました。

coconara-ichikage
いちかげ

有効化してるのに、全く活用できていない!

 

前提
・テーマがCocoonを使用している
・プラグイン『TinyMCE Advanced』を有効化している
※使用頻度の特に高いマーカーとボックスについて解説します。

上記を満たしていれば、簡単に利用できますよ。

スポンサーリンク
もくじ

マーカーとは?

マーカー
こんなふうに黄色赤色青色と3色あります。

アンダーラインマーカー
こちらも黄色赤色青色の3色です。
※選択しているスキンにより、赤色がオレンジ色になるようになっています。

マーカーの使い方

①マーカーをしたい部分をドラッグして選択します。
(文字の大きさを変える時のように!)

②エディターの『スタイル』をクリック。

③『マーカー』にポインターを持っていき、6種類のマーカーの中から選びます。

これだけ!めっちゃ簡単!

ボックスとは?

ボックスは下のように5種類あります。
色は灰色、黄色、赤色、青色、緑色の5色です。
それぞれに複数の選択肢があります。

ボックス(アイコン)
ボックス(案内)
ボックス(白抜き)
ボックス(タブ)
ボックス(付箋風)
 
ボックスの使い方

①最初の手順は上記のマーカーと同じです。

②『ボックス』にポインターを持っていき、5種類のボックスの中から選びます。

これだけ!はい、こちらも簡単!

エディターに『スタイル』がない場合

スタイルの項目が無い場合は追加しなければなりません。
(私は最初、項目が無く存在に気づきませんでした。)
手順は以下のとおりです。

①ダッシュボードの「設定」→「TinyMCE Advanced」をクリック。

②エディター設定で「ブロックエディター (TinyMCE)」のタブをクリック。

③スクロールで下のようなところまで行き、「スタイル」をドラッグ&ドロップするとエディターへ追加します。

④最上部か最下部にある「変更を保存」をクリックして完了です。

 

その他にも『スタイル』内にはいろいろな項目がありますので、活用して見やすくて素敵なブログを作ってくださいね!

 
coconara-ichikage
いちかげ

私もがんばります!

 

ちなみにこちらは『スタイル』内の「囲みボタン」を使用してみました↓

ブログ開設がまだで下調べ中の方へ

WordPressでブログを始めることは決めたけど、サーバーやドメインに迷っていませんか?
なんだか難しそう…どれがいいの?って迷っていませんか?

でも、大丈夫!
私も最初はちんぷんかんぷんで自分でできるか心配でしたが、ちゃんとできましたから。

 

 


よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

・小3息子と小1娘のアラフォーのお母さん
・時短勤務の正社員
・夫婦別会計でおこづかい稼ぎに奮闘
・買いもの好き、お出掛け好き
・朝活でゆるストイックな生活
・夫の実家で快適同居中

・2015年メルカリスタート
・2019年せどりスタート
・2020年ブログスタート
・2022年楽天ポイント通算100万P獲得

<フリマお取引き実績>
・メルカリ:452件
・ラクマ:125件(現在停止中)
・Yahoo!フリマ(旧PayPayフリマ):278件
※9割以上が出品です。

ゆるっとブログ更新中です。

もくじ