固定ページにウィジェットを使いたい

Elementor を使うとか、方法はあるとは思いますが、やりたいことに比べて複雑度が高いと思うのであまりおすすめできません。

各ページごとに、で構わないのであれば、エディタ上でカラムブロックとボタンブロックの組み合わせで実現できます。再利用ブロックにしてしまえば使いまわしもそれほど難しくありません。

もし一括でやりたいということなら My Snow Monkey プラグインでフックを使って HTML を追加する感じになると思います。それは後ほどまた書き込みます。

コードを全く書かずに、となると、各デバイスサイズごとにカラム数を設定できるカラムブロックを持つプラグインを探してインストールしてみる感じですかねー。

あまり詳しくないのですが、軽く検索してみたところ、下記のプラグインにはそのようなブロックがあるようですので試されてみてはどうでしょうか。

Powerful Gutenberg Blocks and Templates – Ghost Kit

Ghost Kit is a blocks collection and templates with customization options to build pages faster with Gutenberg page builder.

wordpress.org

Gutenberg Blocks by Kadence Blocks – Page Builder Features

Custom Blocks for for Gutenberg to help extend the editing capabilities.

wordpress.org

使い回しがしやすいように、とりあえずショートコードをつくってみました。下記のコードを 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();
	}
);

固定ページに一括で表示させたい、ということですが、具体的にどの部分に表示したいでしょうか？場所がわかれば固定ページの場合は自動的にそこに表示させるというコードも書けるかなと…。