starnote*
Menu
  • Home
  • About
    • About this site
    • About the author
    • Contact
  • Travel
  • Photo
  • Gadget
    • Apple
      • Mac
      • iPhone
      • iPad
    • Sony
    • Camera
    • Android
  • Goods
  • Academic
    • My Research
    • Doctor Course
    • Pharmacist
  • Lifestyle
    • Essay
    • Column
    • House
    • Blog
    • Music
Series
2018年まとめ 2019年まとめ 2020年まとめ 2021年まとめ 2022年まとめ BATTABI Black Mist BRUNO CX-5 CX-60 Featured FUJIFILM FUJINON XF18-55mmF2.8-4 R LM OIS FUJINON XF23mmF2 R WR GR IIIx iPhone 12 Pro Max iPhone 14 Pro Max My Research Panasonic Cuble PickUp PR PRESSo Recommendation SAMYANG AF 12mm F2 SIGMA 24-70mm F2.8 DG DN Art Sony A7III Super Takumar 55mm F1.8 Tokina atx-m 23mm F1.4 X Tokina atx-m 33mm F1.4 X Tokina atx-m 56mm F1.4 X X-T4 X-T200 すたのじん ゆるゆる名古屋旅 わたしたちと鎌倉 わたしたちの長野旅行 アメリカと薬学 伊豆半島ジオパークをめぐる 国営昭和記念公園 年末まとめ 本当に買ってよかったもの 軽井沢挙式 週末台湾 長崎ランタンフェスティバル2019
Categories
  • Academic
    • My Research
  • Android
    • dtab
  • App
    • iOS App
    • Mac App
    • Web App
  • Apple
    • Apple Music
    • Apple Watch
    • iPad
    • iPhone
    • Mac
  • Blog
    • Adsense / Affiliate
    • Blog Design
    • Weekly / Monthly
  • Books
  • Case
    • iPad Case
    • iPhone Case
    • Mac Case
  • Column
    • Blog Writing
    • Career
    • Doctor Course
  • Design
  • Drug Development
  • Essay
  • Foods
  • Gadget
    • iPad Gadget
    • Mac Gadget
    • TV Gadget
  • Goods
    • Goods for Gadgets
    • IKEA
    • MUJI
    • Stationery
  • House
  • Lifestyle
    • Car
    • Dog
  • Movie / Drama
    • Foreign Drama
  • Music
    • Album
    • Headphone
    • Live
    • Music Note
    • Speaker
  • Net
    • Mobile Router
    • WiMAX
  • Opinion
  • Photograph
    • Camera
    • Eyefi
    • FlashAir
    • Photo Management
  • Qualification
    • Pharmacist
  • Skill-Up
  • Sony
    • Action Cam
    • Speaker
    • Xperia
  • Travel
    • America
    • Café
    • Drive! on cube
    • Fukuoka
    • Kamakura
    • Kobe
    • Kumamoto
    • Kyoto
    • Nagano
    • Nagasaki
    • Nagoya
    • Oita
    • Saga
    • Sakura Week
    • Taiwan
    • Tokyo
  • Vlog
  • Web Services
    • Evernote
  • Wedding
Archives
  • 2023年3月 (9)
  • 2023年2月 (8)
  • 2023年1月 (9)
  • 2022年12月 (13)
  • 2022年11月 (7)
  • 2022年10月 (7)
  • 2022年9月 (8)
  • 2022年8月 (8)
  • 2022年7月 (7)
  • 2022年6月 (8)
  • 2022年5月 (13)
  • 2022年4月 (9)
  • 2022年3月 (10)
  • 2022年2月 (8)
  • 2022年1月 (9)
  • 2021年12月 (9)
  • 2021年11月 (8)
  • 2021年10月 (8)
  • 2021年9月 (10)
  • 2021年8月 (12)
  • 2021年7月 (13)
  • 2021年6月 (13)
  • 2021年5月 (11)
  • 2021年4月 (12)
  • 2021年3月 (9)
  • 2021年2月 (10)
  • 2021年1月 (10)
  • 2020年12月 (11)
  • 2020年11月 (9)
  • 2020年10月 (6)
  • 2020年9月 (9)
  • 2020年8月 (9)
  • 2020年7月 (10)
  • 2020年6月 (7)
  • 2020年5月 (7)
  • 2020年4月 (8)
  • 2020年3月 (11)
  • 2020年2月 (3)
  • 2020年1月 (9)
  • 2019年12月 (11)
  • 2019年11月 (8)
  • 2019年10月 (8)
  • 2019年9月 (16)
  • 2019年8月 (17)
  • 2019年7月 (20)
  • 2019年6月 (17)
  • 2019年5月 (17)
  • 2019年4月 (21)
  • 2019年3月 (32)
  • 2019年2月 (28)
  • 2019年1月 (31)
  • 2018年12月 (26)
  • 2018年11月 (10)
  • 2018年10月 (6)
  • 2018年9月 (8)
  • 2018年8月 (5)
  • 2018年7月 (8)
  • 2018年6月 (6)
  • 2018年5月 (11)
  • 2018年4月 (12)
  • 2018年3月 (9)
  • 2018年1月 (8)
  • 2017年12月 (6)
  • 2017年11月 (6)
  • 2017年10月 (1)
  • 2017年9月 (1)
  • 2017年8月 (7)
  • 2017年7月 (5)
  • 2017年6月 (9)
  • 2017年5月 (8)
  • 2017年4月 (4)
  • 2017年3月 (10)
  • 2017年2月 (5)
  • 2017年1月 (9)
  • 2016年12月 (9)
  • 2016年11月 (7)
  • 2016年10月 (4)
  • 2016年9月 (3)
  • 2016年8月 (4)
  • 2016年7月 (6)
  • 2016年5月 (8)
  • 2016年4月 (3)
  • 2016年3月 (3)
  • 2015年7月 (2)
Apple Music
starnote*
starnote*
  • Home
  • About
    • About this site
    • About the author
    • Contact
  • Travel
  • Photo
  • Gadget
    • Apple
      • Mac
      • iPhone
      • iPad
    • Sony
    • Camera
    • Android
  • Goods
  • Academic
    • My Research
    • Doctor Course
    • Pharmacist
  • Lifestyle
    • Essay
    • Column
    • House
    • Blog
    • Music
  • Blog Writing
  • Column

WordPressのブロックエディターも慣れたら使いやすいよ

  • 2019-09-22
  • Yusuke Miura

いわゆる「Gutenberg」っていうやつ。


ブロックエディターに移行してみた

ブログをリニューアルして1か月ほどが経ちました。見た目のデザインももちろんですが、実は内部的にも大幅にアップデートしています。具体的には以下の2点です。

  • 先行して導入していたWordPress 5に完全対応
  • PHPやMySQLを最新版にアップデート

このブログは「WordPress」というシステムの上で動いていますが、その最新版である「WordPress 5」が2018年末にリリースされました。当サイトもアップデート自体は行っていたのですが、新機能に全て対応できていませんでした。

そのひとつが、通称「Gutenberg」(グーテンベルク)と呼ばれるブロックエディターです。記事を書くツールそのものなので、ブログを運営していく上で最も重要な部分だと言うことができます。

新しい Gutenberg 編集エクスペリエンス
コードネームは「Gutenberg」、WordPress の新しい編集エクスペリエンスが現在開発中です。詳細をお読みの上、テストしてみてください。
新しい Gutenberg 編集エクスペリエンス

→ 新しい Gutenberg 編集エクスペリエンス – WordPress.com

これまでのエディターと大きく使い勝手が異なるので、多くのブロガーさんが導入するのをためらっているような状況だと思います。WordPress 5にアップデートしても、ブロックエディターだけを無効化できるプラグイン「Classic Editor」も用意されているくらいです。

とはいえ、プラグイン「Classic Editor」が提供されるのは2021年までとされています。新しいエディターに乗り換えるのをためらっていても、いつかは適応しないといけないときが来るのです。

それなら早めに導入してしまって慣れた方がいいのでは?——というのが僕の考え。だから当サイトはすでに100%ブロックエディターでの編集に切り替えています。

対応したテーマとともに実際に使ってみると、表現の幅が広がっていいことしかないと思っています。


対応テーマとブロックエディターを組み合わせてできること

「WordPress 5に対応したテーマ」と「ブロックエディターでの記事執筆」を組み合わせることで、表現の幅を広げることができます。PC表示でないとわかりにくいかもしれませんが、かなりドラマチックに写真を入れ込むことができるんです。

具体的には、大きな写真を記事本文内に入れ込むことができたり——

ペルセウス座流星群を撮影してきました。最近の撮り方をまとめておきます。

幅広のギャラリーを入れ込むこともできます。

もちろん通常サイズのギャラリーも入れ込めます。

このようなギャラリーはプラグインではなく、WordPress 5の標準機能として備わっているものです。僕としてはインストールするプラグインの数を抑えたいので、標準でここまでできるのは大歓迎。


もちろん写真だけじゃなくて、YouTube動画だってこのとおり。これも標準機能です。


記事の表示そのままに編集できる

これまでのエディターと異なる点として、ブロックエディターで特徴的なのは「実際の記事の表示に極めて近い形で確認しながら編集できる」ということ。

