スマホで表示されたのですがMacで表示されません
ヘッダがスライドするのが原因ではないかとおもってます
それもあって広告の位置もパン屑あたりにしたく以下のコードをリファレンスからさがしてきました
これで該当位置にフックされると考えてよいでしょうか
snow_monkey_before_contents_inner
インナーコンテンツの前に HTML を追加する
MEMO: 位置としては、パンくずをコンテンツの上と設定していれば、その下辺りになります。
add_action(
'snow_monkey_before_contents_inner',
function() {
?>
<!-- ad tags Size: 320x100 ZoneId:1577409-->
<script type="text/javascript" src="https://js.gsspcln.jp/t/577/409/a1577409.js"></script>
<?php
}
);
有料になりますが、Archive Content アドオンを使うのが一番簡単だと思います。
自力で頑張る場合は、
の応用編で、snow_monkey_before_contents_inner ではなくて snow_monkey_before_archive_entry_content や snow_monkey_prepend_archive_entry_content にフックする形でもできます。ただ、条件分岐しないと全てのアーカイブページに表示されてしまうので、is_category( 'hoge' ) で条件分岐が必要です。カテゴリーごとに違うコンテンツを割り当てたい場合は条件分岐とページを呼び出すコードがその分増えるのでその分複雑にはなります…。
キタジマ様
申し訳ありません、こちらにコードを書くために念のため自身で1から書き直してみたところ上手くいきました。
恐らくどこかで抜け漏れがあったものと思います。お騒がせ致しました。
ご共有までコードを以下貼り付けの上、本トピックはクローズさせていただきます。
add_action(
'snow_monkey_before_contents_inner',
function() {
$new_query = new \WP_Query(
[
'pagename' => 'blog_before_content',
'post_type' => 'page',
'post_status' => [ 'publish', 'draft' ],
'posts_per_page' => 1,
]
);
if ( ! is_home() ) {
return;
}
$new_query->the_post();
?>
<div class="p-entry-content" id="blog_before_content">
<?php the_content(); ?>
</div>
<?php
wp_reset_postdata();
}
);
ありがとうございます。PHP のコードを下記のように書き直してみてください。
/*1カラム on２カラム */
add_action(
'snow_monkey_before_contents_inner',
function () {
var_dump( 1 );
$new_query = new \WP_Query(
[
'pagename' => 'top-visual',
'post_type' => 'page',
'post_status' => ['publish', 'draft'],
'posts_per_page' => 1,
]
);
if ( ! $new_query->have_posts() ) {
var_dump( 2 );
return;
}
var_dump( 3 );
$new_query->the_post();
?>
<?php if ( is_front_page() ) : ?>
<div class="p-entry-content" id="front-page-top-content">
<?php var_dump( 4 ); ?>
<?php the_content(); ?>
</div>
<?php endif; ?>
<?php
wp_reset_postdata();
}
);
実行すると int(1) のような文字列が画面に表示されると思うので、どこの部分で処理が終了してしまっているのか確認できると思います。
コードはこちらです。
php
/*1カラム on２カラム */
add_action(
'snow_monkey_before_contents_inner',
function () {
$new_query = new \WP_Query(
[
'pagename' => 'top-visual',
'post_type' => 'page',
'post_status' => ['publish', 'draft'],
'posts_per_page' => 1,
]
);
if (!$new_query->have_posts()) {
return;
}
$new_query->the_post();
?>
<?php if (is_front_page()) : ?>
<div class="p-entry-content" id="front-page-top-content">
<?php the_content(); ?>
</div>
<?php endif; ?>
<?php
wp_reset_postdata();
}
);
css
/*トップビジュアル_フルスクリーン */
#front-page-top-content {
margin-right: calc(50% - 50vw) !important;
margin-left: calc(50% - 50vw) !important;
}
よろしくお願いします。
GONSYさん
ヒントを頂いた通りに実装したら、簡単に解決することができました
ありがとうございました！
念のためにコードを記載します
add_action(
'snow_monkey_before_contents_inner',
function() {
if(is_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();
}
}
);
解決しましたので、トピックを閉じます
ご返事ありがとうございます。
教えて頂いた内容をもとにチャレンジしてみます！
もし可能なら、my-snow-monkey.phpに記述したコードをご提示ください。
下記の通りとなります。
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() ) {
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 は場所的に .c-container の内側なので、そのままではコンテナー幅に収まります。適当な class を追加して、それをセレクタにして全幅になるような CSS を記述してみてください。
例：
.added-one-column-contents {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
is_page()で指定しておりましたが、is_home()に変更したら無事表示することができました！
ですが、投稿ページ設定前は、全幅表示でコンテンツを挿入できましたが、なぜか全幅表示になっておりません。
コンテンツ最大幅で設定している1150pxで表示されてしまうのを、全幅で表示するようにしたいです。
こちらは、可能でしょうか？
以下が、挿入したコードになります。
add_action(
'snow_monkey_before_contents_inner',
function () {
if (is_home()) {
$new_query = new \WP_Query(
[
'pagename' => 'column-content',
'post_type' => 'page',
'post_status' => ['draft']
]
);
if (!$new_query->have_posts()) {
return;
}
$new_query->the_post(); ?>
<div class="p-entry-content">
<?php the_content(); ?>
</div>
<?php wp_reset_postdata();
}
}
);
何卒よろしくお願いいたします！
アクションフックの場所が違っているので、snow_monkey_before_contents_innerを snow_monkey_after_contents_innerに変更すれば、フッターの前にコンテンツが入ります。
どこにどんなフックがあるのかについては
を見ると分かりやすいと思います。
### 実現したいこと
特定の投稿ページ (右サイドバー) の1カラムのコンテンツをページごとに分けたい
上記のみは、is_pageで固定ページの番号を指定することで、解決することができました。
add_action(
'snow_monkey_before_contents_inner',
function () {
if (is_page('19')) {
$new_query = new \WP_Query(
[
'pagename' => 'column-content',
'post_type' => 'page',
'post_status' => ['draft']
]
);
if (!$new_query->have_posts()) {
return;
}
$new_query->the_post(); ?>
<div class="p-entry-content">
<?php the_content(); ?>
</div>
<?php wp_reset_postdata();
}
}
);
あーなるほど！ フックの場所を snow_monkey_prepend_body か wp_footer にするとどうでしょうか？ snow_monkey_before_contents_inner はランディングページ系のページテンプレートでは実行されないのでした。
どこにも丸いバナーは表示されませんでした
どこにも表示されないということは、そもそも .sticky な要素の追加自体がされていない可能性はないですかね？
add_action(
'snow_monkey_before_contents_inner',
function() {
?>
<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
}
);
を My Snow Monkey プラグインに追加すると、表示場所は置いておいて、「予約はこちらから！」という文字がページ上に追加されるはずです。まずそれは追加されていますか？ ページ上を眺めても確認できない場合はブラウザから HTML ソースを開いてページ内検索をして存在を確認してみてください。
もし目視でも HTML ソースにも存在しないということであれば追加に失敗しています。その場合は My Snow Monkey プラグインが有効化されていないというのが一番可能性が高いと思います。
ご回答ありがとうございます。
アクションフックのsnow_monkey_before_contents_innerで組み込んでみます
詳しく教えていただきましてありがとうございます。
構成はトップページ1ページ、投稿ページ1ページ、固定ページ3ページあるのですが、投稿ページ以外のページのヘッダーはウィジェットよりも上にくるようにしたいです。
とのことですので、条件分岐としては is_front_page() || is_page() の時にコンテンツエリア（左サイド：コンテンツ/右サイド：サイドバー）の上にコンテンツヘッダーを置きたいという感じとお見受けしました。
また、表示したいコンテンツも固定ページで作られているように（編集画面を拝見して）お見受けしましたが、もし自分がやるとしたら「再利用ブロック」を活用するかもしれません。
流れとしては以下のような手順になるかと思います。
- 再利用ブロックとして挿入したいコンテンツを作る
- 再利用ブロックの
post_id 番号を確認
- フックを利用して再利用ブロックを任意の場所に出力
再利用ブロックを管理したり post_id 番号を確認される場合、手前味噌ですが僕が作ったプラグインを使われてもスムーズに確認いただけるかもしれません。
使い方はこちらをどうぞ。ショートコード内に表示されている数字が post_id になります。
そして、実際に挿入するソースコードですが、こんな感じで良いかと思います。
フック先は snow_monkey_before_contents_inner とし、 post_id は 1234 とした場合、
add_action(
'snow_monkey_before_contents_inner',
function() {
if ( is_front_page() || is_page() ) {
echo apply_filters( 'the_content', get_post( 1234 )->post_content );
}
}
);
こんなコードで出力できるかと思います。もし、複数の再利用ブロックを用意されて、別の任意の固定ページなどに振り分けたい場合には、条件分岐を変えたり増やしたりすることで対応可能かと思います。
長くなりましたがご確認ください。
