[abchan1222]

すみません

試してみたのですがうまくいきません

手順は①ウィジェットグループ追加
②段落追加
③タイトルテキストABOUT US入力
④タイトルテキストの下をタップするも入力できずといった感じなのですが

先ほどのアドバイスだとウィジェットグループにタイトルテキストABOUT USを入力するような感じだと思うのですがどのようにウィジェットグループにタイトルをつけれるのでしょうか？

※すみません追記です

おそらく問題点はウィジェットにタイトルは入れれるが追加した段落に文字が入力できないということだと思います

♥ 0

Who liked: No user

[キタジマ タカシ]

ありがとうございます！ ちゃんと propertys が入っているみたいなので if ( 'propertys' === $name ) { は通っているのじゃないかと思うのですが…。実際のページの URL を教えてもらうことってできますか？

書き間違えがなければ条件は通過しそうなので、ちゃんと <div class="property-info"> などの HTML は追加されているけど get_field(...) が取得できていないから見た目が変わっていないだけなのが、それとも <div class="property-info"> などの HTML 自体も追加されていないのか確認したいです。

♥ 1

Who liked:

[キタジマ タカシ]

ページをスクロールしていない状態でのサイドバーの位置を大体50pxほど下にずらしたいとも考えています。

padding を使うのが簡単ですかね。

@media (min-width: 707px) {
  .l-sidebar-sticky-widget-area {
    padding-top: 50px;
  }
}

♥ 1

Who liked:

[Olein_jp]

こちらの環境で動画ファイルをセクションブロックに配置してみましたが、特に問題なく動作しました。しかし、ざっとみた感じだと、それほどスタイルにも差が見られなかったので、もし可能であれば、Snow Monkey に関連するプラグイン（Blocks や Editorなど）以外を止めてみて動作確認をしてみてください。

以下のようにとりあえずスタイルを当てれば表示は改善されると思いますが、根本的な解決にはならないと思われます。

.smb-section-with-bgimage__bgimage.smb-section-with-bgimage__bgimage--lg video {
    position: relative;
}

♥ 0

Who liked: No user

[sususu]

このような値が出てきました。

♥ 0

Who liked: No user

[キタジマ タカシ]

ちょっと実際にどういう値が入ってきているのか確認したいので、コードを下記のように改変して、固定ページでどのような値が表示されるか教えてください！

add_filter(
	'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title',
	function ( $html, $name ) {
		var_dump( $name );
		var_dump( get_post_type() );
		if ( 'propertys' === $name ) {
		// 〜前後省略〜
	},
	10,
	2
);

♥ 1

Who liked:

[sususu]

ご返信ありがとうございます。

上記記述しましたが、変わらずアイキャッチ画像のままでした。

最後は下記のように記述しました。

$html = str_replace(
'</h2>',
$acf_property_info,
$html
);
}
return $html;
},
10,
2
);

♥ 0

Who liked: No user

[キタジマ タカシ]

原因わかりました！

追尾サイドバーは 1024px 以上のときにだけ固定（position: sticky）になるような CSS を書いているのでした。v19 でサイドバーありのページが2カラムになる条件が変わっているので本来はここも調整する必要があったのですが未調整となってしまっていました。

ひとまず暫定的な処置として、

@media (min-width: 707px) {
    .l-sidebar-sticky-widget-area {
		position: sticky;
		top: 0;
        background-color: red;
	}

    .l-contents {
        overflow: visible;
    }
}

のような CSS を追加すると追尾するようになるのではないかと思います。

♥ 1

Who liked:

[キタジマ タカシ]

template-parts/loop/entry-summary/title/title　はアーカイブページの記事一覧部分でも最近の投稿ブロックの記事一覧部分でも共通して使用されているので、フックはどちらの場合も通っていると思います。

