なるほど！
では、そのフロントページの上部に、何かしら別途固定ページに設定してあるコンテンツを表示させたい、ということでしょうかね。
であれば、以下のようなソースコードで実現できそうな気がしますがいかがでしょうか？（僕の方で試せていませんごめんなさい…
add_action(
'snow_monkey_before_contents_inner',
function() {
$new_query = new \WP_Query(
[
'pagename' => 'front-page-slider',
'post_type' => 'page',
'post_status' => [ 'publish', 'draft' ],
'posts_per_page' => 1,
]
);
if ( ! $new_query->have_posts() && ! is_front-page() ) { /* ←ここにフロントページでなければ…を追加しています */
return;
}
$new_query->the_post();
?>
<div class="p-entry-content" id="front-page-top-content">
<?php the_content(); ?>
</div>
<?php
wp_reset_postdata();
}
);
こちらに添付されている記事は「固定ページのコンテンツを snow_monkey_before_contents_inner 経由で差し込む」というものになります。
固定ページでの場合を想定されておりますがフロントページに設定してあるページはどうすれば良いでしょうか？パーマリンクの部分がhttp://yokusumu.local/のようにサイトurlとして表示されます。
既にフロントページとして利用してみえる固定ページのコンテンツを、どこかのページなり条件下で表示したいというご相談になりますでしょうか？
今一度、ご確認をお願いできればと思います。
snow_monkey_before_contents_inner を使うことで
『https://snow-monkey.2inc.org/2020/04/28/inject-content-to-above-the-columns-that-has-sidebar/』のように
if ( ! is_page('shop_top-page') ) {
'pagename' => 'shop-page_insert-page',
という感じで実現できました。
ただこの場合、動作自体は希望のものなのですが、
・固定ページ（shop_top-page）をショップページとして割り当てる
・別に差し込み用の固定ページ（shop-page_insert-page）を用意する
・snow_monkey_before_contents_innerに差し込み用ページを割り当てる
となるため少しややこしくなります。
もし固定ページ（shop_top-page）のコンテンツを表示させる方法をご存じの方、またはもっと良い方法がある場合にはご教示ください
上記記事の掲載コードをそのまま使われて現在表示されているという前提でご紹介すると、以下のようにすることでトップページ（ホームページ設定でホームページに固定ページを設定した上でのトップページと解釈）にだけ表示させることができます。
add_action(
'snow_monkey_before_contents_inner',
function() {
if ( is_front_page() ) {
$new_query = new \WP_Query(
[
'pagename' => 'front-page-slider',
'post_type' => 'page',
'post_status' => [ 'publish', 'draft' ],
'posts_per_page' => 1,
]
);
if ( ! $new_query->have_posts() ) {
return;
}
$new_query->the_post();
?>
<div class="p-entry-content" id="front-page-top-content">
<?php the_content(); ?>
</div>
<?php
wp_reset_postdata();
}
}
);
add_action(
'snow_monkey_before_contents_inner',
function() {
if ( is_front_page() ) { //トップページのみ
?>
<div class="sticky">
<span class="web_rsv">
<a href="https://sample01.glasscoope.com/syokaitaiken/"><p class="font-size-large font-weight-bold">初回体験</p><p class="font-size-small">予約は<br>こちらから！</p></a>
</span>
</div>
<?php
}
}
);
こうでしょうか？
例えば
のページにあるコードの場合だと、
add_action(
'snow_monkey_before_contents_inner',
function() {
// ページスラッグが about の固定ページのときは何も処理しない
if ( is_page( 'about' ) ) {
return;
}
// これ以降はもとのコードのまま
// ...
}
);
という感じになります。
んーなるほど、なぜでしょうね…。これ、My Snow Monkey に追加したコード
add_action(
'snow_monkey_before_contents_inner',
function() {
〜
}
);
を消すと、上の画像も下の画像も両方とも消えるってことですよね？
もし上の画像だけが消えるということであれば、下の画像が表示されるのは別のなにかの影響ということになるので、別に調査する必要がでてきます。
で、その前に一点お聞きしたいのですが、2つのカラムの上に入れたい1カラムのコンテンツというのは、具体的にどのようなものでしょうか？ 固定の画像を1枚だけ、スライダー、文章も含んだコンテンツ等々…。
PC表示時に、各固定ページの本文とサイドバーの上の位置（アイキャッチでいうと、ページヘッダーの位置）に全幅表示したいんですが、上記カスタマイズにプラスで何が必要になりますか？
あー勝手にワンカラムだと思っていました。サイドバーありだと普通にエディターだけでは無理ですね…。ウィジェットでやりたいのであれば、独自にウィジェットエリアを追加する必要があるかと思います。
CSS で調整が必要かと思いますが、とりあえずこんな感じでどうでしょうか？
/**
* my-page-top-widget-area という名前でウィジェットエリアを定義
*/
add_action(
'widgets_init',
function() {
register_sidebar(
[
'name' => '固定ページ上部ウィジェットエリア',
'id' => 'my-page-top-widget-area',
'description' => '固定ページの上部に表示されるウィジェットエリアです。',
'before_widget' => '<div class="my-page-top-widget-area__item"><div id="%1$s" class="c-section %2$s">',
'after_widget' => '</div></div>',
'before_title' => '<h2 class="c-section__title">',
'after_title' => '</h2>',
]
);
}
);
/**
* 固定ページの上部に my-page-top-widget-area ウィジェットエリアを表示
*/
add_action(
'snow_monkey_before_contents_inner',
function() {
if ( ! is_page() ) {
return;
}
if ( ! \Framework\Helper::is_active_sidebar( 'my-page-top-widget-area' ) ) {
return;
}
?>
<div class="my-page-top-widget-area"
data-is-slim-widget-area="false"
data-is-content-widget-area="true"
>
<?php dynamic_sidebar( 'my-page-top-widget-area' ); ?>
</div>
<?php
}
);
ちょっと全貌が見えて無くて外しているかもしれませんが、僕が書いた snow_monkey_before_contents_inner にフックさせるコードと、wp_is_mobile() を使ったコードの2つを書いているということでしょうか？
もしそうであれば、snow_monkey_before_contents_inner にフックさせるコードが所定の位置にスライダーを表示させる命令になりますので、その中でショートコードを echo している部部分を wp_is_mobile() を使ったコードに置き換えるのが正しい形となります。
つまり、下記のような感じです。
add_action( 'snow_monkey_before_contents_inner', function() {
if ( ! is_front_page() ) {
return;
}
if ( wp_is_mobile() ) {
// mobile用
echo do_shortcode( '[metaslider id=14254]' );
} else {
// PC用
echo do_shortcode( '[metaslider id=14246]' );
}
} );
実機で確認していますが、今度はfunction.phpに追加すると、エラーコードが出て、画面が真っ白になるようになりました。
phpの知識があまりないので、何か記述が間違っているのでしょうか。
それと、最初におしえていただいた下記はidが一つですが、これは関係ないでしょうか。
add_action( ‘snow_monkey_before_contents_inner’, function() {
if ( ! is_front_page() ) {
return;
}
echo do_shortcode( ‘[metaslider id=”14205″]’ );
} );
あ、ちょっと僕の書き方が中途半端でした。ショートコードの部分は、「ショートコードを実行する命令」を付け加えて書く必要がありました。
add_action( 'snow_monkey_before_contents_inner', function() {
if ( ! is_front_page() ) {
return;
}
echo do_shortcode( '[metaslider id="14205"]' );
} );
これで生のショートコードではなくスライダーが表示されるようになると思いますがどうでしょうか？
ご返答ありがとうございました。
MetaSliderを入れ、functions.phpに追加しまたが、画像は2カラムのうち、左側に配置され（従来と同じレイアウト）、ショートコード自体がカラム分割部分より上に配置されてしまいました。
基本的なことで恐縮ですが、functions.php への記述（下記）が間違っているのでしょうか。
ウィジェットのMetaSliderは「ホームページ上部」にドラッグ。コードはMetaSliderの管理画面からコピーしたものです。
add_action( 'snow_monkey_before_contents_inner', function() {
if ( ! is_front_page() ) {
return;
}
?>
[metaslider id="14205"]
<?php
} );
あーなるほどですね…そのパターンのレイアウトは考えていませんでした。
サイドバーありテンプレートでカラム分割より上の部分にはウィジェットエリアがないので、とりあえず今考えられる方法としては、ショートコードでスライダーを追加できるスライダープラグインを入れて、アクションフック経由でスライダーを追加する形が簡単かなと思います。
Meta Slider プラグインだと確かショートコードに対応してたかなと。
下記のようなコードを子テーマの functions.php に追加してみてください。
add_action( 'snow_monkey_before_contents_inner', function() {
if ( ! is_front_page() ) {
return;
}
?>
ここにショートコード
<?php
} );
これでカラム分割部分より上にスライダーが追加できるかと思います。ただ、このままだと full width にならないので、CSS で調整が必要だと思います。そのあたりは使用するスライダープラグインによって変わってくると思いますので、もしこの方法で対応されたら、使用されたプラグインなど書き込んでいただければと思います。
