彩雨の庭

イラストレーターkazuhaの日常のや描いた絵などの告知をしています。

WordPress新エディタ「Gutenberg」を使ってみたらすごく便利だった

calendar

reload

WordPress新エディタ「Gutenberg」を使ってみたらすごく便利だった

スポンサーリンク

最近、めっちゃ久々にWordPressの勉強をしています!

WordPressのバージョンが5.0になり、ビジュアルエディタ「Gutenberg」が導入されました。

あまりにもエディタの見た目が変わってしまい、自分に使えるかなあ? と心配して色々調べていたのですが、慣れるとかなり便利…触っていたら楽しくなってきたので記事を書いてしまいました!

WordPress新エディタ「Gutenberg」の特徴

エディタがシンプルになった

「ブロック」という概念が導入され、今までボタンで操作していたりHTMLを直接エディタに記入していたりした操作を複雑な操作なく記述できるようになりました!

このエディターは、ブログ投稿や固定ページ編集における新しい体験を作るために努力します。そこでは、リッチな投稿を楽に書くことができ、現在ショートコードやカスタム HTML、「謎に包まれた」埋め込みの検知によって実現されていることを「ブロック」を使って簡単にします。

Gutenberg とは ?

今までのエディタに表示されていた多くのボタンが減ったので、とても見た目がシンプルになりました。
あまりボタンが多いと私は面倒臭くなってしまうので…

Markdown記法に対応するようになった

Markdown(マークダウン)は、文書を記述するための軽量マークアップ言語のひとつである。本来はプレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発されたものである。


Markdown とは?

Webでは文章を見やすくするためにHTMLで文章をマークアップしますが、個人的にはタグを記述するのが面倒だと感じていました。

というのも、Wordpressって結構重たいんですね。オフラインでは気軽に使えないので… このため軽量なブログエディタを導入しようかな…とも考えていました。

Markdown記法なら記述の間違いもしづらいし、オフラインで利用できるシンプルなテキストエディタでも気軽にマークアップできるようになりました。

MarkDownを気軽に書く方法

テキストエディタでも、様々なプログラミング言語に対応しているものや便利な機能を備えたものが無料で存在します。

無料で使える高機能なテキストエディタの例

ブログを書く場合、私が必要な機能は下記のようなものですが、もちろんどちらも対応しています!

  • 検索/置換機能
  • スペース、改行などの記号が表示されること
  • 文字数カウント
  • 文法チェック(タグの色分け)

新エディタ「Gutenberg」でMarkdownを使う方法

1)テキストエディタで記事をMarkdownしながらゴリゴリ書く

テキストエディタでブログの文章をMarkdownしながらゴリゴリ書く
私は「mi」で書いています

2)書いた文章を全選択してコピーする

Markdownされたテキストをコピーします
これをガッとコピーして


3)新エディタ「Gutenberg」のタイトルの次のブロックにペーストする。

タイトルの次のブロックにペーストするのがポイントです
タイトルの次のブロックにペーストするのがポイントです

補足:ショートコードを使用している場合、自動でショートコードブロックが作成されます。(現在のブログのテンプレートではショートコードが無いのでサンプルが出せません…)

ペーストするだけでエディタ上でもマークアップされます
ペーストするだけでエディタ上でもマークアップされます。

1秒でマークアップ終了!
このマークアップする作業がすごく面倒に感じていました。

他にも便利な機能があります

  • ブロックごとの順番は気軽に入れ替えることができます
  • ショートカットキーもあるので、ブロックの作成も簡単

まとめ

HPと言えばHTMLをメモ帳で直打ちして作っていた時代を考えると、こんな便利なものを無料で使わせてもらえるとかマジ最高の時代ですね!

いやぶっちゃけ超便利!!!これなら、SNSに投稿するような気軽な感覚でブログに投稿できます。超最高!!開発者の人達ありがとう。

私のブログに対しての意識が、大幅に変わりました!
今年はブロガーデビューしちゃおうかな。

この記事をシェアする

コメント

コメントはありません。

down コメントを残す




CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

kazuha

kazuha

絵を描くのと猫とグダグダするのが好き。
ビール大好き! [詳細]

folder タンザニア旅行記

COMITIA120新刊
セルフ飯テロで自爆
ようやく原稿描き始めた
more...