[キタジマ タカシ]

ウィジェットだとコントロールが難しいのでコードで書いてみました。

どこに表示させたいかでフックが変わりますが、とりあえずタイトルの上の場合を想定して snow_monkey_prepend_main を使っています。投稿タイプ名がわからなかったので、そこはご自身の環境にあわせて調整してください。素のリストで表示されるので、class をつけたりして CSS で好みのデザインに調整されると良いのかなと思います。

add_action(
	'snow_monkey_prepend_main',
	function() {
		// news カスタム投稿アーカイブ以外では表示しない
		if ( ! is_post_type_archive( 'news' ) ) {
			return;
		}

		// カテゴリー
		$categories = get_terms( [ 'taxonomy' => 'category', 'parent' => 0 ] );

		// タグ
		$tags = get_terms( [ 'taxonomy' => 'post_tag', ] );
		?>
		<div class="u-content">
			<ul>
				<?php foreach ( $categories as $category ) : ?>
					<li><a href="<?php echo get_term_link( $category ); ?>"><?php echo esc_html( $category->name ); ?></a></li>
				<?php endforeach; ?>
			</ul>

			<ul>
				<?php foreach ( $tags as $tag ) : ?>
					<li><a href="<?php echo get_term_link( $tag ); ?>"><?php echo esc_html( $tag->name ); ?></a></li>
				<?php endforeach; ?>
			</ul>
		</div>
		<?php
	}
);

♥ 0

いいねをした人: 居ません

[GONSY]

この記事の後半が参考になると思います。
※Google検索ワード「HTTP_REFERER　前のページ　外部」

JavaScriptやPHPで1つ前のページに戻るボタンを設置する | Free Style

Webサイトのページ内に戻るボタンの機能を付けたい人のために、JavaScriptやPHPで1つ前のページに戻るボタンを設置する方法をご紹介します。

blanche-toile.com

 
この記事には解説があるので、読んでおくことをオススメします！
この部分が参考になります。

<?php
 
//ホスト名取得
$h = $_SERVER['HTTP_HOST'];
 
// リファラ値があれば、かつ外部サイトでなければaタグで戻るリンクを表示
if (!empty($_SERVER['HTTP_REFERER']) && (strpos($_SERVER['HTTP_REFERER'],$h) !== false)) {
  echo '<a href="' . $_SERVER['HTTP_REFERER'] . '">前に戻る</a>';
}
 
?>

• snow_monkey_prepend_main
• snow_monkey_append_entry_content
• snow_monkey_after_entry_content

詳細記事（ is_singular( 'post' ) ）の前後にだけ、これらのアクションフック（上記は一例）で入れ込んであげれば良いのではないでしょうか？

例えば・・・

add_action(
	'snow_monkey_after_entry_content',
	function() {
		if ( is_singular( 'post' ) ) {
			$h = $_SERVER['HTTP_HOST'];
			if (!empty($_SERVER['HTTP_REFERER']) && (strpos($_SERVER['HTTP_REFERER'],$h) !== false)) {
				echo '<a href="' . $_SERVER['HTTP_REFERER'] . '">前に戻る</a>';
			}
		}
	}
);

お試しくださいませ。

♥ 5

いいねをした人:

[mrc]

お返事をいただきありがとうございます。

ブラウザのコンソールを見てみたところ、

JQMIGRATE: Migrate is installed, version 3.3.2  jquery-migrate.min.js?ver=3.3.2

と表示されておりました。

また、現在my-snow-monkey.phpに記述している全てのコードはこちらです↓

MY_SNOW_MONKEY_URL の定数とは、この中の
define(‘MY_SNOW_MONKEY_URL’, untrailingslashit(plugin_dir_url(__FILE__)));
の部分でしょうか？

<?php

/**
* Plugin name: My Snow Monkey
* Description: このプラグインに、あなたの Snow Monkey 用カスタマイズコードを書いてください。
* Version: 0.2.1
*
* @package my-snow-monkey
* @author inc2734
* @license GPL-2.0+
*/

/**
* Snow Monkey 以外のテーマを利用している場合は有効化してもカスタマイズが反映されないようにする
*/
$theme = wp_get_theme(get_template());
if (‘snow-monkey’ !== $theme->template && ‘snow-monkey/resources’ !== $theme->template) {
return;
}

/**
* Directory url of this plugin
*
* @var string
*/
define(‘MY_SNOW_MONKEY_URL’, untrailingslashit(plugin_dir_url(__FILE__)));

