サイドバーでスキン動作を確認できます。

インラインブロックについて | Cocoon Blocksに関する質問・不具合報告・要望 | Cocoon フォーラム

書き込みの前に以下の3点をご確認ください。

  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラムの内容は、CCライセンス(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
Share:

[解決済] インラインブロックについて  

  RSS

ロコ
(@lococo)
Trusted Member
参加: 1年 前
投稿: 75
2019年4月3日 01:07  

https://wp-cocoon.com/bugs-and-wants/

「やりたいけど出来ていないところ」としてインラインブロックが挙げられていますが、どこまで進んでいるのか分からないのでとりあえずポイントだけ書き残しておきます。

 

https://github.com/WordPress/gutenberg/blob/7964f381e07e06b2ac13698fd1465a4d0c16da1b/packages/format-library/src/image/index.js

こちらにあるrender内にて、公式のインライン要素である「インライン画像」が記述されており、

  1. リッチテキスト(オブジェクト)がアクティブの場合にブロックボタンを表示
  2. クリックでメディアアップロードコンポーネントを開く
  3. リッチテキスト内に選んだ画像を挿入

となっています。

ここの3番で、insertObjectによって挿入しているのがポイントかと思われます。

 

なのでインライン画像と同じような形式でいくなら、例えばモダールで開く部分をraw HTMLの入力欄に変え、入力されたショートコードを挿入するみたいな感じになるんでしょうかね。


わいひら 件のいいね!
引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4512
2019年4月3日 19:53  

いつも誠にありがとうございます。
insertObjectという便利なものがあるんですね。
メモメモ。
https://github.com/WordPress/gutenberg/blob/7964f381e07e06b2ac13698fd1465a4d0c16da1b/packages/rich-text/src/insert-object.js

こちらも、近いうちに実装できればと思います。


返信引用
ロコ
(@lococo)
Trusted Member
参加: 1年 前
投稿: 75
2019年4月3日 20:58  

一利用者として、微力ながらではありますが。

今後の改善等に関して気づいたことがあれば、また分かる範囲でメモを残すようにはします。


わいひら 件のいいね!
返信引用
ロコ
(@lococo)
Trusted Member
参加: 1年 前
投稿: 75
2019年4月5日 12:58  

WordPress 5.2ではインライン要素はブロック一覧には表示されなくなり、かわりにツールバー右端にドロップダウンでの一覧表示が基本になるようです。

表示位置は自由にカスタマイズできると思うので、必要のない報告かもしれませんが。


わいひら 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4512
2019年4月5日 18:45  

ツールバー右端にドロップダウンでの一覧表示が基本になるようです。

教えていただきありがとうございます!
確かに、インラインならそっちで挿入できた方が分かりやすいかもしれませんね。


返信引用
ロコ
(@lococo)
Trusted Member
参加: 1年 前
投稿: 75
2019年4月5日 20:27  

右端ドロップダウン部分の主なソースコードを添えておきます。

FormatToolbar

https://github.com/WordPress/gutenberg/blob/8625b82f240e4371704909f6e29e8d1a8a2e61ee/packages/block-editor/src/components/rich-text/format-toolbar/index.js


わいひら 件のいいね!
返信引用

返信する


許可された最大ファイルサイズ 2MB

 
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ
mixhost

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:2年8ヶ月

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
△新しいのでサービス運営櫪がまだ短い
サービス運営期間:8ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:15年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

タイトルとURLをコピーしました