上に掲載したギャラリー部分の編集画面が以下のような感じですが、最終的に出力されるものがそのまま表示されているのが分かります。もちろん画像を並び替えたり追加したりすることもできます。


他には、たとえばツイートを埋め込みたいようなとき。Twitterで埋め込みコードをコピーしてブログに貼り付ける必要がありますが、これは「カスタムHTML」というブロックを挿入して処理することができます。

iPhone 11 Pro Max|購入後12時間のファーストインプレッション

すごいのは、記事の編集画面にしたままHTMLコードをプレビューすることができる点。

iPhone 11 Pro Max|購入後12時間のファーストインプレッション

TwitterだけではなくApple Musicのプレーヤーなども編集画面で表示させることができます。もちろん再生も可能。

YouTubeによる著作権管理をクリアして、シネマティックVlogで音楽を使う。

また、ブロックエディターに移行する前に書いた記事は、引き続きクラシックエディターで編集することができます。クラシックエディターがひとつのブロックとして扱われますが、適宜ブロックエディターに変換することも可能です。

PRESSoをノーメンテナンスで7か月使った結果

画像もドラッグ&ドロップで

まだメディアライブラリにアップロードしていない画像を、いきなり記事内に入れ込みたいとき。このようなときもFinderやエクスプローラーから、編集中の記事の入れ込みたい場所にドラッグ&ドロップするだけです。

これだけで記事内にも画像が入るし、同時にメディアライブラリにもアップロードされます。すごくない?


外部ツールを使う必要がなくなる

新デザイン導入までは、僕はMac/iOSアプリ「Ulysses」を使って記事を書いていました。Markdown形式で書いていましたが、WordPressにおいてMarkdownはもう過去の遺物です。

アクアライン・サンセット・タイム

UlyssesはWordPress 5に対応しています。なので、Ulysses上でMarkdown形式で記事を書いた上で、投稿するときに自動でブロックエディターに変換されます。

しかし、上のように画像をギャラリーにして入れ込んだり、YouTubeの動画を埋め込んだりするには、結局ブラウザ上での作業が必要になります。

それなら最初からブラウザ上のブロックエディターで記事を書いた方が効率的だと思い、Ulyssesで記事を書くのを使うのをやめました。

これまで慣れ親しんだ形式を捨て去ることになるので、個人的にはかなり勇気のいる決断だったのですが、結果からすると大正解でした。記事の見た目そのままに編集できるというのも相まって、ブロックエディターの方が使いやすい。

ちなみに、iPadのSafari上でもMacやPCと同じように編集することができます。新しくフルブラウザが搭載されるiPadOSだけでなく、執筆時点で最新のiOS 12をインストールしたiPad Proでも問題なくブロックエディターが動きます。


最後に

ブロックエディターにはいつか慣れないといけないのだから、もう使わない理由がないと思います。移行してまだ6週間ですが、もう十分慣れました。

確かにまだWordPress 5と対応テーマに移行していない人は使えませんが、この移行作業も含めていつかやらないといけないものです。だから時間を見つけてやっちゃいましょう。

0
0
0
0
0
Related Articles
View Post
  • Academic
  • Career
  • Column

博士修了後に研究職に進まなかった僕が、この4年間でどんな仕事をしてきたか

  • 2023-03-17
  • Yusuke Miura
View Post
  • Column
  • Gadget
  • Mac

結論、HHKBはライトに使ってもいい。使い分けていい。

  • 2022-12-04
  • Yusuke Miura
View Post
  • Blog
  • Blog Writing
  • Column

iPad miniを縦持ち、ソフトウェアキーボードで記事を書くのが意外と快適

  • 2022-11-12
  • Yusuke Miura
View Post
  • Blog Writing
  • Column

文章を書くのは面倒だ。それでも書くには動機づけが大切。

  • 2022-10-11
  • Yusuke Miura
View Post
  • Career
  • Column

在宅勤務中の10分エクササイズ 〜やる気と集中力を取り戻せ〜

  • 2022-08-27
  • Yusuke Miura
View Post
  • Car
  • Column
  • Lifestyle

僕が東京でも車を所有する理由

  • 2022-08-23
  • Yusuke Miura
View Post
  • Blog Writing
  • Column

日々を穏やかに記録する、思考と体験のアーカイブ。

  • 2022-08-09
  • Yusuke Miura
View Post
  • Blog Writing
  • Column

自分のペースでブログを楽しもう

  • 2022-07-19
  • Yusuke Miura