/**
* Directory path of this plugin
*
* @var string
*/
define(‘MY_SNOW_MONKEY_PATH’, untrailingslashit(plugin_dir_path(__FILE__)));

/**
* functions.phpに貼り付けるコード
* ここから下のコードをmy-snow-monkeyのfunctions.phpにコピペして下さい。
*/

/**
* 外部JS・CSSの読み込み
*/
add_action(‘wp_enqueue_scripts’, ‘msm_enqueue_style_script’);
function msm_enqueue_style_script()
{

/* ここにswiper.css */
/* swiper.css読み込み */
wp_enqueue_style(
‘swiper_css’,
‘https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css’
);

/* css読み込み */
wp_enqueue_style(
‘msm_style’,
MY_SNOW_MONKEY_URL . ‘/styles/style.css’,
[],
filemtime(MY_SNOW_MONKEY_PATH . ‘/styles/style.css’)
);

/* ここにswiper.js */
/* swiper.js読み込み */
wp_enqueue_script(
‘swiper_js’,
‘https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js’
);

/* js読み込み */
wp_enqueue_script(
‘msm_scripts’,
MY_SNOW_MONKEY_URL . ‘/scripts/main.js’,
[‘jquery’],
filemtime(MY_SNOW_MONKEY_PATH . ‘/scripts/main.js’),
true
);
}

/* エディター用のCSS読み込み */
add_action(
‘after_setup_theme’,
function () {
add_editor_style(‘/../../plugins/my-snow-monkey/styles/style.css’);
}
);

