メインコンテンツへ移動

Search results of "i"

15件の結果を表示中 - 2,461 - 2,475件目 (全8,967件中)
  • 投稿者
    検索結果
  • GONSY
    参加者
    846

    wp-membersというプラグインを使用して会員制サイトを作成しています。

    このプラグインでしょうか?

    メニューにはログインの有無で表示・非表示を設定できますが

    このプラグインを有効化すると、メニュー設定にログインの有無で表示がコントロールできるんですね。

    ヘッダー横に設置したボタンに関しても同じようにできませんでしょうか?

    このプラグインに限らず、 is_user_logged_in() で判定できると思いますので、ボタンの表示の条件として使えると思います。
    また、ヘッダー横ということで、 カスタマイズ → デザイン → ヘッダー → ヘッダーコンテンツ を利用されると思いますが、私なら上記を含めたボタンのショートコードをつくって入れます。
    ショートコードの作り方は検索すればたくさん出てくると思いますので、そちらを参考にしてみてください。
    ショートコードに含ませるボタン表示の条件はこんな感じになると思いますが、適宜調整してください。

    if (!is_user_logged_in()) { // ログインユーザー以外
    	echo '<a href="'.esc_url( home_url('login-page') ).'" class="button-login">ログイン</a>';
    }
    3
    Who liked:
    アバター画像meg
    参加者
    27

    GONSY様

    丁寧すぎるほど細やかな対応、本当に感謝します。

    グローバルナビゲーション(サイト内)とローカルナビゲーション(ページ内)の混在ということですね。私個人の印象だと、一般的ではないと思いますが、どのような意図があるのか教えていただけると嬉しいです。

    今回のローカルナビゲーションは、TOPページに設置予定のものです。
    現時点ではTOPページにのみコンテンツがある形ですが、プライバシーポリシーや約款のページが用意されています。
    今後、コンテンツが増えるかは現時点では未定です。

    ちなみにクライアント様の案では「HOME」がない形状で、「ページの中間と後半に移動できるナビの設置とカレント表示」のみのオーダーです。
    ただそれだと、他のページからTOPの上部に戻るナビがないよな・・・と思って、「HOME」を設置してみた次第です。

    LP形式のサイトなどでは、トップの特定の場所にアンカーを設定し、ナビでhttp://~/#〇〇で指定するケースをよく目にしてたので、あまり深く考えていませんでした💦

    せっかく実装できたJavaScriptを変えるのもいいですが、この(ローカルナビゲーションが動いてる)ページ以外は、グローバルナビゲーションのリンクを#からURLにすれば問題解決な気がします。

    フックの使用経験はないですが、教えていただいた方法でナビの差し替えで対応したいと思います。

    この度は細やかな対応、本当に感謝します。

    ありがとうございました。

    0
    Who liked: No user
    GONSY
    参加者
    846

    グローバルナビゲーション(サイト内)とローカルナビゲーション(ページ内)の混在ということですね。
    私個人の印象だと、一般的ではないと思いますが、どのような意図があるのか教えていただけると嬉しいです。

    @meg さんのデモページにあるナビゲーション「HOME」は、ローカルナビゲーション(ページ内移動)ではないのでしょうか?
    トップページが別にあるようなら、通常の方法でメニューに追加すれば問題ないと思います。

    ただ、今回設置したJavaScriptはローカルナビゲーションのためのものなので、根本的な変更が必要になってしまいます。
    せっかく実装できたJavaScriptを変えるのもいいですが、この(ローカルナビゲーションが動いてる)ページ以外は、グローバルナビゲーションのリンクを#からURLにすれば問題解決な気がします。

    スマートな方法ではないと思いますが、上記のトピックの回答を参考に差し替え用のメニューを作成して、フックをmy-snow-monkey.phpに追記します。


     
    // つくったメニューを条件で差し替えるようにする

    add_filter(
    	'wp_nav_menu_args',
    	function( $args ) {
    		if ( ! is_page( 'sample' ) ) { // 条件(スラッグ:sample という固定ページ以外)
    			if ('global-nav' === $args['theme_location']) { // どのナビゲーションを差し替えるか(グローバルナビゲーション(PC用)を替える)
    				$args['menu'] = 'test-menu'; // メニュー管理画面で入力した名前(test-menu)
    			}
    		}
    		return $args;
    	}
    );

    私のサイトがそのようになっています。

    トップページやお問い合わせでは、ローカルナビゲーションのメニューがURLで指定してあり、該当ページに移動すると#からはじまるページ内リンクに切り替わります。
    ちなみに、同じ場所に配置しているメニューが2つ存在するので、メンテナンス性は悪いです。
    もっとスマートな方法があると思いますが、私のレベルだとこの程度の方法しか見いだせません。。。

    3
    Who liked:
    GONSY
    参加者
    846

    HOMEは、メニュー設定のカスタムリンクで設定していますか?
    通常のページとしてメニューに登録していると、その領域にいても.navsync-menu-highlight が付与されませんので、必ずカスタムリンクのメニュー項目から
    URL → #home
    ナビゲーションラベル → HOME
    として追加ください。
     
    テストページをアップデートしましたので、もう一度ご覧ください。

    1
    Who liked:
    GONSY
    参加者
    846

    検証ツールで確認したら、ナビゲーションの指定した領域に入ると、ちゃんとCSS( navsync-menu-highlight )がついてますので、このクラス名に合わせて下線の調整をしてあげればいいと思います。


     

    /* わたしのデモページのCSS */
    ul#menu-main_nav li a {
    	position: relative;
    	transition: background-color 0.3s ease-in-out;
    }
    
    ul#menu-main_nav li a.navsync-menu-highlight::after {
    	position: absolute;
    	left: 0;
    	content: '';
    	width: 100%;
    	height: 4px;
    	background-color: #000;
    	bottom: 0;
    }
    1
    Who liked:
    #111131
    GONSY
    参加者
    846

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

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

    <?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
    Who liked:
    アバター画像meg
    参加者
    27

    GONSYさま

    詳細に確認いただきありがとうございます。

    画像の通りIDの箇所を現在のIDに揃えてみました。
    が、今度はクリック後に更新しても反映されなくなってしまいました。

    CSSの方でIDを指定できていないのですが、そちらの問題でしょうか。
    (関連性がうまく理解できていません)

    .p-global-nav--hover-underline .c-navbar__item[data-active-menu] > a:after {
      height: 4px;
      margin-left:25%;
      width:50%;
    }
    .p-global-nav .c-navbar__item>a {
      padding-bottom:7px;
    }

    何度も何度も本当に申し訳ありません💦

    0
    Who liked: No user
    GONSY
    参加者
    846


     

    my-snow-monkey にアップされているこのJSに書かれているナビゲーションのIDを指定する箇所が違うようです。
     
     

    jQuery(function($){
      $('#menu-main_nav').navSync();
    });
    // 私のデモで使用しているメニュー名
    // ↓↓↓
    jQuery(function($){
      $('#menu-nav').navSync();
    });
    // meg さんが使用しているメニュー名

    変更してみてください。

    1
    Who liked:
    アバター画像meg
    参加者
    27

    ナビをクリックしてアンカー先へ移動した後にページを更新すると、下記のような表示にはなります。

    更新しなければ、アンカー先まで飛ぶだけで下線はどのナビにも引かれない状態となります。

     

     

    またスクロールのみでは変化がなく、当該セクションまでスクロールしてページを更新した場合も、変化がありませんでした。

    これはjsファイルがうまく読み込めていないということなのでしょうか。

    0
    Who liked: No user
    #111107
    アバター画像キタジマ タカシ
    参加者
    2586

    恐らく v15.1.2 での仕様変更の影響だと思います。TwentyTwentyTwo などの公式テーマと挙動を合わせたためです。

    画像をグループブロックやコンテナーブロックで囲むとこれまでと同じ表示になると思います。

    0
    Who liked: No user
    アバター画像meg
    参加者
    27

    GONSYさんに解説記事までご用意いただき、参考にさせていただきながら手をすすめている途中です。

    実装例としてご用意いただいた参考ページ内に以下の記述がありますが、対象ファイルはダウンロードしたZIPファイルの中にはパッケージされていませんでした。

    localnav.js には以下を記述して上記と同じフォルダにアップ

    別途ダウンロード、もしくは自分で作成するファイルになりますか?

    navsyncに関するその他の記事なども色々調べてみたのですが、localnav.jsに関して触れられているパートが見つけられませんでした。

    SnowMonkeyのカスタマイズから、少し横にそれた質問となり大変申し訳ありません。

    もしよろしければ、引き続きご対応いただけますと幸いです。

    0
    Who liked: No user
    GONSY
    参加者
    846

    ほかの実装方法もあるかと思いますが、このJavaScript(MIT License)でイメージに近いものが比較的簡単に実現できると思います。

     
     
    ▼実装例

    このページに簡単な解説がありますので、よかったら参考にしてみてください。

    3
    Who liked:
    #111084
    アバター画像hiro8watanabe
    参加者
    5

    教えて頂いたコードをMy Snow Monkeyへ記述したところ、無事意図した挙動にすることが出来ました!

    filterフック関係の理解がまだ足りないので勉強になりました。

    ありがとうございます!トピック閉じます。

    1
    Who liked:
    #111080
    アバター画像キタジマ タカシ
    参加者
    2586

    カスタマイザー → デザイン → 基本デザイン設定 → デフォルトページヘッダー画像 で画像を設定すれば404ページにページヘッダー画像が表示されるようになりますが、検索結果画面やアーカイブページ等にも表示されるようになるので、もし404ページにだけ画像を表示したいという場合はコードを書く必要があります。例えば下記のコードを My Snow Monkey か子テーマの functions.php に追加するとどうでしょうか?

    add_filter(
    	'snow_monkey_pre_page_header_image_url',
    	function( $url ) {
    		if ( is_404() ) {
    			return '画像の URL';
    		}
    		return $url;
    	}
    );
    1
    Who liked:
    #111079
    アバター画像キタジマ タカシ
    参加者
    2586

    検証ありがとうございます!!!!

    非表示のタブパネルは visibility: hidden になっているのですが、なぜかはわからないけどその中のスライダーは見えちゃうみたいですね。他の段落等は見えなくなるので謎です…。

    今非表示のタブパネルは下記のようになっているので、

    .smb-tab-panel[aria-hidden=true] {
        visibility: hidden;
    }

    こうしちゃうのが良いかもしれません。

    .smb-tab-panel[aria-hidden=true] {
        visibility: hidden;
        opacity: 0;
    }

    タブパネルの複製は悩ましいですね…タブブロックの中でのタブパネルの追加・削除を独自のボタンでやっているのは、タブパネルとタブ(クリックする部分)の2つを同時に追加・削除して紐付けしないといけないからなので、標準の複製や追加ボタンで追加すると齟齬がでてしまって表示が崩れるのだと思います。うまいことやる方法があるのかはわかりませんが、ちょっと考えてみます。

    1
    Who liked:
15件の結果を表示中 - 2,461 - 2,475件目 (全8,967件中)

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。