いつもお世話になっております。
うまづら社長(@umazura_ceo)です。
2018/12/6にWordPressの新バージョン「WordPress 5.0」 がリリースされ、新ブロックエディタ「Gutenberg(グーテンベルク)」が採用されました。
今までのエディタに慣れている方には戸惑いも多かったのではないでしょうか。
今回は新ブロックエディタGutenberg の機能をまとめてみました。
インライン要素
インライン画像
インライン要素として画像を挿入できます。
あああああああああ
一般ブロック
段落
テキストを書くための段落を追加します。
テキスト位置
左寄せ
中央寄せ
右寄せ
テキスト編集
太字
イタリック
打消し
文字サイズ
標準
中
大
特大
カスタム(100)
ドロップキャップ
背景色
ピンク
レッド
オレンジ
琥珀
薄いグリーンシアン
鮮やかなグリーンシアン
淡いシアンブルー
鮮やかなシアンブルー
ライト・グレー
シアンブルーグレー
濃灰
カスタムカラーピッカー
文字色
ピンク
レッド
オレンジ
琥珀
薄いグリーンシアン
鮮やかなグリーンシアン
淡いシアンブルー
鮮やかなシアンブルー
ライト・グレー
シアンブルーグレー
濃灰
カスタムカラーピッカー
見出し
![](https://umazura.net/wp-content/uploads/2019/01/ae46b1f460ee46f789c27b264a6cb421.png)
画像
画像を挿入します。
画像サイズ
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-150x150.jpg)
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-300x200.jpg)
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-1024x682.jpg)
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V.jpg)
画像位置
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-150x150.jpg)
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-150x150.jpg)
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-150x150.jpg)
画像編集
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-150x150.jpg)
引用
引用部分に使用します。
引用(通常)
引用元
引用(大)
引用元
ギャラリー
複数の画像でギャラリーを作成します。
画像1 画像2 画像3
![](https://umazura.net/wp-content/uploads/2019/01/goriselectPAKU2889_TP_V-1024x682.jpg)
リスト
リストを作成します。
箇条書きリスト
- 箇条書きリストに変換
- 箇条書きリストに変換
- 箇条書きリストに変換
順序付きリスト
- 順序付きリストに変換
- 順序付きリストに変換
- 順序付きリストに変換
音声
音声コンテンツを埋め込みます。
カバー
テキストオーバーレイを含む画像または動画を追加します。
カバー画像
ファイル
ファイルをダウンロードするリンクを追加します。
フォーマット
クラシック
従来の WordPress エディターを利用できます。
![](https://umazura.net/wp-content/uploads/2019/01/8089e50294910c6cb163e5cb54ad137b-1.png)
カスタムHTML
独自のHTMLコードを直接記述することができます。
![](https://umazura.net/wp-content/uploads/2019/01/552eb4aed1593e952e7a12c7b8a0e9e1-1.png)
整形済み
特殊文字を直接記述することができます。
![](https://umazura.net/wp-content/uploads/2019/01/eb50698bfde81d02629bbd02850abecc.png)
©
©
©
コピーライト
テーブル
テーブルを挿入することができます。
項目 | 項目2 |
1 | 2 |
ソースコード
余白やタグを考慮したコードを埋め込むことができます。
![](https://umazura.net/wp-content/uploads/2019/01/5a497226e54ffd4d3a77fdc9f34d91c9.png)
<pre><code>サンプルコード</code></pre>
プルクオート
引用の装飾が可能になります。
引用
引用元
詩
詩や歌詞的な余白が利用できます。
詩や歌詞
詩や歌詞
レイアウト要素
ボタン
カスタムボタンを利用することができます。
カラム
複数のカラム表示が利用できます。
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-1024x682.jpg)
カラム2
![](https://umazura.net/wp-content/uploads/2019/01/dandaIMGL9063_TP_V-1024x682.jpg)
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-1024x682.jpg)
カラム3
![](https://umazura.net/wp-content/uploads/2019/01/dandaIMGL9063_TP_V-1024x682.jpg)
文字文字文字
メディアと文章
画像と文書を横並びに表示します。
![](https://umazura.net/wp-content/uploads/2019/01/babyuFTHG7875_TP_V-1024x682.jpg)
赤ちゃんバブバブ
続きを読む
コンテンツの抜粋位置を指定します。
![](https://umazura.net/wp-content/uploads/2019/01/0218efccfa565d4d2ee80984bd2a639e-1.png)
改ページ
コンテンツを複数のページに分けることができます。
![](https://umazura.net/wp-content/uploads/2019/01/8089e50294910c6cb163e5cb54ad137b-2.png)
区切り
区切り線を挿入します。
テキスト1
テキスト2
スペーサー
ブロックとブロックの間にカスタマイズ可能な高さの空白を挿入できます。
テキスト1
テキスト2
ウィジェット
ショートコード
WordPressのショートコードを挿入できます。
![](https://umazura.net/wp-content/uploads/2019/01/552eb4aed1593e952e7a12c7b8a0e9e1-2.png)
アーカイブ
記事の月別のアーカイブを挿入できます。
- 2024年7月
- 2024年6月
- 2024年5月
- 2024年4月
- 2024年3月
- 2024年2月
- 2024年1月
- 2023年12月
- 2023年11月
- 2023年10月
- 2023年9月
- 2023年8月
- 2023年7月
- 2023年6月
- 2023年5月
- 2023年4月
- 2023年3月
- 2023年2月
- 2023年1月
- 2022年12月
- 2022年11月
- 2022年10月
- 2022年9月
- 2022年8月
- 2022年7月
- 2022年6月
- 2022年5月
- 2022年4月
- 2022年3月
- 2022年2月
- 2022年1月
- 2021年12月
- 2021年11月
- 2021年10月
- 2021年9月
- 2021年8月
- 2021年7月
- 2021年6月
- 2021年5月
- 2021年4月
- 2021年3月
- 2021年2月
- 2021年1月
- 2020年12月
- 2020年11月
- 2020年10月
- 2020年9月
- 2020年8月
- 2020年7月
- 2020年6月
- 2020年5月
- 2020年4月
- 2020年3月
- 2020年2月
- 2020年1月
- 2019年12月
- 2019年11月
- 2019年10月
- 2019年9月
- 2019年8月
- 2019年7月
- 2019年6月
- 2019年5月
- 2019年4月
- 2019年3月
- 2019年2月
- 2019年1月
- 2018年12月
カテゴリ
カテゴリをリスト表示します。
- VOD
- WordPress
- アフィリエイト
- オーダーメイド腕時計
- クーポン
- ゲーム
- サブスク
- シェアリングサービス
- スタートアップ
- ストックフォト
- トランクルーム
- ドラマ
- ニュース
- ブックマーク
- ブログ運営
- プログラミングスクール
- ポイ活
- レンタルサービス
- 健康
- 副業
- 就職・転職
- 布団宅配クリーニング
- 恋愛
- 投資
- 映画
- 本
- 東京オリンピック
- 格安SIM
- 洗濯代行
- 漫画
- 退職代行
最新コメント
最近の記事コメント一覧を表示します。
最新の記事
最近の記事を一覧で表示します。
- 今宵あなたとひたむき淫らの漫画を全巻無料で読む方法を解説!
- 漫画「華に浪漫~夜伽のはずですが溺愛されています~」を全巻無料で読む方法を解説!DPNブックス「カフネ」の話題作!
- 漫画「次期侯爵様が暇乞いを許さない」を全巻無料で読む方法!
- 漫画「愛妻弁当は不倫に含まれますか?」を全巻無料で読む方法!MUGEN FACTORYの注目作品!
- 漫画「組長娘と溺愛御曹司」を全巻無料で読む方法!【JAMTOON】
埋め込み
埋め込み
動画、画像、ツイートなど外部コンテンツを埋め込むことができます。
![](https://umazura.net/wp-content/uploads/2019/01/eb50698bfde81d02629bbd02850abecc-1.png)
■埋め込み対応一覧
埋め込み | URLを指定して埋め込み |
Twitterの投稿を埋め込み | |
YouTube | YouTubeの動画を埋め込み |
Facebookの投稿を埋め込み | |
Instagramの投稿を埋め込み | |
WordPress | WordPressの記事を埋め込み |
SoundCloud | SoundCloudの楽曲を埋め込み |
Spotify | Spotifyの楽曲を埋め込み |
Flickr | Flickrの画像を埋め込み |
Vimeo | Vimeoの動画を埋め込み |
Animoto | Animotoの動画を埋め込み |
Cloudup | Cloudupの画像を埋め込み |
CollegeHumor | CollegeHumorの動画を埋め込み |
Dailymotion | Dailymotionの動画を埋め込み |
Funny or Die | Funny or Dieの動画を埋め込み |
Hulu | Huluの動画を埋め込み |
Imgur | Imgurの動画を埋め込み |
Issuu | Issuuの記事を埋め込み |
Kickstarter | Kickstarterの記事を埋め込み |
Meetup.com | Meetup.comの記事を埋め込み |
Mixcloud | Mixcloudの楽曲を埋め込み |
Photobucket | Photobucketの画像を埋め込み |
Polldaddy | Polldaddyのアンケートを埋め込み |
Redditの記事を埋め込み | |
ReverbNation | ReverbNationの楽曲を埋め込み |
Screencast | Screencastの動画を埋め込み |
Scribd | Scribdのドキュメントを埋め込み |
Slideshare | Slideshareのスライドデータを埋め込み |
SmugMug | SmugMugの画像を埋め込み |
Speaker Deck | Speaker Deckのスライドを埋め込み |
TED | TEDの動画を埋め込み |
Tumblr | Tumblrの投稿を埋め込み |
VideoPress | VideoPressの動画を埋め込み |
WordPress.tv | WordPress.tvの動画を埋め込み |
まとめ
Gutenbergは、旧エディターと比べるとかなり直感的に操作できる仕様となっています。
私的には慣れてしまえば、以前よりも簡単に記事が作成できるのではと思っています。
是非一度お試しください。
以上、よろしくお願い致します。