More Related Content
Similar to Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14 (20)
More from Hidekazu Ishikawa (20)
Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14
- 18. add_theme_support( 'editor-font-sizes', array(
array(
'name' => __( 'Small', 'themeLangDomain' ),
'size' => 12,
'slug' => 'small'
),
array(
'name' => __( 'Normal', 'themeLangDomain' ),
'size' => 16,
'slug' => 'normal'
),
array(
'name' => __( 'Large', 'themeLangDomain' ),
'size' => 36,
'slug' => 'large'
),
array(
'name' => __( 'Huge', 'themeLangDomain' ),
'size' => 50,
'slug' => 'huge'
)
) );
18
- 23. 編集画面の表示幅の指定
/* Main column width */
.wp-block {
max-width: 720px;
}
/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
max-width: 1080px;
}
/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
max-width: none;
}
23
- 35. BlockLabのブロックの表示側作成例
テンプレートディレクトリ
└ block‑スラッグ名.php
<div class="wp-block-vk-blocks-staff vk_staff vk_staff-layout-d
<div class="vk_staff_text">
<h3 class="vk_staff_text_name" style="color:inherit"
<p class="vk_staff_text_caption" style="color:inherit"
<p class="vk_staff_text_role" style="color:inherit"
<h4 class="vk_staff_text_profileTitle" style="color:inh
<p class="vk_staff_text_profileText" style="color:inher
</div>
<div class="vk_staff_photo vk_staff_photo-border-defaul
<img class="vk_staff_photo_image" src="<?php bl
</div>
</div>
利用するプラグインと心中する覚悟は必要
35