Follow Me!
Twitter
Instagram
YouTube
Pinterest
about
Yusuke Miura, PhD
薬学部6年制課程を卒業後、そのまま博士課程に進学。2019年3月に「博士(薬学)」の学位を取得しました。Macとカメラとクルマを愛する1988年生まれのミレニアル世代です。僕自身はとても飽きっぽい性格なので、自分にひとつの軸を通したくてこのサイトを運営しています。
MORE INFO
Tweets by info_starnote
Categories
  • Academic (57)
    • My Research (3)
  • Android (3)
    • dtab (3)
  • App (14)
    • iOS App (4)
    • Mac App (10)
    • Web App (1)
  • Apple (98)
    • Apple Music (3)
    • Apple Watch (5)
    • iPad (25)
    • iPhone (35)
    • Mac (38)
  • Blog (114)
    • Adsense / Affiliate (1)
    • Blog Design (4)
    • Weekly / Monthly (82)
  • Books (5)
  • Case (12)
    • iPad Case (2)
    • iPhone Case (9)
    • Mac Case (1)
  • Column (132)
    • Blog Writing (39)
    • Career (18)
    • Doctor Course (16)
  • Design (12)
  • Drug Development (1)
  • Essay (35)
  • Foods (6)
  • Gadget (139)
    • iPad Gadget (6)
    • Mac Gadget (3)
    • TV Gadget (1)
  • Goods (81)
    • Goods for Gadgets (4)
    • IKEA (8)
    • MUJI (7)
    • Stationery (6)
  • House (62)
  • Lifestyle (208)
    • Car (87)
    • Dog (7)
  • Movie / Drama (2)
    • Foreign Drama (2)
  • Music (27)
    • Album (3)
    • Headphone (15)
    • Live (1)
    • Music Note (3)
    • Speaker (3)
  • Net (5)
    • Mobile Router (2)
    • WiMAX (1)
  • Opinion (11)
  • Photograph (104)
    • Camera (43)
    • Eyefi (4)
    • FlashAir (1)
    • Photo Management (5)
  • Qualification (8)
    • Pharmacist (8)
  • Skill-Up (1)
  • Sony (6)
    • Action Cam (3)
    • Speaker (1)
    • Xperia (1)
  • Travel (173)
    • America (12)
    • Café (14)
    • Drive! on cube (13)
    • Fukuoka (2)
    • Kamakura (12)
    • Kobe (2)
    • Kumamoto (2)
    • Kyoto (6)
    • Nagano (12)
    • Nagasaki (27)
    • Nagoya (7)
    • Oita (2)
    • Saga (4)
    • Sakura Week (5)
    • Taiwan (10)
    • Tokyo (2)
  • Vlog (8)
  • Web Services (8)
    • Evernote (2)
  • Wedding (1)
Series
2018年まとめ 2019年まとめ 2020年まとめ 2021年まとめ 2022年まとめ BATTABI Black Mist BRUNO CX-5 CX-60 Featured FUJIFILM FUJINON XF18-55mmF2.8-4 R LM OIS FUJINON XF23mmF2 R WR GR IIIx iPhone 12 Pro Max iPhone 14 Pro Max My Research Panasonic Cuble PickUp PR PRESSo Recommendation SAMYANG AF 12mm F2 SIGMA 24-70mm F2.8 DG DN Art Sony A7III Super Takumar 55mm F1.8 Tokina atx-m 23mm F1.4 X Tokina atx-m 33mm F1.4 X Tokina atx-m 56mm F1.4 X X-T4 X-T200 すたのじん ゆるゆる名古屋旅 わたしたちと鎌倉 わたしたちの長野旅行 アメリカと薬学 伊豆半島ジオパークをめぐる 国営昭和記念公園 年末まとめ 本当に買ってよかったもの 軽井沢挙式 週末台湾 長崎ランタンフェスティバル2019
Latest Posts
  • CX-60と暮らす|最上級「Premium Modern」を購入。グレード選びの背景、価格・支払計画まとめ。
    • 2023-03-22
  • 横浜赤レンガ倉庫「赤レンガでわんさんぽ」に行ってきた
    • 2023-03-20
  • 博士修了後に研究職に進まなかった僕が、この4年間でどんな仕事をしてきたか
    • 2023-03-17
  • CX-60と暮らす|元CX-5オーナーが感じた納車1か月のファーストインプレッション
    • 2023-03-14
  • アトリエうかいのクッキー「フールセック・小缶」
    • 2023-03-10
  • 初めて自分の足で外を歩いた日
    • 2023-03-07
  • これが高品質なApple純正。iPhone 14 Pro Maxレザーケース〈ミッドナイト〉
    • 2023-03-05
starnote*
© 2015-2022 Yusuke Miura All rights reserved.

Input your search keywords and press Enter.

 

コメントを読み込み中…