気になるのは if( is_post_type_archive('propertys') ){ のところで、この条件だと「propertys というカスタム投稿アーカイブページのとき」だけしか処理が実行されなくなってしまいます。

add_filter(
	'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title',
	function ( $html, $name ) {
		if ( 'propertys' === $name ) {
		// 〜前後省略〜
	},
	10,
	2
);

のように書き換えるとどうでしょうか？

♥ 1

Who liked:

[キタジマ タカシ]

ありがとうございます！おそらくですが、見出しがセクションブロック等の中に入る形で配置されていないでしょうか？

目次ブロックはデフォルトでは記事の直下の見出しだけが対象なので、見出しの配置を見直すか、目次ブロックの設定で「セクション内の見出しを表示」にチェックすると目次が表示されるようになるのではないかと思います。

♥ 1

Who liked:

[キタジマ タカシ]

なるほどです。

「スライダー（非推奨）」は slick という JavaScript のライブラリを使用しています。もしかしたらそのライブラリの仕様か問題なのかもしれません。

slick – the last carousel you

slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!

kenwheeler.github.io

「スライダー」のほうは完全に自作なので、こちらの問題であれば僕の技術レベルの範囲内であれば対応できるのですが、「スライダー（非推奨）」の場合はそういう事情で対応が難しそうです。一応「スライダー（非推奨）」は本来は削除したいけど既に使っている方がいて削除できない（削除してしまうと、その方がアップデートした場合にスライダーが表示されなくなる）ので残しているものなので、できるだけ「スライダー」のほうをお使いいただくか、別のスライダープラグインをお使いいただくのが良いかと思います。

♥ 0

Who liked: No user

[sususu]

キタジマさん、早速のご返信ありがとうございます。

カスタム投稿アーカイブの一覧部分と全く同じデザインの一覧を、特定の固定ページにも表示させたいということでしょうか？

はい、そのように表示したいです。

//////////////////////////////////////
// カスタム投稿ページにカスタムフィールドを表示
//////////////////////////////////////
add_filter(
	'snow_monkey_template_part_render_template-parts/content/entry/content/content',
	function ($html) {
		if (get_post_type() === 'propertys') {
			// カスタムフィールドで設定したフィールド名を代入
			$acf_image = get_field('property_image');
			$acf_type = get_field('property_type');
			$acf_location = get_field('property_location');
			$acf_price = get_field('property_price');
			$acf_land_area = get_field('property_land_area');
			$acf_property_info =
'<div class="property-info">' .
'<div class="property-img"><img src="' . esc_url($acf_image) . '" alt="Image"></div>' .
'<div class="property-body">' .
'<div class="property-tag">' .
'<p>' . esc_html($acf_type) . '</p>' .
'</div>' .
'<div class="property-content">'.
'<p class="location">' . esc_html($acf_location) . '</p>' .
'<p class="price">' . esc_html($acf_price) . '</p>' .
'<p class="land_area">' . esc_html($acf_land_area) . '</p>' .
'</div>' .
'</div>' .
'</div>';

			$html = $acf_property_info;
		}

		return $html;
	}
);

////////////////////////////////////////////
// カスタム投稿のアーカイブページにカスタムフィールドを表示
////////////////////////////////////////////
add_filter(
	'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title',
	function ( $html ) {
		if( is_post_type_archive('propertys') ){
			// カスタムフィールドで設定したフィールド名を代入
			$acf_image = get_field('property_image');
			$acf_type = get_field('property_type');
			$acf_location = get_field('property_location');
			$acf_price = get_field('property_price');
			$acf_land_area = get_field('property_land_area');

			// テンプレートのh2タグの後に <div class="property-info">を追加
			$acf_property_info = '</h2><div class="property-info">' .
'<div class="property-img"><img src="' . esc_url($acf_image) . '" alt="Image"></div>' .
'<div class="property-body">' .
'<div class="property-tag">' .
'<p>' . esc_html($acf_type) . '</p>' .
'</div>' .
'<div class="property-content">'.
'<p class="location">' . esc_html($acf_location) . '</p>' .
'<p class="price">' . esc_html($acf_price) . '</p>' .
'<p class="land_area">' . esc_html($acf_land_area) . '</p>' .
'</div>' .
'</div>' .
'</div>';

			// テンプレートパーツのh2タグの後ろにdivタグを追加する
			$html = str_replace(
				'</h2>',
				$acf_property_info,
				$html
			);
		}
		return $html;
	}
);

アーカイブページの見た目がこちらで（この画像の上にセクションのタイトルがあります）

・実際に他の固定ページで「最近の投稿」ブロックを使用した見た目が

↓↓↓

アイキャッチ画像を仮に抜くと上記添付画像の左上のように何も画像が表示されません。
画像に関してはアイキャッチ画像とカスタムフィールドの画像を合わせれば良いのですがテキストなどをこちらにも紐付けさせることは可能でしょうか。

お忙しい中大変恐れ入りますが、よろしくお願いいたします。

♥ 0

Who liked: No user

[Cahaya]

<!– wp:snow-monkey-blocks/contents-outline –>
<div data-dynamic-block=”snow-monkey-blocks/contents-outlilne” data-version=”2″></div>
<!– /wp:snow-monkey-blocks/contents-outline –&gt

♥ 0

Who liked: No user

[Cahaya]

ありがとうございます！
こちらの内容でよろしいでしょうか。
＝＝＝

<!-- wp:snow-monkey-blocks/section {"titleTagName":"h1","isSlim":true,"align":"full"} -->
<div class="wp-block-snow-monkey-blocks-section alignfull smb-section smb-section--fit"><div class="smb-section__inner"><div class="c-container"><div class="smb-section__contents-wrapper u-slim-width"><div class="smb-section__header"><div class="smb-section__subtitle">♡ Ballet Program Design ♡</div><h1 class="smb-section__title"><span class="sme-font-size has-sm-2-xl-font-size">バレエ教室の<br>発表会プログラムデザイン</span></h1><div class="smb-section__lede-wrapper"><div class="smb-section__lede"><span style="color: #d4be64" class="sme-text-color">あなたのバレエ教室にしかない<br>個性・ストーリーをプログラムに・・・</span><br><span class="sme-text-color has-sm-sub-accent-color"><br></span><span style="color: #d4be64" class="sme-text-color">思い入れ深い宝物となる<br>プログラムをお届けいたします。<br></span></div></div></div><div class="smb-section__body"><!-- wp:snow-monkey-blocks/spider-slider {"dots":true,"dotsToThumbnail":true,"arrows":true,"displayCaption":true,"interval":4} -->
<div class="wp-block-snow-monkey-blocks-spider-slider smb-spider-slider" data-fade="false" data-interval="4000"><div class="spider"><div class="spider__canvas"><div class="spider__slide" data-id="0"><div class="smb-spider-slider__figure-wrapper"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Melty-magical-of-the-Sugar-Plum-Fairy-2.png" alt="" width="1080" height="1350" /></div></div><div class="spider__slide" data-id="1"><div class="smb-spider-slider__figure-wrapper"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/pinkpinkpink-1.png" alt="" width="1080" height="1350" /></div></div><div class="spider__slide" data-id="2"><div class="smb-spider-slider__figure-wrapper"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Fantastic-Christmas-1.png" alt="" width="1080" height="1350" /></div></div><div class="spider__slide" data-id="3"><div class="smb-spider-slider__figure-wrapper"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Shining-Colorful-flower.png" alt="" width="1080" height="1350" /></div></div><div class="spider__slide" data-id="4"><div class="smb-spider-slider__figure-wrapper"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/beauty-in-simplicity-1.png" alt="" width="1080" height="1350" /></div></div><div class="spider__slide" data-id="5"><div class="smb-spider-slider__figure-wrapper"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Stars-and-Stripes-1.png" alt="" width="1080" height="1350" /></div></div><div class="spider__slide" data-id="6"><div class="smb-spider-slider__figure-wrapper"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Early-summer-night-sky-1.png" alt="" width="1080" height="1350" /></div></div><div class="spider__slide" data-id="7"><div class="smb-spider-slider__figure-wrapper"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/World-of-Silve-1.png" alt="" width="1080" height="1350" /></div></div></div><div class="spider__arrows"><button class="spider__arrow" data-direction="prev">Prev</button><button class="spider__arrow" data-direction="next">Next</button></div></div><div class="spider__dots" data-thumbnails="true"><button class="spider__dot" data-id="0"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Melty-magical-of-the-Sugar-Plum-Fairy-2.png" alt="" width="1080" height="1350" /></button><button class="spider__dot" data-id="1"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/pinkpinkpink-1.png" alt="" width="1080" height="1350" /></button><button class="spider__dot" data-id="2"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Fantastic-Christmas-1.png" alt="" width="1080" height="1350" /></button><button class="spider__dot" data-id="3"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Shining-Colorful-flower.png" alt="" width="1080" height="1350" /></button><button class="spider__dot" data-id="4"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/beauty-in-simplicity-1.png" alt="" width="1080" height="1350" /></button><button class="spider__dot" data-id="5"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Stars-and-Stripes-1.png" alt="" width="1080" height="1350" /></button><button class="spider__dot" data-id="6"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Early-summer-night-sky-1.png" alt="" width="1080" height="1350" /></button><button class="spider__dot" data-id="7"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/World-of-Silve-1.png" alt="" width="1080" height="1350" /></button></div></div>
<!-- /wp:snow-monkey-blocks/spider-slider -->

<!-- wp:image {"align":"center","id":1384,"width":423,"height":20,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://cahaya-webdesign.com/wp-content/uploads/2021/01/asirai2png.png" alt="" width="423" height="20" /></figure>
<!-- /wp:image -->

<!-- wp:snow-monkey-blocks/contents-outline -->
<div data-dynamic-block="snow-monkey-blocks/contents-outlilne" data-version="2"></div>
<!-- /wp:snow-monkey-blocks/contents-outline -->

<!-- wp:paragraph -->
<p><strong><span class="sme-text-color has-sm-sub-accent-color"><span style="background-image: linear-gradient(transparent 60%, rgba(252, 246, 250, 0.5) 60%)" class="sme-highlighter">バレエ経験のある女性デザイナーが、バレエ教室の発表会・公演プログラム（パンフレット）、バレエ発表会のチケット、ポスター、チラシなどを製作いたします。</span></span></strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"sme-hidden-sm sme-hidden-md","smeIsHiddenSm":true,"smeIsHiddenMd":true} -->
<p class="sme-hidden-sm sme-hidden-md">バレエ教室の発表会プログラム・パンフレットは、<br>多くの方が目に触れるバレエ教室の看板（ブランディング）ともいえる大事な制作物です。<br><br>バレエ経験30年の女性デザイナーが担当しますので、<br><strong>バレエの美しいボジションやポーズ、バレエ作品についての知識</strong>があります。<br><br>バレエの厳しさ、楽しさを身をもって体験しているからこそ、<br>バレエの先生の繊細な心・気持ちを理解しながら<br>バレエ作品の世界観を理解したデザインを表現することが可能です。<br><br>バレエの先生が表現したい世界観を丁寧にヒアリングし、<br>納得頂くまで<span style="background-image: linear-gradient(transparent 60%, rgba(214, 213, 234, 0.5) 60%)" class="sme-highlighter"><strong>修正回数は無制限</strong></span>にて承ります。</p>
<!-- /wp:paragraph -->

<!-- wp:snow-monkey-blocks/box {"className":"sme-hidden-sm sme-hidden-md","smeIsHiddenSm":true,"smeIsHiddenMd":true} -->
<div class="wp-block-snow-monkey-blocks-box smb-box sme-hidden-sm sme-hidden-md" style="--smb-box--background-opacity:1;--smb-box--border-width:1px"><div class="smb-box__background"></div><div class="smb-box__body"><!-- wp:paragraph {"align":"center","className":"sme-hidden-sm","smeIsHiddenSm":true} -->
<p class="has-text-align-center sme-hidden-sm">♡こんなバレエの先生におすすめ♡<br><strong><br><span style="background-image: linear-gradient(transparent 60%, rgba(214, 213, 234, 0.5) 60%)" class="sme-highlighter">・ありきたりなよくあるバレエのデザインに違和感を感じる<br>・イメージしている世界感をデザインに落とし込んで欲しい</span></strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:snow-monkey-blocks/box -->

<!-- wp:paragraph {"className":"sme-hidden-sm sme-hidden-md","smeIsHiddenSm":true,"smeIsHiddenMd":true} -->
<p class="sme-hidden-sm sme-hidden-md"><br>お打ち合わせを通してバレエの先生の中にあるバレエの世界観やお教室や発表会の様子を丁寧にヒアリングするお時間を大切にします。<br>客観的な視点で、他のバレエ教室にない魅力を最大限に惹き出すデザインをご提案致します。<br></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"sme-hidden-lg-up","smeIsHiddenLg":true} -->
<p class="sme-hidden-lg-up">バレエ教室の発表会プログラムは、バレエ教室の看板（ブランディング）となり、多くのお客様が目にする大事な制作物となります。<br><br>バレエの美しいボジションやポーズ、<br>バレエ作品についての知識がある<br>バレエ経験30年の女性デザイナーが担当します。<br><br>バレエの厳しさ、楽しさを身をもって<br>デザイナー自身が体験しているからこそ、<br>バレエの先生の繊細な心・お気持ちに<br>そっと寄り添うことも、<br>バレエ作品の世界観を理解したデザインを<br>表現することも可能となります。<br><br>バレエの先生が表現したい世界観を<br>丁寧にヒアリングし、<br>納得頂くまで<span style="background-image: linear-gradient(transparent 60%, rgba(214, 213, 234, 0.5) 60%)" class="sme-highlighter"><strong>修正回数は無制限</strong></span>にて承ります。</p>
<!-- /wp:paragraph -->

<!-- wp:snow-monkey-blocks/box {"backgroundColor":"var(\u002d\u002daccent-color)","contentPadding":"s","className":"sme-hidden-lg-up","smeIsHiddenLg":true} -->
<div class="wp-block-snow-monkey-blocks-box smb-box smb-box--p-s sme-hidden-lg-up" style="--smb-box--background-color:var(--accent-color);--smb-box--background-opacity:1;--smb-box--border-width:1px"><div class="smb-box__background"></div><div class="smb-box__body"><!-- wp:paragraph {"className":"sme-hidden-lg-up","smeIsHiddenLg":true} -->
<p class="sme-hidden-lg-up"><strong>♡こんなバレエの先生におすすめ♡</strong><br><strong><br></strong><span style="font-size: 12px" class="sme-font-size">・ありきたりなよくあるバレエのデザインに違和感を感じる<br>・イメージしている世界感をデザインに落とし込んで欲しい</span></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:snow-monkey-blocks/box -->

<!-- wp:paragraph {"className":"sme-hidden-lg-up","smeIsHiddenLg":true} -->
<p class="sme-hidden-lg-up"><br>お打ち合わせを通してバレエの先生の中にあるバレエの世界観やお教室や発表会の様子を丁寧にヒアリングするお時間を大切にします。<br>客観的な視点で、他のバレエ教室にない魅力を最大限に惹き出すデザインをご提案致します。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2 class="wp-block-heading">発表会プログラム制作料金</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">全てのプログラムデザイン料金には「安心・確実・丁寧な制作ディレクション」も料金に含まれております。ご希望の納品期日までいつまでに対応頂きたいことをこちらからご連絡させて頂きます。また些細なご相談・ご質問などはいつでもお気軽に<a href="https://lin.ee/tvvg1RL" title="公式LINE">公式LINE</a>からコミュニケーションが可能です。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"22px"} -->
<div style="height:22px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><strong>＜プログラムデザイン料金表＞</strong></p>
<!-- /wp:paragraph -->

<!-- wp:table {"hasFixedLayout":true,"style":{"border":{"width":"1px"}},"className":"is-style-regular"} -->
<figure class="wp-block-table is-style-regular"><table class="has-fixed-layout" style="border-width:1px"><thead><tr><th class="has-text-align-center" data-align="center">プログラムページ数</th><th class="has-text-align-center" data-align="center">料金（税込）</th></tr></thead><tbody><tr><td class="has-text-align-center" data-align="center">6ページ</td><td class="has-text-align-center" data-align="center">45,000円</td></tr><tr><td class="has-text-align-center" data-align="center">8ページ</td><td class="has-text-align-center" data-align="center">66,000円</td></tr><tr><td class="has-text-align-center" data-align="center">12ページ</td><td class="has-text-align-center" data-align="center">88,000円</td></tr></tbody></table><figcaption class="wp-element-caption"><span style="font-size: 12px" class="sme-font-size">印刷をご希望の場合は別途印刷料金を頂戴いたします。</span></figcaption></figure>
<!-- /wp:table -->

<!-- wp:paragraph -->
<p><strong>生徒様が10〜30名様規模の場合：A4サイズ・8ページが１番多くオーダーを頂いております。</strong><br>生徒様・ゲストダンサー様の出演人数、発表会演目数、記載したい内容によって最適なページ数をご提案しておりますのでお気軽にご相談ください。</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","id":2641,"width":700,"height":233,"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://lin.ee/tvvg1RL"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/line-1-1024x341.png" alt="公式LINEでのお問い合わせ" width="700" height="233" /></a></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"49px"} -->
<div style="height:49px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading"><span class="sme-text-color has-sm-sub-accent-color">＊発表会プログラム制作：6ページ</span></h3>
<!-- /wp:heading -->

<!-- wp:image {"align":"center","id":2556,"width":410,"height":512,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/beauty-in-simplicity-1-819x1024.png" alt="発表会プログラム制作：6ページ例" width="410" height="512" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>生徒様が20名以下の規模、できるだけ費用を抑えたい方</strong>に最適なページ数です。</p>
<!-- /wp:paragraph -->

<!-- wp:snow-monkey-blocks/pricing-table {"childrenCount":1} -->
<div class="wp-block-snow-monkey-blocks-pricing-table smb-pricing-table" data-has-items="1"><div class="c-row c-row--md-nowrap"><!-- wp:snow-monkey-blocks/pricing-table-item -->
<div class="wp-block-snow-monkey-blocks-pricing-table-item c-row__col"><div class="smb-pricing-table__item"><div class="smb-pricing-table__item__title">6ページ：料金</div><div class="smb-pricing-table__item__price">45,000円</div><div class="smb-pricing-table__item__lede">(税込）</div><ul><!-- wp:list-item -->
<li>表3ページ・裏3ページ</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>三つ折りタイプ</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>・DVD表紙などデザイン2次利用込み（PDF形式のデータでのお渡し）</li>
<!-- /wp:list-item --></ul></div></div>
<!-- /wp:snow-monkey-blocks/pricing-table-item --></div></div>
<!-- /wp:snow-monkey-blocks/pricing-table -->

<!-- wp:paragraph -->
<p><strong>＜プログラム6ページ構成案・例＞</strong></p>
<!-- /wp:paragraph -->

<!-- wp:table {"style":{"border":{"width":"1px"}}} -->
<figure class="wp-block-table"><table style="border-width:1px"><thead><tr><th>ページ</th><th>コンテンツ内容</th></tr></thead><tbody><tr><td>表表紙・1ページ</td><td>表紙</td></tr><tr><td>2ページ</td><td>ご挨拶・スタッフ</td></tr><tr><td>3ページ</td><td>1部</td></tr><tr><td>4ページ</td><td>2部</td></tr><tr><td>5ページ</td><td>3部</td></tr><tr><td>裏表紙・6ページ</td><td>会場・レッスン案内</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:paragraph -->
<p><span style="font-size: 12px" class="sme-font-size">※印刷料金は別途頂戴しております。用紙の種類、部数によって金額が異なりますのでご相談ください。<br>※プログラムに使用する写真データ・テキストはご用意ください。</span></p>
<!-- /wp:paragraph -->

<!-- wp:block {"ref":2325} /-->

<!-- wp:spacer {"height":"35px"} -->
<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading"><span class="sme-text-color has-sm-sub-accent-color">＊発表会プログラム制作：8ページ</span></h3>
<!-- /wp:heading -->

<!-- wp:image {"align":"center","id":2523,"width":410,"height":512,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/Fantastic-Christmas-1-819x1024.png" alt="" width="410" height="512" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>１番人気のプログラムページ数は8ページです。<br><strong>生徒様が20名〜40名様規模、発表会が2部構成の場合</strong>に最適なページ数です。</p>
<!-- /wp:paragraph -->

<!-- wp:snow-monkey-blocks/pricing-table {"childrenCount":1} -->
<div class="wp-block-snow-monkey-blocks-pricing-table smb-pricing-table" data-has-items="1"><div class="c-row c-row--md-nowrap"><!-- wp:snow-monkey-blocks/pricing-table-item -->
<div class="wp-block-snow-monkey-blocks-pricing-table-item c-row__col"><div class="smb-pricing-table__item"><div class="smb-pricing-table__item__title">8ページ：料金</div><div class="smb-pricing-table__item__price">66,000円</div><div class="smb-pricing-table__item__lede">(税込）</div><ul><!-- wp:list-item -->
<li>表紙・裏表紙2ページ＋中身6ページ</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>中綴じ冊子タイプ</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>・DVD表紙などデザイン2次利用込み（PDF形式のデータでのお渡し）</li>
<!-- /wp:list-item --></ul></div></div>
<!-- /wp:snow-monkey-blocks/pricing-table-item --></div></div>
<!-- /wp:snow-monkey-blocks/pricing-table -->

<!-- wp:paragraph -->
<p><strong>＜プログラム8ページ構成案・例＞</strong></p>
<!-- /wp:paragraph -->

<!-- wp:table {"style":{"border":{"width":"1px"}}} -->
<figure class="wp-block-table"><table style="border-width:1px"><thead><tr><th>ページ</th><th>コンテンツ内容</th></tr></thead><tbody><tr><td>表紙・1ページ</td><td>-</td></tr><tr><td>2ページ</td><td>ご挨拶・スタッフ</td></tr><tr><td>3ページ</td><td>ゲスト3名</td></tr><tr><td>4ページ</td><td>1部</td></tr><tr><td>5ページ</td><td>2部</td></tr><tr><td>6ページ</td><td>生徒様顔写真（32名）</td></tr><tr><td>7ページ</td><td>コンクール受賞者（10名）</td></tr><tr><td>裏表紙・8ページ</td><td>-</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:paragraph -->
<p><span style="font-size: 12px" class="sme-font-size">※印刷料金は別途頂戴しております。用紙の種類、部数によって金額が異なりますのでご相談ください。<br>※プログラムに使用する写真データ・テキストはご用意ください。</span></p>
<!-- /wp:paragraph -->

<!-- wp:block {"ref":2325} /-->

<!-- wp:spacer {"height":"35px"} -->
<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading"><span class="sme-text-color has-sm-sub-accent-color">＊発表会プログラム制作：12ページ</span></h3>
<!-- /wp:heading -->

<!-- wp:image {"align":"center","id":2563,"width":410,"height":512,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/World-of-Silve-1-819x1024.png" alt="発表会プログラム制作：12ページ例" width="410" height="512" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>お教室の広告ページを作成したい、生徒様・ゲストダンサー様の出演人数、発表会演目数、記載したい内容によっては12ページが人気です。<br><strong>生徒様が40名以上の場合</strong>に最適なページ数です。</p>
<!-- /wp:paragraph -->

<!-- wp:snow-monkey-blocks/pricing-table {"childrenCount":1} -->
<div class="wp-block-snow-monkey-blocks-pricing-table smb-pricing-table" data-has-items="1"><div class="c-row c-row--md-nowrap"><!-- wp:snow-monkey-blocks/pricing-table-item -->
<div class="wp-block-snow-monkey-blocks-pricing-table-item c-row__col"><div class="smb-pricing-table__item"><div class="smb-pricing-table__item__title">12ページ：料金</div><div class="smb-pricing-table__item__price">88,000円</div><div class="smb-pricing-table__item__lede">(税込）</div><ul><!-- wp:list-item -->
<li>表紙・裏表紙2ページ＋中身10ページ</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>中綴じ冊子タイプ</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>・DVD表紙などデザイン2次利用込み（PDF形式のデータでのお渡し）</li>
<!-- /wp:list-item --></ul></div></div>
<!-- /wp:snow-monkey-blocks/pricing-table-item --></div></div>
<!-- /wp:snow-monkey-blocks/pricing-table -->

<!-- wp:paragraph -->
<p><strong>＜プログラム12ページ構成案・例＞</strong></p>
<!-- /wp:paragraph -->

<!-- wp:table {"style":{"border":{"width":"1px"}}} -->
<figure class="wp-block-table"><table style="border-width:1px"><thead><tr><th>ページ</th><th>コンテンツ内容</th></tr></thead><tbody><tr><td>表紙・1ページ</td><td>-</td></tr><tr><td>2ページ</td><td>ご挨拶・スタッフ</td></tr><tr><td>3ページ</td><td>ゲスト3名</td></tr><tr><td>4ページ</td><td>賛助出演9名</td></tr><tr><td>5ページ</td><td>1,2部</td></tr><tr><td>6ページ</td><td>3部あらすじ</td></tr><tr><td>7ページ</td><td>3部</td></tr><tr><td>8ページ</td><td>生徒様顔写真16名</td></tr><tr><td>9ページ</td><td>生徒様顔写真12名</td></tr><tr><td>10ページ</td><td>コンクール受賞者（7名）</td></tr><tr><td>11ページ</td><td>お教室広告</td></tr><tr><td>裏表紙・12ページ</td><td>-</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:paragraph -->
<p><span style="font-size: 12px" class="sme-font-size"><br><meta charset="utf-8">※印刷料金は別途頂戴しております。用紙の種類、部数によって金額が異なりますのでご相談ください。</span><br><span style="font-size: 12px" class="sme-font-size">※プログラムに使用する写真データ・テキストはご用意ください。</span></p>
<!-- /wp:paragraph -->

<!-- wp:block {"ref":2325} /-->

<!-- wp:spacer {"height":"35px"} -->
<div style="height:35px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2 class="wp-block-heading">発表会のチケット、ポスター、チラシ制作</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>バレエ発表会プログラムのデザインに合わせたチケット、ポスター、チラシ、サインゲート、Tシャツなどのデザイン制作も承ります。詳細についてはお気軽にお問い合わせください。<br><br><strong>＜プログラム・チケット・ポスターセット例＞</strong></p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2718,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/05/work_1-1024x1024.png" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2729,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/05/tiket-1024x1024.png" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2730,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/05/poster-1024x1024.png" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2746,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/05/program_02-1-1024x1024.png" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2748,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/05/tiket_02-1024x1024.png" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":2747,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/05/poster_02-1024x1024.png" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div></div></div></div>
<!-- /wp:snow-monkey-blocks/section -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><strong><span class="sme-text-color has-sm-sub-accent-color">♡<a href="https://lin.ee/tvvg1RL" title="公式LINE">公式LINE</a>からお気軽にチャットでお問い合わせも可能です</span></strong>♡</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","id":2641,"width":768,"height":256,"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://lin.ee/tvvg1RL"><img src="https://cahaya-webdesign.com/wp-content/uploads/2023/04/line-1-1024x341.png" alt="公式LINEでのお問い合わせ" width="768" height="256" /></a></figure>
<!-- /wp:image -->

<!-- wp:spacer {"height":"34px"} -->
<div style="height:34px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:snow-monkey-blocks/section-side-heading {"headingColumnSize":"33","padding":{},"backgroundColor":"#ebdde0","fixedBackgroundColor":"#d6d5ea","align":"full","className":"sme-animation-fade-in-up","smeAnimation":"fade-in-up"} -->
<div class="wp-block-snow-monkey-blocks-section-side-heading alignfull smb-section smb-section-side-heading smb-section--fit sme-animation-fade-in-up" style="--smb-section--background-color:#ebdde0;--smb-section--fixed-background-color:#d6d5ea" id="flow"><div class="smb-section__fixed-background"><div class="smb-section__background"></div></div><div class="smb-section__inner"><div class="c-container"><div class="smb-section__contents-wrapper"><div class="c-row c-row--md-margin"><div class="c-row__col c-row__col--1-1 c-row__col--md-1-3"><div class="smb-section__header smb-section-side-heading__header"><div class="smb-section__subtitle smb-section-side-heading__subtitle"><span class="sme-text-color has-white-color">バレエ発表会のプログラム制作流れ</span></div><h2 class="smb-section__title smb-section-side-heading__title">Flow</h2><div class="smb-section__lede-wrapper smb-section-side-heading__lede-wrapper"><div class="smb-section__lede smb-section-side-heading__lede">お問い合わせからプログラム納品までの制作の流れをご確認ください。</div></div></div></div><div class="c-row__col c-row__col--1-1 c-row__col--md-2-3"><div class="smb-section__body smb-section-side-heading__body"><!-- wp:image {"align":"center","id":1749,"width":512,"height":512,"sizeSlug":"large","linkDestination":"none","className":"sme-animation-fade-in-up is-style-default","smeAnimation":"fade-in-up","smeAnimationDelay":0.6} -->
<figure class="wp-block-image aligncenter size-large is-resized sme-animation-fade-in-up is-style-default"><img src="https://cahaya-webdesign.com/wp-content/uploads/2021/08/C373283E-A3ED-4FBD-BFA8-51F9B58A0F82-1024x1024.png" alt="" width="512" height="512" /></figure>
<!-- /wp:image -->

<!-- wp:snow-monkey-blocks/step -->
<div class="wp-block-snow-monkey-blocks-step smb-step"><div class="smb-step__body"><!-- wp:snow-monkey-blocks/step-item-free {"className":"wp-block-snow-monkey-blocks-step\u002d\u002ditem\u002d\u002dfree sme-animation-fade-in","smeAnimation":"fade-in"} -->
<div class="wp-block-snow-monkey-blocks-step-item-free smb-step__item wp-block-snow-monkey-blocks-step--item--free sme-animation-fade-in"><div class="smb-step__item__title"><div class="smb-step__item__number"></div><span>お問い合わせ</span></div><div class="smb-step__item__body"><div class="smb-step__item__summary"><!-- wp:paragraph -->
<p>制作のご依頼・ご相談は、<br><a href="https://cahaya-webdesign.com/contact"><span style="color: #c082a8" class="sme-text-color"><strong>お問い合わせフォーム</strong></span></a>よりお問い合わせください。<br><a href="https://lin.ee/tvvg1RL"><span style="color: #c082a8" class="sme-text-color"><strong>公式Line</strong></span></a>からチャットでのお問い合わせも可能です。<br>ご質問もお気軽にご連絡ください。</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:snow-monkey-blocks/step-item-free -->

<!-- wp:snow-monkey-blocks/step-item-free {"className":"wp-block-snow-monkey-blocks-step\u002d\u002ditem\u002d\u002dfree"} -->
<div class="wp-block-snow-monkey-blocks-step-item-free smb-step__item wp-block-snow-monkey-blocks-step--item--free"><div class="smb-step__item__title"><div class="smb-step__item__number"></div><span>お打ち合わせ（対面／zoom）</span></div><div class="smb-step__item__body"><div class="smb-step__item__summary"><!-- wp:paragraph -->
<p>お打ち合わせを通して、<br>バレエやバレエ教室に対する貴方の想いを<br>きちんとヒアリングすることを大切にしています。<br><br>叶えたい世界観を丁寧にヒアリングしながら<br>言語化しデザインに落とし込みます。<br><br>都内近郊のお客様は対面、<br>それ以外の方はzoomでのお打ち合わせとなります。<br>（お打ち合わせ詳細についてはお問い合わせの際にご連絡させて頂きます）</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:snow-monkey-blocks/step-item-free -->

<!-- wp:snow-monkey-blocks/step-item-free {"className":"wp-block-snow-monkey-blocks-step\u002d\u002ditem\u002d\u002dfree"} -->
<div class="wp-block-snow-monkey-blocks-step-item-free smb-step__item wp-block-snow-monkey-blocks-step--item--free"><div class="smb-step__item__title"><div class="smb-step__item__number"></div><span>前金のお振込</span></div><div class="smb-step__item__body"><div class="smb-step__item__summary"><!-- wp:paragraph -->
<p>総金額の50％を前金をお振込をお願いしております。<br>お振込確認後、デザイン制作に着手致します。</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:snow-monkey-blocks/step-item-free -->

<!-- wp:snow-monkey-blocks/step-item-free {"className":"wp-block-snow-monkey-blocks-step\u002d\u002ditem\u002d\u002dfree"} -->
<div class="wp-block-snow-monkey-blocks-step-item-free smb-step__item wp-block-snow-monkey-blocks-step--item--free"><div class="smb-step__item__title"><div class="smb-step__item__number"></div><span>修正・変更を対応します</span></div><div class="smb-step__item__body"><div class="smb-step__item__summary"><!-- wp:paragraph -->
<p>お打合せで伺った内容を元に、プログラムデザイン案を送付致します。<br>叶えたいデザインになるまで徹底サポートします。</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:snow-monkey-blocks/step-item-free -->

<!-- wp:snow-monkey-blocks/step-item-free {"className":"wp-block-snow-monkey-blocks-step\u002d\u002ditem\u002d\u002dfree"} -->
<div class="wp-block-snow-monkey-blocks-step-item-free smb-step__item wp-block-snow-monkey-blocks-step--item--free"><div class="smb-step__item__title"><div class="smb-step__item__number"></div><span>最終入稿＆納品</span></div><div class="smb-step__item__body"><div class="smb-step__item__summary"><!-- wp:paragraph -->
<p>出来上がったデザインデータ（PDF形式）を納品致します。<br><br>印刷会社様へ代行印刷も可能です。<br><meta charset="utf-8">用紙の種類、部数によって金額が異なりますのでご相談ください。<br>印刷代は別途ご請求させて頂きます</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div></div>
<!-- /wp:snow-monkey-blocks/step-item-free --></div></div>
<!-- /wp:snow-monkey-blocks/step -->

<!-- wp:snow-monkey-blocks/buttons {"className":"has-text-align-center sme-animation-fade-in sme-hidden-sm","smeIsHiddenSm":true,"smeAnimation":"fade-in"} -->
<div class="wp-block-snow-monkey-blocks-buttons smb-buttons has-text-align-center sme-animation-fade-in sme-hidden-sm"><!-- wp:snow-monkey-blocks/btn {"borderRadius":"50px","backgroundColor":"#dcb2c5"} -->
<div class="wp-block-snow-monkey-blocks-btn smb-btn-wrapper"><a href="https://cahaya-webdesign.com/contact"><span class="smb-btn__label"><strong><strong>メールでお問い合わせ</strong>&nbsp;</strong></span></a></div>
<!-- /wp:snow-monkey-blocks/btn -->

<!-- wp:snow-monkey-blocks/btn {"backgroundColor":"#00d084"} -->
<div class="wp-block-snow-monkey-blocks-btn smb-btn-wrapper"><a href="https://lin.ee/tvvg1RL"><span class="smb-btn__label"><strong>Lineでお問い合わせ</strong></span></a></div>
<!-- /wp:snow-monkey-blocks/btn --></div>
<!-- /wp:snow-monkey-blocks/buttons --></div></div></div></div></div></div></div>
<!-- /wp:snow-monkey-blocks/section-side-heading -->

<!-- wp:paragraph -->
<p><br></p>
<!-- /wp:paragraph -->

<!-- wp:block {"ref":1806} /-->

<!-- wp:block {"ref":1839} /--&gt

♥ 0

Who liked: No user

[キタジマ タカシ]

ブロックは「非推奨」がついていないほうのスライダーブロックでしょうか？

一応ついていないほうのスライダーブロックで、Android、iOS、両方で矢印をクリックとスワイプを試してみたのですが、しばらくするとまた自動でスライドし始めました。

「タッチ検出でスライダーにタッチする」というのはどういう意味でしょうか？

♥ 0

Who liked: No user