wordpress gutenberg pタグ 9

All rights reserved. (単純な記事のレベルを超えたようなLPのようなページも簡単に作れそうな印象をもちました), いつまでも旧エディタに執着していると、WordPressに付いていけなくなります…。いつかGutenberg or WordPressと選択を迫られる時が必ず来ますので、できるだけ早い内に使い慣れておくことをおすすめします!, Gutenbergの基本的な使い方です。単純にすると以下の3ステップかと思います(※ ほぼ2を繰り返す), 新規追加を開くと、「タイトル」箇所にフォーカスが当たっていると思います。とりあえずタイトルを入力しましょう。, ちなみに、タイトルのブロックにフォーカスするとパーマリンクが変更できるようになります。, パーマリンクの場所どこ?ってなった。タイトルにフォカスすると出てくるのか pic.twitter.com/0ztM7HezYa, 作成する感覚としては、今まで同じように文章を入力するだけならブロックをそんなに意識しなくてもいいと思います。, 画像とか埋め込みとかしたくなったら、左上にある「」からブロックを追加していきます。, 2を必要な分だけ繰り返し追加していくのがGutenbergでの記事の作り方だと思います。, 前のエディタ(TinyMCE)なら、インライン要素単位で装飾できたかと思いますが、Gutenbergでは、基本的にブロック単位での装飾になります。, ブロックを選択すると、右側でブロックエリアが選択されます。「どのブロックが選択されているか」の情報と、装飾できる候補が出てきます。, Gutenbergはブロックを足したり引いたりを繰り返すことによって記事を作成していきます。めちゃくちゃ大量のブロックが用意されていて、使いこなせるブロックの数が多いほど、記事に彩りが出るって感じですね。, ブロックを制するものはGutenbergを制する!ということで、各ブロックをドバーっと紹介していきます。全部で62種類あります笑(※ 2018年11月時点), 一部ブロックを簡単に紹介していきます。埋め込み系は総じてなぜかキャプションの入力が可能です。, この辺の、WordPressの既存のテキストエディタへのボタン追加などを前提としたプラグイン(テーマ自体の拡張もですが、)は、使えません。Gutenbergを拡張するための仕組みに変えることが求められるので。, なので、プラグインやテーマ自体が対応するのを待つか、ご自身で作成するかの2択ですね…, 見出しもマーカーもボタンも簡単登録!「AddQuicktag」でWordPress投稿編集から簡単タグ挿入, 特に「Advanced Custom Fields」に依存して作っている人は(わたしも含めて)多かったので、Gutenbergが発表されてからも「ACFは対応するのどうなるの?」「使えなくなったら終わる」みたいな声がたくさんありました。, そんな声を知ってか知らずか、ACFは結構早い段階で「対応します!」と明言していましたね。, Gutenbergの公開前から既に対応が完了していて、わたしとしては「もう一生ついていきます!」って感じです, 「All in One SEO Pack」もそういえば投稿画面からタイトルやディスクリプションの設定などがありましたね。と思って試してみたら、こちらもGutenbergの正式な公開前から対応していました。, 隊長!Gutenbergの投稿画面からでも「Advanced Custom Fields」と「All in One SEO Pack」が使えることを確認しました(`・ω・´)ゞ, 編集作業していると、「今どのブロックが選択されているか分からない」ってことがよくあります。 WordPress5.0から採用される新エディター「Gutenberg」の使い方を、これからWordPressに初めて触れる人でもわかりやすくまとめました!旧エディターからGutenbergへの乗り換えを検討されている方も、ぜひ参考にしてください。 訳)ブロックとは、ショートコード、埋め込み、ウィジェット(中略)など、現在さまざまな方法でカバーされているものを、統一的に進化させたものだ。, 引用元 : https://wordpress.org/plugins/gutenberg/, つまり、これまで多様化していた手段が整理され、基本的にはブロックを使えば対応できるということだ。 どのような方法で実装するかという選択に時間を使うことなく、最短で結果を得ることができる。, 編集画面左上の「+」アイコンからブロックメニューを開き、追加したいブロックを選択する。, 次に本文を追加する。 テキスト入力には「段落ブロック」を使う。 段落ブロックはブロックメニューから追加できるが、画面上に文章を入力するだけでも、自動的に段落ブロックとして扱われる。, ブロックにカーソルを合わせると、左側に移動アイコンが表示される。 矢印で上下に、または中央アイコンをドラッグで、ブロックの並び替えができる。, 詳細設定メニューから「HTMLとして編集」を選択すると、ブロックをHTMLで編集することができる。, 右上の「公開する」ボタンをクリックする。 必要に応じて、右サイドバーから公開状況なども設定しておこう。, Gutenbergには、多種多様なブロックが用意されている。 ブロックを組み合わせることでHTMLやCSSの知識がなくても、彩りのあるデザインや読みやすいレイアウト、動画やSNSとの連携など、表現豊かな記事作成ができる。, もっとも使用頻度が高いブロック。通常の記事なら、ほぼ一般ブロックのみで作成できるだろう。, サイト外のコンテンツを埋め込むためのブロック。対応する34種類から、一部を紹介する。, 役割 … 見出しを入力する タグ … 

 

 

 

 
, パソコンからアップロードや、メディアライブラリから選択するほか、画像を画面上にドラッグして直感的にアップロードすることもできる。, 役割 … 背景画像つきのテキストを入力する タグ … 
 

 (画像はbackground-imageに設定される), 背景画像には、半透明のオーバーレイが重なっている。 オーバーレイの色は、右サイドメニューから変更できる。, mp4などのファイルをアップロードできるほか、URLを入力するだけでYouTube動画を埋め込むことも可能だ。, ファイルを選択すると、ファイル名とダウンロードボタンが挿入される。 画像、文書、zipなど、さまざまなファイルに対応している。, テーブルブロックのセルは、すべてで生成される。 項目名には通常タグが使われることが多いが、テーブルブロックの設定ではを選択できない。 タグを使いたい場合は、HTMLを直接編集しよう。, 入力中に ctrl + Z (command + Z)で取り消すとブロックごと消えてしまう場合があるので、取り消すときはツールアイコンをクリックしよう。, 役割 … 引用ブロックを挿入する タグ … 

の中の
, blockquoteタグが挿入されるため、用途としては引用ブロックと同じだろう。 通常の引用ブロックよりも大きな文字で表示されるため、さらに強調する場合などに使おう。, WordPress公式の説明は以下のとおり。「詩ブロックは、詩を書くのに理想的です」とのことだ。.

モンハン Psp 持ち方 4, 2ch パナソニック 裏事情 4, カブ 二人乗り 子供 4, Phrozen Sonic Mini Amazon 11, 読書感想文 例文 小学生 12, しいたけ占い 2020 蠍座 7, Get_terms 非 公開 5, Skyrim 付呪 コンソール 4, 能開 センター 夏期講習 4, Fm81 9 横浜 12, Access サブフォーム 複数 5, Ls460 車高調 取り付け 6, Ff14 放置 メリット 4, ポケモン データを 読め ませ んで した 4, さんま御殿 2019年6月11日 動画 17, 米 アトピー 50倍 10, すごい 写真 撮り方 8, とろける4種チーズのハンバーグ 賞味 期限 6, キス アジアン 仮面ライダー龍騎 9, 猫 里親 所沢 4, エコキュート 日立 デメリット 7, 地積測量図 費用 法務局 11, 機動戦艦ナデシコ 劇場版 その後 19, スイッチ タイマー 付き 交換 7, ガーミン マスターリセット データ 9, バイク ヘッドライト パッシング し かつ かない 4, My Way 2 和訳 Lesson6 4, Sqlplus Sql ファイル 改行コード 41, Fx 税金 個人 4, 戸叶 工業 大学 8, Wps Spreadsheets T検定 5, 手羽先 骨 喉 5, 社会人野球 入団テスト 関西 12, ドラクエ ウォーク 画面録画 6, こちらこそ 今後 とも どうぞ よろしくお願いします 17,

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir