私はワードプレスでブログを書いてます。ワードプレスには、書く土台になるテーマというものがあります。有料のテーマはたくさんありますが、Cocoon(コクーン)は無料です。Cocoonは無料とは思えないほどのたくさんの機能が備わっています。そのCocoonの中にある便利な機能のクラッシックエディターの色の見本と、主なトラブル解決法を紹介します。
【3つのトラブルの解決法】
【囲みボタン】解決!【囲みボタンが表示されない】
【囲みブログカードラベル】解決!【囲みブログカードラベルが表示されない時】
解決!【クラッシックで作った部分が削除できない】
クラッシックエディターの出し方
画面左のダッシュボードから「投稿」→「新規追加」をクリック

画面左上の「+」→「クラッシック」をクリック

出てきたクラッシックが閉じていたらクラッシックの枠内をクリックすると、

クラッシックエディターが登場します!

段落

これが段落です。
見出し1から見出し6そして整形済みテキストです。
見出し1
見出し2
見出し3
見出し4
見出し5
見出し6
整形済みテキスト
スタイル

次はスタイルです。
スタイル→インライン
インライン太字
インライン赤字
インライン赤太字
インライン赤アンダーライン
インライン青
インライン青太字
インライン緑
インライン緑太字
インライン打ち消し線
インラインキーボードキー
スタイル→マーカー
マーカー黄色マーカー
マーカー赤色マーカー
マーカー青色マーカー
マーカー黄色アンダーラインマーカー
マーカー赤色アンダーラインマーカー
マーカー青色アンダーラインマーカー
スタイル→フォントサイズ
フォントサイズ12px
フォントサイズ14px
フォントサイズ16px
フォントサイズ18px
フォントサイズ20px
フォントサイズ22px
フォントサイズ24px
フォントサイズ28px
フォントサイズ32px
フォントサイズ36px
フォントサイズ40px
フォントサイズ44px
フォントサイズ48px
スタイル→ボックスアイコン
スタイル→ボックス(案内)
スタイル→ボックス(白抜き)
ボックス(タブ)
コメント
ポイント
ティップス
ヒント
ピックアップ
ブックマーク
メモ
ダウンロード
ブレイク
Amazon
OK
NG
GOOD
BAD
プロフィール
ボックス(付箋風)
バッジ
オレンジ
レッド
ピンク
パープル
ブルー
グリーン
イエロー
ブラウン
グレー
マイクロコピー
ボタン
クラッシック→スタイル→ボタン→インディゴ(紺色)(大) クラッシック→スタイル→ボタン→インディゴ(紺色)(大)
【囲みボタン】解決!【囲みボタンが表示されない】
レッド(小)
表示されませんでした。
囲み部分の位置にカーソルを入れたあと、画面上部の「点3つ」→「HTMLとして編集」

文字のすぐ横に<a>と</a>を入れます

表示されました!
【囲みブログカードラベル】解決!【囲みブログカードラベルが表示されない】
反応しませんでした。
ブログカード内にカーソルを入れて、点が縦3つをクリック「HTMLとして編集」をクリックします。

<P>と</P>の位置を変えます。リンク先のアドレスのすぐ横にはさみます。

できました!
それでもダメだったら「ダッシュボード」→「ブログガード」→「ブログガード表示を有効にする」「コメント欄のブログガード表示を有効にする」にチェックを入れてみてください

その他の機能
太字
イタリック
- 番号なしリスト
- 番号付きリスト
引用
左よせ
中央揃え
右寄せ
リンクの挿入
初心者用 WordPress教室 Cocoon【吹き出し】
リンクの解除
「続きを読む」タグを挿入
取り消し線
横ライン
テキスト色
テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色テキスト色
【ConoHa WING】
吹き出し

男性(左)

女性(右)

ビジネスマン(左)

ビジネスウーマン(右)

悩むおじさん(左)

悩むおばさん(左)
右だけど

男性医師(左)

女性医師(右)

ドヤ顔男性(左)

どや顔女性(右)
解決!【クラッシックで作った部分が削除できない】
クラッシックの部分がバックスペースでも削除できないときがあります。
そういう時は、削除したいところにカーソルを置いて、画面上部の点が縦に3つ並んでるところをクリックして、「HTMLとして編集」をクリックします。該当部分のHTMLソース(アルファベットの羅列)を削除して「下書き保存」。枠が残っていたら、削除したいところにカーソルを置いて、画面上部の点が縦に3つ並んでるところをクリックして、「ブロックを削除」。消えてるかどうかプレビューで確認しましょう。やっているうちにHTMLソースも覚えてきます。

困った時には「HTMLで編集」です(笑)。
失敗しながら覚えていきましょう!
ブログ村に参加してます

コメント