「snow_monkey_prepend_contents」の検索結果

12件の結果を表示中 - 1 - 12件目 (全12件中)
  • 投稿者
    検索結果
  • #89559
    大ちゃん
    参加者

    【お使いの Snow Monkey のバージョン】 15.11.1
    【お使いの Snow Monkey Blocks のバージョン】 12.6.1
    【お使いの Snow Monkey Editor のバージョン】 6.2.1
    【お使いのブラウザ】 Google Chroom
    【当該サイトのURL】

    ### 実現したいこと

    topページにparticles.jsを実装したい。

    ### 発生している問題

    ### 試したこと
    お世話になっております。

    この動きを実装したくて

    add_action(
    	'wp_enqueue_scripts',
    	function(){
    		// AOSの読み込み //
    		wp_enqueue_style(
    			'aos-style' ,
    			'https://unpkg.com/aos@2.3.1/dist/aos.css',
    		);
    
    		wp_enqueue_script(
    			'aos',
    			'https://unpkg.com/aos@2.3.1/dist/aos.js',
    		);
    
    		wp_enqueue_script(
    			'my-aos',
    			MY_SNOW_MONKEY_URL . '/scripts/aos-app.js',
    			['aos'],
    			filemtime( MY_SNOW_MONKEY_PATH . '/scripts/aos-app.js' ),
    			true
    		);
    
    		if( is_front_page() ) {
    			wp_enqueue_script(
    				'particles',
    				'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js',
    			);
    
    			wp_enqueue_script(
    				'my-particle',
    				MY_SNOW_MONKEY_URL . '/scripts/my-particle.js',
    				['particles'],
    				filemtime( MY_SNOW_MONKEY_PATH . '/scripts/my-particle.js' ),
    				true
    			);
    		}
    	}
    );
    
    /* メインコンテンツの上部にHTMLの挿入 */
    add_action(
    	'snow_monkey_prepend_contents',
    	function () {
    		/* if文でフロントページのみに適応 */
    		if (is_front_page()) {
    			?>
    			<div id="particles-js"></div>
    				<div class="mv__wrapper">
    					<h2 class="mv__wrapper__title" data-aos="fade-in" data-aos-duration="2000">D-Works</h2>
    					<p class="mv__wrapper__title__sentence" data-aos="fade-in" data-aos-duration="2200">テスト</p>
    				</div>
    
    			<?php
    		}
    	}
    );

    上記のコードを書きました。
    AOSは実装されていたのですが、particles.jsは実装されていませんでした。

    少し前にもrellax.jsを似たような方法で実装できたのですが、今回はうまくいきませんでした。
    わかる方いらっしゃいましたらご教授お願い致します。

    ma_san_32_
    参加者

    いつも大変お世話になっております。

    主題の件についてご質問させてください。

    【お使いの Snow Monkey のバージョン】    14.3.4
    【お使いの Snow Monkey Blocks のバージョン】 11.4.0
    【お使いの Snow Monkey Editor のバージョン】 5.0.6
    【お使いのブラウザ】             Google Chrome

    ### 発生している問題

    「 投稿ページ」に設定した固定ページのみに、ピックアップスライダーをお知らせバーの下、パンくずリスト(標準位置の場合)の上のエリアに表示させたいのですが表示させることができません。

    ### 試したこと

    ①下記プログラムにて全ての固定ページにピックアップスライダーが挿入されることを確認しました。

    ===↓↓↓↓↓↓↓↓↓↓===

    add_action(
    	'snow_monkey_prepend_contents',
    	function () {
    		//if (is_page('blog') ) {
    			$new_query = new \WP_Query(/* ピックアップスライダーを作成したページの取得 */
    				[
    					'pagename' => 'blogup',/* スラッグを指定 */
    					'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();
    
    		//}
    	}
    );

    ===↑↑↑↑↑↑↑↑↑↑===

    ②今回ご質問させていただいているプログラムになります。投稿ページのみを指定しているつもりですが、表示されません。

    ===↓↓↓↓↓↓↓↓↓↓===

    add_action(
    	'snow_monkey_prepend_contents',
    	function () {
    		if (is_page('blog') ) {/* 投稿ページをスラッグで指定(ページIDでもNGでした) */
    			/* ちなみに、他の固定ページのスラッグやページIDを指定した場合は指定通り表示されます。) */
    
    			$new_query = new \WP_Query(/* ピックアップスライダーを作成したページの取得 */
    				[
    					'pagename' => 'blogup',/* スラッグを指定 */
    					'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();
    
    		}
    	}
    );

    ===↑↑↑↑↑↑↑↑↑↑===

    以上になります。

    お手数おかけしますが、よろしくお願いいたします。

    #65707
    みしま
    参加者

    【お使いの Snow Monkey のバージョン】最新
    【お使いの Snow Monkey Blocks のバージョン】最新
    【お使いの Snow Monkey Editor のバージョン】最新
    【お使いのブラウザ】
    【当該サイトのURL】

    ### 実現したいこと
    PCのメニューで、1.グローバルナビゲーションPC甩、2.ヘッダーサブナビゲーションで上部に2列メニューが持てますが、3列目のメニューをグローバルナビゲーションPC甩の下に作るとなったら snow_monkey_prepend_contents の位置は妥当でしょうか?
    wp_nav_menu の書き方も Snow Monkey 的になにか問題がないかと考えています。

    ### 試したこと
    my-snow-monkey.php に下記を追加して、管理画面からメニューを設定して、CSSをあてています。

    // メニューの表示位置を追加
    register_nav_menu( 'kw-nav', ' kwナビゲーション ' );
    
    add_action(
    	'snow_monkey_prepend_contents',
    	function() {
    		?>
    <div class="kw-nav__wrapper">
    	<?php
    	wp_nav_menu(
    		array(
    			'theme_location' => 'kw-nav', // 指定した位置
    			'container' => 'kw-nav',
    			'container_class' => 'kw-nav',
    			'container_id' => 'kw-nav-wrap',
    			'fallback_cb' => ''
    		)
    	);
    	?>
    </div>
    		<?php
    	}
    );
    #62978

    返信が含まれるトピック: サイドバーの位置変えたいです。

    アクツ
    参加者
    133

    こんにちは! masalllさん

    カスタマイズや表示するテンプレートの切替だけだと、ご要望の形にはならないですね。
    テストしてみましたが、ウィジェットやテンプレートではできなかったです(;;)

    ちなみにコードを記述することができるようであれば、My Snow Monkeyでコードを書いていけば実現は可能です!

    参考:

     

    上記のサンプルのHTMLタグで作られている部分を自分の出したいもののHTMLにしていけば実現できます(+CSS当てていく)
    ※特定のページだけしたいな〜という場合は、if文などでコントロールください

    1
    いいねをした人: 居ません
    #62836

    返信が含まれるトピック: カスタム投稿タイプのタグ表示

    キタジマ タカシ
    参加者
    1318

    あ、カスタマイザーでカスタム投稿のビューテンプレートを「投稿」にされていますかね? もしかしたらそれだと僕の書いたコードだと効かないかもです。マドカさんのコードでも全然問題ないと思います! 一応僕ならこうしたほうが見やすいかな?というのも書いておきますね。

    add_action(
    	'snow_monkey_prepend_contents',
    	function() {
    		if ( ! is_archive( 'works' ) ) {
    			return;
    		}
    
    		add_action(
    			'snow_monkey_get_template_part_template-parts/loop/entry-summary/meta/meta',
    			function() {
    				$terms = get_the_terms( $post->ID, 'works_tag' );
    				if ( ! $terms ) {
    					return;
    				}
    				?>
    				<?php foreach ( $terms as $term ) : ?>
    					<span class="tag-cloud-link tag-link-<?php echo esc_html( $term->term_id ); ?>"><?php echo esc_html( $term->name ); ?></span>
    				<?php endforeach; ?>
    			}
    		);
    	}
    );
    1
    いいねをした人: 居ません
    #62821

    返信が含まれるトピック: カスタム投稿タイプのタグ表示

    マドカ
    参加者
    7

    キタジマさん
    年末&アップデート時期のご多忙な折にお返事いただきまして、本当にありがとうございます!
    上記で共有いただいたコード内の「content-news」と「news_category」を、該当のカスタム投稿(works)・カスタムタクソノミー(works_tag)に書き換えて試してみたのですが、カスタム投稿のアーカイブ一覧で何も表示に変化がおきず、コード上にも特に変化なしでした。原因がよくわからず、こちらの設定に問題があるのかもしれませんが・・

    試行錯誤して以下のコードを試してみまして、アーカイブ一覧にカスタムタクソノミーを表示することはできた(添付画像参照)のですが、この方法でも問題ないものでしょうか・・?
    マズイ表記やもっとスマートな書き方があるかと思いますので、お時間あるときにでもみていただければ大変幸いです・・!

    add_action(
    	'snow_monkey_prepend_contents',
    	function() {
    		if ( is_archive( 'works' ) ) {
    			add_action(
    				'snow_monkey_get_template_part_template-parts/loop/entry-summary/meta/meta',
    				function() {
    					?>
    					<?php
    					if ($terms = get_the_terms($post->ID, 'works_tag')) {
    						foreach ( $terms as $term ) {
    							$term_slug = $term -> slug;
    							$term_id = $term -> term_id;
    							echo ('<span class="tag-cloud-link tag-link-') ;
    							echo esc_html($term_id) ;
    							echo ('">') ;
    							echo esc_html($term->name)  ;
    							echo ('</span>') ;
    						}
    					}
    					?>
    					<?php
    				}
    			);
    		}
    	}
    );

    0
    いいねをした人: 居ません
    #62798

    返信が含まれるトピック: カスタム投稿タイプのタグ表示

    キタジマ タカシ
    参加者
    1318

    @アクツさん

    カスタムタクソノミーの場合は、タグ形式でもカテゴリー形式でも、コンテンツのメタ情報の部分に載ってしまうのが正しい挙動かと思います。

    あ、記事タイトル下のところに、タグ形式のタクソノミーがでちゃうこともあるってことですよね(複数タクソノミーが割り当てられている場合はどちらかのタクソノミーが表示)。挙動的にはバグっちゃバグですね…^^; 投稿の場合はカテゴリーだけなので、カスタム投稿のときもカテゴリー形式のタクソノミーだけが表示されるのが正しい気がします。これはちょっと修正入れます。

    一番良さそうな形か微妙ですが、

    Snow Monkey がわざわざ Helper::get_the_public_taxonomy( get_the_ID() ); で投稿に紐付いた全タクソノミー情報をとっているのは、Snow Monkey からはどのタクソノミーを表示すれば良いのか判断ができないからなので、カスタマイズで自分の好きなタクソノミーだけを表示したいときは get_the_terms() で好きなタクソノミーを取得すれば良いです。書き直すとこんな感じでしょうか。

    カスタム投稿 news、カスタムタクソノミー news_category の場合

    add_action(
    	'snow_monkey_prepend_contents',
    	function() {
    		// カスタム投稿のときにメタ情報のカテゴリー表示を無効化
    		if ( is_singular( 'news' ) ) {
    			remove_action( 'snow_monkey_entry_meta_items', 'snow_monkey_entry_meta_items_categories', 40 );
    		}
    
    		// カスタム投稿のときにメタ情報を表示
    		// カスタマイザーでビューテンプレートを「投稿」にしている場合は不要
    		if ( is_singular( 'news' ) ) {
    			add_filter(
    				'snow_monkey_get_template_part_args_template-parts/content/entry/entry',
    				function( $args ) {
    					$args['vars']['_display_entry_header'] = true;
    					$args['vars']['_post_type'] = 'post';
    					return $args;
    				}
    			);
    		}
    
    		// カスタム投稿のときに任意のタクソノミーをメタ情報に表示
    		if ( is_singular( 'news' ) ) {
    			add_action(
    				'snow_monkey_entry_meta_items',
    				function() {
    					$terms = get_the_terms( get_the_ID(), 'news_category' );
    					if ( ! is_array( $terms ) ) {
    						return;
    					}
    					?>
    					<?php foreach ( $terms as $term ) : ?>
    						<li class="c-meta__item c-meta__item--categories">
    							<span class="screen-reader-text"><?php echo esc_html( $terms->label ); ?></span>
    							<i class="fas fa-folder" aria-hidden="true"></i>
    							<a href="<?php echo esc_url( get_term_link( $term ) ); ?>"><?php echo esc_html( $term->name ); ?></a>
    						</li>
    					<?php endforeach; ?>
    					<?php
    				},
    				40
    			);
    		}
    	}
    );
    2
    いいねをした人: 居ません
    #31346

    返信が含まれるトピック: *****

    *****
    [ プライベートトピックのため非表示 ]
    0
    いいねをした人: 居ません
    キタジマ タカシ
    参加者
    1318

    こんなにスラスラコードが書けるってすごいです。Wordpress初心者ですが、いつかキタジマさんのようになれるといいなぁ。

    僕はプログラマーとしてのスキルはそんなに高くなくて、基礎的なことを地道にレゴみたいに組みあわせていっているだけなので、1行1行の意味を理解しながら書くクセをつければ、僕程度になら絶対なれると思いますよ!

    上記ご説明のウィジェットエリア以外のエリアにウィジェットを配置するのは難易度が高いのですよね・・・他の方法としてはElementorなどで左右非対称のカラム分けをつくるかですよね。
    アドバイスがあればご教示いただきたいです。

    Elementor は詳しくないのでちょっとわからないのですが、ぱっと思いついたのは、Meta Slider のようなスライダーをショートコードでつくれるプラグインを使い、つくったショートコードをアクションフックにつっこむパターンですかね。お知らせバーやヘッダーコンテンツを使っていると変になってしまうかもなのですが、下記のようなコードでスライダーのショートコードを入れればそれっぽくなるかもしれません。

    <?php
    add_action(
    	'snow_monkey_prepend_contents',
    	function() {
    		if ( ! is_front_page() ) {
    			return;
    		}
    
    		echo do_shortcode( 'ここにスライダーのショートコード' );
    	}
    );
    0
    いいねをした人: 居ません
    #12107

    返信が含まれるトピック: オーバーレイ時ヘッダの気になる点

    Hatsuki
    閲覧者
    5

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

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

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

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

    0
    いいねをした人: 居ません
    #11321

    返信が含まれるトピック: snow_monkey_prepend_bodyの使用について

    Hatsuki
    閲覧者
    5

    お知らせバーの前だと、 .l-contents の先頭部分に snow_monkey_prepend_contents とかつくると良さそうですかね。
    お知らせバーの後ろはページヘッダーとかパンくずとかとの兼ね合いで…

    凄く解りやすいフックですね。お願いできますか?
    子テーマでちょっとデザインを試してみたのですが、お知らせバーの前だとあまり変なことをしない限りはお知らせバーが突然出て浮いた感じにならず、お知らせバーがより目立って良いかもです!
    後ろだとトップ画面以外に使用した場合にはアイキャッチとかの締まった感じが無くなって微妙になってしまいますね…。

    .l-footer の内側に、 snow_monkey_prepend_footer 、 snow_monkey_append_footer を追加しましょうかね。

    .l-footer の内側であれば、ソーシャルナビの前と後ろと言った所などでしょうか?

    メニューの左右は HTML の構造的にちょっと難しい気がします…。
    あ、メニューの左右と言うのがちょっと伝わっていないかもです…

    
    <div class="c-row__col c-row__col--1-6 u-hidden-lg-up">
    <div class="u-pull-right">...</div>
    <div class="u-pull-right">メニューの左に追加</div>
    

    とかかな…と思いましたが、これもHTMLの構造的にややおかしくなりそうな難しい感じですね。

    一度、HTML構造も見ながらこちらでも整理してみます。

    0
    いいねをした人: 居ません
    #11299

    返信が含まれるトピック: snow_monkey_prepend_bodyの使用について

    キタジマ タカシ
    参加者
    1318

    お返事漏れてました、すみません。

    お知らせバーの前や後にコンテンツ表示向けのフックを追加していただければ

    お知らせバーの前だと、 .l-contents の先頭部分に snow_monkey_prepend_contents とかつくると良さそうですかね。お知らせバーの後ろはページヘッダーとかパンくずとかとの兼ね合いで、要素を追加するとレイアウトが崩れたように見える可能性があるので、後ろにアクションフックを入れるのはちょっと微妙かなぁという気がします。

    フッターの後にフッターナビ前にも同じように追加していただければ、下部固定のGDPR等を出すのに対してかなり楽になる印象です。

    .l-footer の内側に、 snow_monkey_prepend_footersnow_monkey_append_footer を追加しましょうかね。

    drawer-navのすぐ左やメニューのすぐ横に配置できるようなフックがあれば便利と思っています。
    ナビゲーションバーに、メニュー以外の通知アイコン等の仕組みを簡単に使用できるようにするフックという事です。

    メニューの左右は HTML の構造的にちょっと難しい気がします…。

    0
    いいねをした人: 居ません
12件の結果を表示中 - 1 - 12件目 (全12件中)

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