ワードプレス/ブロックエディタ(cocoon)の覚えておきたい使い方【初心者用】

※当ブログはアフィリエイト広告を利用しています

ブログ運営・YouTube

こんにちは。

あおりんごです。

ブログ開設してから1か月。

今だ、悪戦苦闘の連続ですが💦

あおりんごがワードプレス(cocoon)で

よく使う、覚えておきたい操作方法を

お伝えします。

(あおりんご流です💦)

スポンサーリンク

ワードプレス/ブロックエディタ(cocoon)の覚えておきたい使い方【初心者用】

段落(記事)を編集するには?

画面上で+マーク(ブロックを追加)が出たらクリック

(もしくは左上の+マークをクリック)

段落をクリック

(もしくは検索窓から段落と入力)

記事を入力する。

編集画面のアイコンが出てくるので

太字、マーカー、上下移動、配置、ブロックの削除など他、できます。

見出しを設定する(h2.h3.h4)には?

画面上で+マーク (ブロックを追加) が出たらクリック

(もしくは左上の+マークをクリック)

見出しをクリック

(もしくは検索窓から見出しと入力)

通常、見出しはh2を選び、

小見出しにh3.h4などを使用しています。

h2の次にh4という使い方はNGです。

あおりんごも当初は

わからずに

そんな使い方してましたけど…💦

※見出しを作れば、

自動で目次が作成できます。

目次があると見やすいし、

便利ですね。

画像を挿入するには?

画面上で+マーク (ブロックを追加) が出たらクリック

(もしくは左上の+マークをクリック)

画像をクリック

(もしくは検索窓から画像と入力)

アップロード、メディアライブラリー、URLから

挿入のいずれかを選ぶ。

付箋、タブなどを使うには?

画面上で+マーク (ブロックを追加) が出たら クリック

(もしくは左上の+マークをクリック)

クラシックをクリック

(もしくは検索窓にクラシックと入力)

メニューが出てきたら、

必要な付箋やタブを選択↓

例えば…スタイル▼を押すと

メモ↓

 

付箋↓

 

タブ↓

 

囲みの中に、文字を入力していきます。

囲みの中では改行する際、Enterではなく

Shift+Enterで改行します。

表を作成するには?

画面上で+マーク (ブロックを追加) が出たら クリック

(もしくは左上の+マークをクリック)

テーブルをクリック

(もしくは検索窓にテーブルと入力)

カラム数と行数を入力して

表を作成ボタンをクリック

↓以下の表が作成できます。

(カラム数2、行数2)の場合

        

表の編集メニューが出てきたら↓

行を上下左右に追加や削除したり、

配置、移動も簡単にできます。

またテーブルに文字を入力すると

文字数にあわせて表が自動で

広くなります。

吹き出しを使うには?

①まずは登場人物の吹き出しを作る必要があります。

例えばあおりんごの場合↓こんな感じ (笑)

あおりんご
あおりんご

はじめまして…

①ダッシュボード→cocoon設定→吹き出し→新規追加をクリック。
 ・タイトル 01 あおりんご 入力
 ・名前  あおりんご  入力
 ・アイコン画像 
  好きな画像(正方形が望ましい)
②保存する

※吹き出し一覧に

サンプルの吹き出しもあるので

名前などを変えて(画像はそのまま)

編集して使うことも可能です。

②投稿画面に吹き出しを使うには?

画面上で+マーク (ブロックを追加)が出たら クリック

(もしくは左上の+マークをクリック)

吹き出しをクリック

(もしくは検索窓に吹き出しと入力)

吹き出しが出てきたら

その近くをクリックしてブルーの編集画面を出す。

右の設定⚙ボタンをクリックすると

吹き出しの編集が可能です。                      ⚙設定↓

人物、吹き出しスタイル、人物位置、

アイコンスタイル、背景色など…

好きなものを選んで編集してくださいね。

内部リンクを貼るには?

画面上で+マーク (ブロックを追加) 出たら クリック

(もしくは左上の+マークをクリック)

ブログカードをクリック

(もしくは検索窓に ブログカード と入力)

 リンクを貼りたいサイトURLを入力する。

例(https://*******/**/)↓こんな感じになります

☆関連記事、あわせて読みたいのラベルを表示するには?
1.画面右の設定⚙をクリック。
2.ブロックを選択
3.ラベルメニューから使用したいラベルを選択する↓

広告リンクを挿入するには?

注意!ASPに登録→広告と提携→広告コードをコピーしているものとします

画面上で+マーク (ブロックを追加) 出たら クリック

(もしくは左上の+マークをクリック)

カスタムHTMLをクリック

(もしくは検索窓に カスタムHTML と入力)

タグをコピペして貼り付けます。

プレビューで確認します。

※よく使うアフリエイトタグは登録しておくと便利
1.cocoon設定→アフリエイトタグをクリック
3.新規追加
2.タイトルを入力
3.内容にアフリエイトタグをコピペして貼り付ける
4.保存

※よく使うアフリエイトタグを挿入するには?

画面上で+マーク (ブロックを追加) が出たらクリック

(もしくは左上の+マークをクリック)

段落をクリック

(もしくは検索窓から段落と入力)

下記の編集メニューが出てきたら、

アフリエイトタグをクリック↓

一覧から使用するタグを選択

↓こんな風に張り付きます。

[affi id=*]

編集画面で配置や移動なども可能です。

投稿前にパーマリンク、カテゴリー、タグ、アイキャッチ画像を設定するには?

投稿記事のカテゴリー設定

右の設定⚙ボタンをクリック(上図参考

②カテゴリーに☑マークを入れる

投稿記事のタグ設定

右の設定⚙ボタンをクリック(上図参考

 ②新規タグを追加にタグを入力する

 ※複数入力する際は

 Enterで区切って入力する

アイキャッチ画像の設定

(画像挿入と同じ方法です。)

アップロード、メディアライブラリー、URLから挿入のいずれかを選ぶ。

アイキャッチ画像を設定する

パーマリンクの設定 (上図参考)

あおりんごの場合、

毎回パーマリンクの設定をするのは面倒なので

自動で番号が振られる設定をしています

↓なので投稿の際は設定必要なし。

ダッシュボード→設定→パーマリンク→カスタム構造をクリック→
サイトアドレス右の四角の中の /%postname%/ を消す
→下の四角の中から  /%post_id%/ を選択→変更を保存

※新たにページを追加した場合、
ページアドレスの後に自動で番号が振られます。

日付を変えて投稿するには?

一度記事を公開する→右の投稿欄の公開日を(過去、未来に変更)

過去の出来事を記事にして、日付は出来事のあった日にするのに

役立ちます。また記事をまとめて書いて予約投稿にも便利です。

まとめ…

いかかでしたか?

まだまだ超絶初心者のあおりんごが

ブログ開設の1か月の段階で

ワードプレス(cocoon)を使いながら

学んだことをお伝えしています。

少しづつ学んで私と同じく初心者の方にお役に立てるよう

精進していきたいです。

ブログランキング・にほんブログ村へ

  

   

コメント

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