使い回しがしやすいように、とりあえずショートコードをつくってみました。下記のコードを My Snow Monkey プラグインか子テーマの functions.php に貼り付けてください。
/**
* [hseito_main_buttons] というショートコードを貼り付けたら4つのボタンが表示される
*/
add_shortcode(
'hseito_main_buttons',
function() {
ob_start();
?>
<div class="c-row c-row--margin-s c-row--lg-margin">
<div class="c-row c-row__col c-row__col--1-4">
<a href="https://hseito.com/item-category">
<img width="160" height="120" src="https://hseito.com/wp-content/uploads/2019/06/b07eb8981e3dc848b5e31fffc448b431.jpg" class="attachment-xlarge size-xlarge" alt="商品一覧のボタン画像">
</a>
</div>
<div class="c-row c-row__col c-row__col--1-4">
<a href="https://hseito.com/okiniiri">
<img width="160" height="120" src="https://hseito.com/wp-content/uploads/2019/06/2faca101d2b4be1450d7f644533c3cfa.jpg" class="attachment-xlarge size-xlarge" alt="">
</a>
</div>
<div class="c-row c-row__col c-row__col--1-4">
<a href="https://hseito.com/shopping-guide">
<img width="160" height="120" src="https://hseito.com/wp-content/uploads/2019/06/c3c7737c5266af717df0abf3e442419f.jpg" class="attachment-xlarge size-xlarge" alt="ご案内のボタン画像">
</a>
</div>
<div class="c-row c-row__col c-row__col--1-4">
<a href="https://hseito.com/">
<img width="160" height="120" src="https://hseito.com/wp-content/uploads/2019/06/e2895452b44349218b3c3b4a852ef01d.jpg" class="attachment-xlarge size-xlarge" alt="">
</a>
</div>
</div>
<?php
return ob_get_clean();
}
);
固定ページに一括で表示させたい、ということですが、具体的にどの部分に表示したいでしょうか？場所がわかれば固定ページの場合は自動的にそこに表示させるというコードも書けるかなと…。
