-
検索結果
-
wp-membersというプラグインを使用して会員制サイトを作成しています。
このプラグインでしょうか？
メニューにはログインの有無で表示・非表示を設定できますが
このプラグインを有効化すると、メニュー設定にログインの有無で表示がコントロールできるんですね。
ヘッダー横に設置したボタンに関しても同じようにできませんでしょうか？
このプラグインに限らず、
is_user_logged_in()で判定できると思いますので、ボタンの表示の条件として使えると思います。
また、ヘッダー横ということで、 カスタマイズ → デザイン → ヘッダー → ヘッダーコンテンツ を利用されると思いますが、私なら上記を含めたボタンのショートコードをつくって入れます。
ショートコードの作り方は検索すればたくさん出てくると思いますので、そちらを参考にしてみてください。
ショートコードに含ませるボタン表示の条件はこんな感じになると思いますが、適宜調整してください。if (!is_user_logged_in()) { // ログインユーザー以外 echo '<a href="'.esc_url( home_url('login-page') ).'" class="button-login">ログイン</a>'; }Who liked:
グローバルナビゲーション（サイト内）とローカルナビゲーション（ページ内）の混在ということですね。
私個人の印象だと、一般的ではないと思いますが、どのような意図があるのか教えていただけると嬉しいです。@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つ存在するので、メンテナンス性は悪いです。
もっとスマートな方法があると思いますが、私のレベルだとこの程度の方法しか見いだせません。。。Who liked:
HOMEは、メニュー設定のカスタムリンクで設定していますか？
通常のページとしてメニューに登録していると、その領域にいても.navsync-menu-highlightが付与されませんので、必ずカスタムリンクのメニュー項目から
URL → #home
ナビゲーションラベル → HOME
として追加ください。
テストページをアップデートしましたので、もう一度ご覧ください。Who liked:
検証ツールで確認したら、ナビゲーションの指定した領域に入ると、ちゃんと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; }Who liked:
この記事の後半が参考になると思います。
※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>'; } } } );お試しくださいませ。
Who liked:
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; }何度も何度も本当に申し訳ありません💦
Who liked: No user
my-snow-monkey にアップされているこのJSに書かれているナビゲーションのIDを指定する箇所が違うようです。
jQuery(function($){ $('#menu-main_nav').navSync(); }); // 私のデモで使用しているメニュー名 // ↓↓↓ jQuery(function($){ $('#menu-nav').navSync(); }); // meg さんが使用しているメニュー名変更してみてください。
Who liked:
ナビをクリックしてアンカー先へ移動した後にページを更新すると、下記のような表示にはなります。
更新しなければ、アンカー先まで飛ぶだけで下線はどのナビにも引かれない状態となります。
またスクロールのみでは変化がなく、当該セクションまでスクロールしてページを更新した場合も、変化がありませんでした。
これはjsファイルがうまく読み込めていないということなのでしょうか。
Who liked: No user教えて頂いたコードをMy Snow Monkeyへ記述したところ、無事意図した挙動にすることが出来ました！
filterフック関係の理解がまだ足りないので勉強になりました。
ありがとうございます！トピック閉じます。
Who liked:
カスタマイザー → デザイン → 基本デザイン設定 → デフォルトページヘッダー画像 で画像を設定すれば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; } );Who liked:
検証ありがとうございます！！！！
非表示のタブパネルは
visibility: hiddenになっているのですが、なぜかはわからないけどその中のスライダーは見えちゃうみたいですね。他の段落等は見えなくなるので謎です…。今非表示のタブパネルは下記のようになっているので、
.smb-tab-panel[aria-hidden=true] { visibility: hidden; }こうしちゃうのが良いかもしれません。
.smb-tab-panel[aria-hidden=true] { visibility: hidden; opacity: 0; }タブパネルの複製は悩ましいですね…タブブロックの中でのタブパネルの追加・削除を独自のボタンでやっているのは、タブパネルとタブ（クリックする部分）の2つを同時に追加・削除して紐付けしないといけないからなので、標準の複製や追加ボタンで追加すると齟齬がでてしまって表示が崩れるのだと思います。うまいことやる方法があるのかはわかりませんが、ちょっと考えてみます。
Who liked:
