2018年09月28日(金)
WordPressのGutenbergで画像を挿入できるカスタムブロックを作成する
ソースコード
src/block-image/block.js
import './style.scss'; import './editor.scss'; const { registerBlockType } = wp.blocks; const { MediaUpload } = wp.editor; const { Button } = wp.components; registerBlockType( 'myblock/block-image', { title: '画像ブロック', icon: 'index-card', category: 'common', attributes: { mediaID: { type: 'number' }, mediaURL: { type: 'string', source: 'attribute', selector: 'img', attribute: 'src' } }, edit ( props ) { const { className, attributes: { mediaID, mediaURL }...
0
2
0
10author:
web0pixel
Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。
‹ PREV
[ユーザー投稿] 「Googleシェア99%へ。広告に頼るWebサイト集客はやはり厳しい件。コンテンツの本質を考えるべき」
NEXT ›
[ユーザー投稿] 【10/15福岡開催】Google 広告を利用したスマホEC時代の月商500万突破 集客戦略と購入率アップ セミナー in 福岡
Ads
Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。web0pixelの記事『WordPressのGutenbergで画像を挿入できるカスタムブロックを作成する』についてまとめています。
この記事は特にWordPress・Googleについて書かれており、 WordPressのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のweb0pixelで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとweb0pixelの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
