![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_60,h_763/https://hideodayo.com/wp-content/uploads/2024/04/worry_man_simple.png)
AFFINGER6でGutenbergプラグイン2(ブロックエディター)をインストールする方法が知りたい...
このような方におすすめの記事。
![ひでお](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_60,h_512/https://hideodayo.com/wp-content/uploads/2022/10/cropped-wp-16658820749847776862467098116553.png)
こんにちは、どうも、ひでおわーるどです。(X:hdowrld)
ブログで毎月4桁収益が得られるようになりました。又、最近ではYouTubeチャンネルも登録者1,000人超えて広告収入が得られるようになりました。
今回は、AFFINGER6でGutenbergプラグイン2をインストールする方法を画像付きで解説していきます。
- Gutenbergプラグイン2(グーテンベルク)とは?
- Gutenbergプラグイン2をダウンロードする方法
- Gutenbergプラグイン2をWordPressにインストールする方法
これらを解説していきます。
あなたのグーテンベルクライフの参考になれば幸いです。
それではさっそく見ていきましょう。
よろしくお願い申し上げます。
れっつご(・ω・)ノ
目次
Gutenbergプラグイン2(グーテンベルク)とは?
Gutenbergプラグイン2(グーテンベルク)とは一体なんなのでしょうか?
それは下記のとおり。
Gutenbergプラグイン2は、WordPressテーマ「AFFINGER6」専用に開発された、Gutenbergエディターを拡張するプラグインです
という感じです。
Gutenbergプラグイン2を使うメリットは下記のとおり。
- AFFINGER6との相性抜群
- AFFINGER6のデザインにマッチしたブロックが多数用意されている
- AFFINGER6の機能を最大限に活かせる
- 使い方が簡単
- ブロックの追加や設定が簡単
- コードを書かなくても高度なデザインを実現できる
- サイトの表示速度向上
- 軽量なコードで書かれている
- 不要な機能を無効化できる
上記のとおり。
ただし、Gutenbergプラグイン2は、AFFINGER6以外のテーマでは使用できません。
ですので、「いま現在アフィンガーを使ってる!」という方向けのプラグインとなります。
もし、まだアフィンガーを購入していない方は、この機会にポチっておくといいかもです。
Gutenbergプラグイン2をダウンロードする方法
それでは、ここからGutenbergプラグイン2をダウンロードする方法を解説していきます。
スクリーンショットも掲載しておくので、マネをすればすぐにダウンロードができます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_543/https://hideodayo.com/wp-content/uploads/2024/02/a3936d267aa937f32f36013a930ee73e.jpg)
まずは、「AFFINGER6購入ユーザー限定ページ」へとアクセスします。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_547/https://hideodayo.com/wp-content/uploads/2024/02/9dcb62cc45e344a940d488a17a397fb5.jpg)
メールアドレス、パスワードを入力してログインしましょう。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_961,h_600/https://hideodayo.com/wp-content/uploads/2024/02/c652d4755714bdb8bdca66b72907fc74.jpg)
Gutenbergプラグイン2 ver2.7.4を「※規約に同意してダウンロード」をクリックしてダウンロードしましょう。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1057,h_194/https://hideodayo.com/wp-content/uploads/2024/02/75658cf5bf8d396f8256f693c81a8e77.jpg)
Gutenbergプラグイン2 ver2.7.4をダウンロード完了できました。
ダウンロードが完了したら、特にクリックをしたりせずにそのまま放置して次のステップへいきましょう。
Gutenbergプラグイン2をWordPressにインストールする方法
先ほどはGutenbergプラグイン2 ver2.7.4をダウンロードしました。
そしていよいよ最後は、Gutenbergプラグイン2をWordPressにインストールする方法を解説していきます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_458,h_600/https://hideodayo.com/wp-content/uploads/2024/02/60bcbc2ab2a7631c418b781fedd778f9.jpg)
まずはWordPressのダッシュボード画面を開き、「プラグイン⇒新規追加」をクリックします。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_578/https://hideodayo.com/wp-content/uploads/2024/02/98e5400c25c390c4b0778f8c6d9086d7.jpg)
「プラグインのアップロード」をクリック。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_578/https://hideodayo.com/wp-content/uploads/2024/02/98e5400c25c390c4b0778f8c6d9086d7.jpg)
「プラグインのアップロード」をクリック。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_323/https://hideodayo.com/wp-content/uploads/2024/02/b97e4a3215cdc13a7331385ae499104b.jpg)
「ファイルを選択」をクリック。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_214,h_253/https://hideodayo.com/wp-content/uploads/2024/02/9b9c6168a12ba54e2acdba1ecb940d29.jpg)
先ほどダウンロードした「Gutenbergプラグイン2 ver2.7.4」を選択。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_329/https://hideodayo.com/wp-content/uploads/2024/02/57291ee8e1c652d94fa62d5e09909dac.jpg)
「今すぐインストール」をクリック。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_862,h_600/https://hideodayo.com/wp-content/uploads/2024/02/8af4827d3a9840d09ee70bc35461915f.jpg)
インストールが完了したら「プラグインを有効化」をクリック。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_139/https://hideodayo.com/wp-content/uploads/2024/02/e07008ca0b1a307f5591d77f2164c0b9.jpg)
これで「Gutenbergプラグイン2」が有効化されて、使えるようになりました。
しかし、ここで一つだけ注意点があります。
Classic Editor(クラシックエディター)プラグインを無効化しないと、グーテンベルク2が使えません。
ということでClassic Editor(クラシックエディター)プラグインを無効化しましょう。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_213/https://hideodayo.com/wp-content/uploads/2024/02/995789fe88a83adc217762c827db7929.jpg)
Classic Editor(クラシックエディター)プラグインの「無効化」をクリック。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_37/https://hideodayo.com/wp-content/uploads/2024/02/4bcf6925679ce09512a3c998651f7be2.jpg)
これでClassic Editor(クラシックエディター)プラグインを無効化完了できました。
あとは試しに投稿をしてみましょう。(新規投稿画面を開く)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_546/https://hideodayo.com/wp-content/uploads/2024/02/b38a49b6b36b032e774f4201e89ebf81.jpg)
投稿画面を開くと、自動で「ブロックエディターにようこそ」という案内画面が開きます。
簡易的に使い方を教えてくれます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_533/https://hideodayo.com/wp-content/uploads/2024/02/6ea55331c43854edcfdf04227992165a.jpg)
実際にGutenbergプラグイン2で記事を書くとこんな感じになります。(上の画像参照)
カーソルを合わせてクリックして装飾を変えたり、「+」を押すとブロックが表示されてそれで、メモアイコンやボックスアイコンを使うことができます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_927,h_600/https://hideodayo.com/wp-content/uploads/2024/02/e91d0e64b90b336138f8d85943898961.jpg)
画像のように、「/」(スラッシュ)を入力することで各種ブロックを選択できます。
例えば、実際に「AFFINGER:会話ふきだし」をクリックしてみると、下の画像のような装飾が可能です。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_368/https://hideodayo.com/wp-content/uploads/2024/02/5ecdef03863d5ebdd9382f8b6913cf86.jpg)
こんな感じで、かんたんに会話ふきだしを登場させて、キャラ変更したり、向きを反転させたりなどが可能です。
![ひでお](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_60,h_512/https://hideodayo.com/wp-content/uploads/2022/10/cropped-wp-16658820749847776862467098116553.png)
こんな感じで、ぼくのふきだしもすぐに出すことができます。
クラシックエディターと違って、マウスを動かすより「キーボードのショートカットキー」でサクサク動かす感じの使い方になりそうですね。
※マウスなしのノートPCなので個人的に使いやすいかも
ということで、これにて、AFFINGER6でGutenbergプラグイン2をダウンロードしてインストールする方法は以上となります。
まとめ:Gutenbergプラグイン2でさくさく記事を書いていこう
今回は、「AFFINGER6でGutenbergプラグイン2をインストールする方法」を解説しました。
ダウンロードするのもインストールするのもかんたんでしたね。
そして、実際に使ってみると、「あれ?もしかして、けっこう使いやすい?」となっていて、いまブログ記事を書いているのが、なんか楽しいです。
Classic Editor(クラシックエディター)を長く使っていたぼくでも、わりと使えているので、本記事を読んでくださったあなたもきっとすぐに使えると思います。
しばらくはAFFINGER6でGutenbergプラグイン2を使ってブログ記事を書いていきますね。
ということで、今回は以上となります。
最後までお読みいただきありがとうございました。
あなたのグーテンベルクライフの一助になれば幸いです。
それでは、また次の記事で!