/* メインコンテンツの上部にHTMLの挿入 */
add_action(
‘snow_monkey_prepend_main’,
function () {
/* if文でフロントページのみに適応 */
if (is_front_page()) {
?>

<div class=”hero”>
<div class=”swiper-container”>
<div class=”swiper-wrapper”>
<div class=”swiper-slide”>
<div class=”hero__title”>
<h2><span>住宅のプロが提案する新しい価値と新しい住宅</span><span>あなただけの住宅を私たちは創造します</span></h2>
</div>
<div class=”hero__btn”><span>会社案内</span></div>

</div>
<div class=”swiper-slide”>
<div class=”hero__title”>
<h2><span>住宅のプロが提案する新しい価値と新しい住宅</span><span>あなただけの住宅を私たちは創造します</span></h2>
</div>
<div class=”hero__btn”><span>実績紹介</span></div>

</div>
<div class=”swiper-slide”>
<div class=”hero__title”>
<h2><span>住宅のプロが提案する新しい価値と新しい住宅</span><span>あなただけの住宅を私たちは創造します</span></h2>
</div>
<div class=”hero__btn”><span>事業案内</span></div>

</div>
</div>
</div>
</div>

<?php
}
}

♥ 0

いいねをした人: 居ません

[rakumath]

【お使いの Snow Monkey のバージョン】

最新（16.0.5）
【お使いの Snow Monkey Blocks のバージョン】

最新（14.0.1）
【お使いの Snow Monkey Editor のバージョン】

最新（7.0.0）
【お使いのブラウザ】

safari/chrome
【当該サイトのURL】

ペル方程式

https://vimeo.com/608052780/b4be0a9b3b

rakumath.xyz

YouTubeのような構成にしたくて、カスタムフィールドからURLを取得して、snow_monkey_prepend_mainにvimeoのタグを埋め込むよう、my snow monkeyに次のコードを書きました。

———— コード始まり ————

add_action(
‘snow_monkey_prepend_main’,
function() {
global $post;
$act_vimeo = get_post_meta($post->ID, ‘vimeo’, true );
$act_post = $post->ID;
if($act_vimeo){
?>
<figure class=”wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio”>
<div class=”wp-block-embed__wrapper”>
<div class=”c-responsive-container-16-9″><iframe src=”<?php echo esc_attr( $act_vimeo ); ?>” width=”1220″ height=”686″ frameborder=”0″ allow=”autoplay; fullscreen; picture-in-picture” allowfullscreen=””></iframe>
</div>
</div></figure>

<?php
}}
);

———— コード終わり ————

表示はされるのですが、1行分の隙間が動画の上に出てしまいます。

① この隙間をなくすには、どのようにすれば良いでしょうか？

② コードの中に無駄な部分やもっとこうした方が良いという部分があれば、ご教授いただけると嬉しいです。

どうぞ、よろしくお願いします。

[yucchi023]

キタジマさんご返信ありがとうございます！

メインビジュアル内は

add_action(
	'snow_monkey_prepend_main',
	function () {
		if (is_front_page()) {
			?>

を使用してトップページに表示させたHTML内に<?php get_search_form(); ?>を記入しております。

グローバルナビはデフォルトの方法がないみたいなのでこちらのショートコードを利用します。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

こんな感じでどうですかね？

/**
 * template-parts/loop/entry-summary/content/content をカスタマイズする関数
 */
function my_function() {
	?>
	あいうえお
	<?php
}

add_action(
	'snow_monkey_prepend_main',
	function() {
		// 実行
		add_action(
			'snow_monkey_get_template_part_template-parts/loop/entry-summary/content/content',
			'my_function'
		);
	}
);

add_action(
	'snow_monkey_append_main',
	function() {
		// 解除
		remove_action(
			'snow_monkey_get_template_part_template-parts/loop/entry-summary/content/content',
			'my_function'
		);
	}
);

♥ 0

いいねをした人: 居ません

[GONSY]

画像があるとわかりやすいですね。ありがとうございます。
そちらの位置（記事タイトルの上）なら、snow_monkey_prepend_mainのほうがいいと思いました。
また、デフォルトだとタグは<div class="c-entry-tags">で包まれているので、同じにするとご希望の「改行されず」に表示されると思います。

add_action(
	'snow_monkey_prepend_main',
	function() {
		if ( ! get_the_terms( get_the_ID(), 'post_tag' ) ) {
			return;
		}
		?>
		<div class="c-entry-tags">
			<?php \Framework\Helper::get_template_part( 'template-parts/content/entry-tags' ); ?>
		</div>
		<?php
	}
);

わたしの環境だと、見出しの上にタグが改行せずに表示されました。
ただ、タグ下にマージンがないので、<div class="c-entry-tags head_uppper_tags">など、独自のクラス名をつけるなどして、margin-bottomで調整すれば良い感じになると思います。
お試しください。

♥ 2

いいねをした人:

[キタジマ タカシ]

こんな感じで avatar と description を取得して表示できます。

add_action(
	'snow_monkey_prepend_main',
	function() {
		if ( ! is_author() ) {
			return;
		}

		$user = get_queried_object();
		$avatar = get_avatar( $user->ID );
		$description = get_the_author_meta( 'description', $user->ID );
		?>
		<div class="profile">
			<div class="profile__avatar">
				<?php echo wp_kses_post( $avatar ); ?>
			</div>
			<div class="profile__description">
				<?php echo wp_kses_post( $description ); ?>
			</div>
		</div>
		<?php
	}
);

♥ 0

いいねをした人: 居ません

[Hatsuki]

こういう場合はフックでページヘッダーを表示させるなど、どうしてもコードを書く必要があります。

もし、そのコードかアドバイスを頂けるのであれば、教えていただいてもよろしいでしょうか？
投稿タイプがbbpressの時にもページヘッダーを表示させる〜となると思うのですが、
snow_monkey_prepend_contentsやsnow_monkey_prepend_mainと言ったフックもあるので、
それを使ってコンテンツの前に表示させるのも、自由に出来て良いのかなとか迷っています（笑）

お知らせバーですが、ページの一番上に表示しても、サーチコンソールが警告を出すそうです。
多分h1の前とかに、お知らせコンテンツが見える為にHTML文章の構造がGoogle側として正しくないとか判断されちゃうんでしょうか？

オーバーレイの時は、お知らせバーを使わない、またはコンテンツ下部に表示させるようになる＆スクロールすると消えるとかが、ベターなのかもですね…。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

親カテゴリーにはその子カテゴリー、子カテゴリーにはその子カテゴリー（親から見た孫）が表示されるということですよね？

どこに表示させるか、どのようなデザインで表示させるかは置いておくとして、とりあえず下記のコードを子テーマの functions.php あるいは my-snow-monkey の my-snow-monkey.php に貼り付けると、カテゴリーページの上の方に表示されるようになります。

add_action(
    'snow_monkey_prepend_main',
    function() {
        if ( ! is_category() ) {
            return;
        }

        $category = get_queried_object();
        $children = get_categories( [ 'parent' => $category->term_id ] );
        ?>
        <ul>
            <?php foreach ( $children as $child ) : ?>
                <li>
                    <a href="<?php echo esc_url( get_term_link( $child ) ); ?>">
                        <?php echo esc_html( $child->name ); ?>
                    </a>
                </li>
            <?php endforeach; ?>
        </ul>
        <?php
    }
);

♥ 0

いいねをした人: 居ません