- これで解決！「【SWELLのブロックエディタ使い方解説】初心者にオススメのやり方講座その1」
本記事を読めば、初歩的なSWELLのブロックエディタの使い方が少しわかるようになります。SWELLのブロックエディタの使い方がわかることで、本格的にブログの記事を書いてゆくことができます。更に使いこなせるようになれば、効率よくスピーディーに記事やページが作成・修正できる上、見栄えも綺麗で、ユーザーに読みやすい構成の記事が書けるようになります。ぜひ参考にしてくださいね。
ひろおじせっかくSWELLを導入したのに、なかなか使い方が分からなくて手が止まってしまった方いませんか？
メチャじじ先日SWELLを導入したのに、このブロックエディタの使いかたが分からずに手が止まってしまっているのじゃ・・・
チョイじじそうだね、ちょっと慣れないと使いづらいかもしれないね。
この記事では、初心者にオススメのやり方でSWELLのブロックエディタ使い方を解説をしていきます。
- SWELLを導入したばかりの方
- SWELLの使い方が分からず手が止まっている方
- ブロックエディタを見ておきたい方
- WordPressの初期設定が終わった方
早く希望の記事箇所に到達したい方はコチラ
- SWELLのブロックエディタは、機能的で使いやすく初心者におすすめ
- SWELLのブロックエディタを使ってこんな記事を書いてみましょう
- SWELLのブロックエディタの使い方、初心者でもできるオススメのやり方
当ブログでは、初心者が快適なブログ運営をするために必要な『エックスサーバー』と『SWELL』の説明。そしてWordPress導入後、10記事書くまでに必要なWordPressとSWELLの設定、必要なプラグイン等の徹底解説をしております。ぜひご活用くださいませ！
SWELLのブロックエディタは、機能的で使いやすく初心者におすすめ
ブロックエディタとは？
ブロックエディタ（Gutenberg/グーテンベルグ）とは、WordPress5.0から標準搭載されている、ワードプレスで記事やページを編集する機能です。文章や画像をブロック単位で管理するため、より直感的に操作できるというメリットがあります。
ブロックエディタは、初心者とっては必要不可欠な機能となります。HTMLやCSSに代表されるようなサイト作成の知識がない人でも、直感的かつ自由にワードプレスで記事やページを作成・編集することができるのです。
メチャじじとにかく直感的に扱えるのが助かるのじゃ・・・
- HTMLやCSSなどの知識がなくても、多彩な見せ方ができる
- ブロック単位で簡単に移動、コピー、削除などができる
- ショートカットが豊富で、効率的な作業が可能
ブロックエディタは、その名の通り、ブロック単位で見出し・画像・文章などをそれぞれ管理します。「見出しのブロック」「画像のブロック」「文章のブロック」など様々なブロックが用意されており、文章内の好きな位置に配置したり、移動したり、変更したりすることができます。
SWELLのオリジナルブロック
テーマのSWELLには、現在22個のオリジナルブロックが用意されています。通常の作業ですとほぼほぼこれだけで完成してしまうぐらいの構成になっています。見た目もきれいで、機能性が高いのが特徴です。
SWELLのブロックエディタを使ってこんな記事を書いてみましょう
なにはともあれ実践ですので、下のような簡単な記事を一緒に書いていきましょう！！
初めてのブロックエディタ
はじめまして！
今日は、ブロックエディタで初めての記事を書いています。
ちょっと、ドキドキです。
よかったら見に来てくださいね。
ブロックちゃん率直に思った事！
- 思ったより簡単だった
- 慣れるまで時間かかりそう
- いろいろできて楽しい
今回、初めてブロックエディタを使ってみて、ちょっと安心しました。だってこれが使えないと記事が書けないですよね。でも最初見たとき『あれ、大丈夫かな？』って思ったんですけど、ちょっと触っているうちにだんだん慣れてきました。何記事か書いていればわかってくると思いますよ。
- 直観的に使いやすいね！
- 思い通りに編集しやすい。
- html/cssなど一切触ることがないわね。
- 扱えるまで慣れが必要かな。
- 機能が多いので使わないものを忘れそう。
上記、緑の枠内の記事をSWELLのブロックエディタでどのように作成していくか説明していきますね。
メチャじじいよいよじゃな！
ひろおじそうですね。第一歩を踏み出しましょう。
訪問してくださるユーザー様に、見やすく、なるべくわかりやすく、そして目的記事へ誘導できるようウィジェットを上手に活用していきましょう。
SWELLのブロックエディタの使い方、初心者でもできるオススメのやり方
WordPress、SWELLのブロックエディターを使いこなそう！
ブロックエディタは、便利な機能満載で、投稿がすごく楽になります。
SWELLのブロックエディタは、機能的にも装飾関係もとても使い易いと評判です。
少し慣れが必要ですが、記事を書いていると段々分かるようになってきます。
文字の入れ方
まず、ワードプレスのダッシュボード（管理画面）から、左側のメニュー「投稿」にマウスを合わせて「新規追加」をクリックしてみましょう。
練習ですので、『初めてのブロックエディタ』と入れてみましょう。
チョイじじちょっとええか？ このタイトルってなんのタイトルじゃ？
ひろおじこれは、記事のタイトル名なんです。だから一記事1タイトル。
チョイじじブログのタイトル名じゃないよ。
そのあと、黒のブラスボタンで 下記のように文字を入れてみました。
改行はEnterキーですが、『～初めての記事を書いています。』の後は、Shiftキーを押しながらEnterキーを押しているので、行間が狭くなっています。よく使いますので覚えておいてくださいね。
画像の入れ方
プラスボタンから画像を選択。
好きな画像をアップロードするかメディアライブラリから選択して挿入します。
画像を挿入したらこんな感じです（お好きな画像を入れてみてくださいね）
この画像(絵)はCANVAで作成しました。無料で簡単にできます。解像度は、1200×630pxです。
無料でイラストが作れるデザイン制作ツールCanvaを紹介【使い方も】
箇条書き
左上の『ブロック挿入ツールを切り替え』ボタンからリスト入りグループを選びます。
箇条書きが表示されたら、下記のように文字を入力してみましょう。
次に装飾を変えてみましょう。
右上の設定ボタンから
文字が選ばれている時は、チェックや目次風などのスタイルが選べます。
フレームが選ばれている時は、フレームのスタイルが変更できます。
ブロックの追加
画像と箇条書きの間に例えば文字など入れたい時は、ブロックを追加をして文字を入れてみましょう。
下記の位置にカーソルを合わせると、ブロックの追加ボタンが出ます。
吹き出し
ブロックを追加表示を選択。
吹き出しの設定がいろいろできますので、各項目好きな見栄えに変更してみてください。
今回ここではのアイコン画像は、canva（無料です）からもってきましたよ。名前はブロックちゃんにしました。
ボタンの設置
ボタンを設置してみましょう。他のサイトや販売ページへ誘導には不可欠です。
黒のプラスボタンで
ブロック追加全て表示SWELLボタンを選択
設定ボタンから、ボタンがいろいろ編集できます
今回は、こんな感じにしてみました。
商品レビュー
商品レビューをしてみましょう。実際の感想を書いたり、評価することによって、より信頼度が増したり購買意欲がわいたしますよね。
ブロックの追加全て表示商品レビュー
各箇所記入して『商品レビュー』を作ってみよう。
訪問してくださるユーザー様に、見やすく、なるべくわかりやすく、そして目的記事へ誘導できるようウィジェットを上手に活用していきましょう。
今日からあなたも編集長
WordPressについて知りたい方はコチラ
オススメなレンタルサーバーを知りたい方はコチラ
当サイトもエックスサーバー。理由はコチラ
早速WordPressでブログ始めたい方はコチラ
WordPressに興味のある方はコチラ
アフィエイトブログに挑戦したい方はコチラ
WordPress開設後、必要な設定等を確認していきたい方はコチラ
まとめ：【SWELLのブロックエディタ使い方解説】
今回は、【SWELLのブロックエディタ使い方解説】初心者にオススメのやり方講座その1ついて解説しました。
ブロックエディタは、初心者とっては必要不可欠な機能となります。HTMLやCSSに代表されるようなサイト作成の知識がない人でも、直感的かつ自由にワードプレスで記事やページを作成・編集することができるのです。
具体的な、SWELLのブロックエディタの使い方はコチラ
- SWELLのブロックエディタは、機能的で使いやすく初心者におすすめ
- SWELLのブロックエディタを使ってこんな記事を書いてみましょう
- SWELLのブロックエディタの使い方、初心者でもできるオススメのやり方
SWELLのブロックエディタ使い方がわかることで、本格的にブログの記事を書いてゆくことができます。このSWELLのブロックエディタを更に使いこなせれば、効率よくスピーディーに記事やページが作成・修正できる上、記事の見栄えも綺麗で、ユーザーに読みやすい構成の記事が書けるようになります。
『どこに記事を書けばいいのか？』『プロフィールどこに作るのか？』そんな悩みを解決します。
さて、「SWELLのブロックエディタのオススメのやり方」がわかりましたら、次は「SEO SIMPLE PACKの設定方法と使い方【SWELLのSEO機能をアップ】」に挑戦してみましょう。
詳しいやり方は下記の記事で紹介しているので、あわせて読んでみてくださいね。
当ブログでは、初心者が快適なブログ運営をするために必要な『エックスサーバー』と『SWELL』の説明。そしてWordPress導入後、10記事書くまでに必要なWordPressとSWELLの設定、必要なプラグイン等の徹底解説をしております。ぜひご活用くださいませ！