-
投稿者検索結果
-
2022年9月18日 3:21 PM #111164
wp-membersというプラグインを使用して会員制サイトを作成しています。
このプラグインでしょうか?
メニューにはログインの有無で表示・非表示を設定できますが
このプラグインを有効化すると、メニュー設定にログインの有無で表示がコントロールできるんですね。
ヘッダー横に設置したボタンに関しても同じようにできませんでしょうか?
このプラグインに限らず、
is_user_logged_in()
で判定できると思いますので、ボタンの表示の条件として使えると思います。
また、ヘッダー横ということで、 カスタマイズ → デザイン → ヘッダー → ヘッダーコンテンツ を利用されると思いますが、私なら上記を含めたボタンのショートコードをつくって入れます。
ショートコードの作り方は検索すればたくさん出てくると思いますので、そちらを参考にしてみてください。
ショートコードに含ませるボタン表示の条件はこんな感じになると思いますが、適宜調整してください。if (!is_user_logged_in()) { // ログインユーザー以外 echo '<a href="'.esc_url( home_url('login-page') ).'" class="button-login">ログイン</a>'; }
2022年9月18日 9:22 AM #111151返信が含まれるトピック: グローバルナビのカレント表示(下線)をアンカー先に合わせることは可能でしょうか
GONSY様
丁寧すぎるほど細やかな対応、本当に感謝します。
グローバルナビゲーション(サイト内)とローカルナビゲーション(ページ内)の混在ということですね。私個人の印象だと、一般的ではないと思いますが、どのような意図があるのか教えていただけると嬉しいです。
今回のローカルナビゲーションは、TOPページに設置予定のものです。
現時点ではTOPページにのみコンテンツがある形ですが、プライバシーポリシーや約款のページが用意されています。
今後、コンテンツが増えるかは現時点では未定です。ちなみにクライアント様の案では「HOME」がない形状で、「ページの中間と後半に移動できるナビの設置とカレント表示」のみのオーダーです。
ただそれだと、他のページからTOPの上部に戻るナビがないよな・・・と思って、「HOME」を設置してみた次第です。LP形式のサイトなどでは、トップの特定の場所にアンカーを設定し、ナビでhttp://~/#〇〇で指定するケースをよく目にしてたので、あまり深く考えていませんでした💦
せっかく実装できたJavaScriptを変えるのもいいですが、この(ローカルナビゲーションが動いてる)ページ以外は、グローバルナビゲーションのリンクを#からURLにすれば問題解決な気がします。
フックの使用経験はないですが、教えていただいた方法でナビの差し替えで対応したいと思います。
この度は細やかな対応、本当に感謝します。
ありがとうございました。
♥ 0Who liked: No user2022年9月18日 12:42 AM #111145返信が含まれるトピック: グローバルナビのカレント表示(下線)をアンカー先に合わせることは可能でしょうか
グローバルナビゲーション(サイト内)とローカルナビゲーション(ページ内)の混在ということですね。
私個人の印象だと、一般的ではないと思いますが、どのような意図があるのか教えていただけると嬉しいです。@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つ存在するので、メンテナンス性は悪いです。
もっとスマートな方法があると思いますが、私のレベルだとこの程度の方法しか見いだせません。。。2022年9月17日 7:17 PM #111134返信が含まれるトピック: グローバルナビのカレント表示(下線)をアンカー先に合わせることは可能でしょうか
HOMEは、メニュー設定のカスタムリンクで設定していますか?
通常のページとしてメニューに登録していると、その領域にいても.navsync-menu-highlight
が付与されませんので、必ずカスタムリンクのメニュー項目から
URL → #home
ナビゲーションラベル → HOME
として追加ください。
テストページをアップデートしましたので、もう一度ご覧ください。2022年9月17日 7:12 PM #111132返信が含まれるトピック: グローバルナビのカレント表示(下線)をアンカー先に合わせることは可能でしょうか
検証ツールで確認したら、ナビゲーションの指定した領域に入ると、ちゃんと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; }
2022年9月17日 6:04 PM #111131返信が含まれるトピック: 詳細記事で「ひとつ前に戻る」ボタンをつけたい。
この記事の後半が参考になると思います。
※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>'; } } } );
お試しくださいませ。
2022年9月17日 6:04 PM #111129返信が含まれるトピック: グローバルナビのカレント表示(下線)をアンカー先に合わせることは可能でしょうか
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; }
何度も何度も本当に申し訳ありません💦
♥ 0Who liked: No user2022年9月17日 5:42 PM #111127返信が含まれるトピック: グローバルナビのカレント表示(下線)をアンカー先に合わせることは可能でしょうか
my-snow-monkey にアップされているこのJSに書かれているナビゲーションのIDを指定する箇所が違うようです。
jQuery(function($){ $('#menu-main_nav').navSync(); }); // 私のデモで使用しているメニュー名 // ↓↓↓ jQuery(function($){ $('#menu-nav').navSync(); }); // meg さんが使用しているメニュー名
変更してみてください。
2022年9月17日 3:26 PM #111119返信が含まれるトピック: グローバルナビのカレント表示(下線)をアンカー先に合わせることは可能でしょうか
ナビをクリックしてアンカー先へ移動した後にページを更新すると、下記のような表示にはなります。
更新しなければ、アンカー先まで飛ぶだけで下線はどのナビにも引かれない状態となります。
またスクロールのみでは変化がなく、当該セクションまでスクロールしてページを更新した場合も、変化がありませんでした。
これはjsファイルがうまく読み込めていないということなのでしょうか。
♥ 0Who liked: No user2022年9月17日 2:05 PM #111107返信が含まれるトピック: バージョンアップ後、編集画面にしたあと画像の位置がずれる
恐らく v15.1.2 での仕様変更の影響だと思います。TwentyTwentyTwo などの公式テーマと挙動を合わせたためです。
画像をグループブロックやコンテナーブロックで囲むとこれまでと同じ表示になると思います。
♥ 0Who liked: No user2022年9月17日 1:50 PM #111104返信が含まれるトピック: グローバルナビのカレント表示(下線)をアンカー先に合わせることは可能でしょうか
GONSYさんに解説記事までご用意いただき、参考にさせていただきながら手をすすめている途中です。
実装例としてご用意いただいた参考ページ内に以下の記述がありますが、対象ファイルはダウンロードしたZIPファイルの中にはパッケージされていませんでした。
localnav.js には以下を記述して上記と同じフォルダにアップ
別途ダウンロード、もしくは自分で作成するファイルになりますか?
navsyncに関するその他の記事なども色々調べてみたのですが、localnav.jsに関して触れられているパートが見つけられませんでした。
SnowMonkeyのカスタマイズから、少し横にそれた質問となり大変申し訳ありません。
もしよろしければ、引き続きご対応いただけますと幸いです。
♥ 0Who liked: No user2022年9月17日 12:42 AM #111089返信が含まれるトピック: グローバルナビのカレント表示(下線)をアンカー先に合わせることは可能でしょうか
ほかの実装方法もあるかと思いますが、このJavaScript(MIT License)でイメージに近いものが比較的簡単に実現できると思います。
▼実装例このページに簡単な解説がありますので、よかったら参考にしてみてください。
2022年9月16日 10:47 PM #111084返信が含まれるトピック: 404ページにアイキャッチ画像を設定したい
2022年9月16日 9:03 PM #111080返信が含まれるトピック: 404ページにアイキャッチ画像を設定したい
カスタマイザー → デザイン → 基本デザイン設定 → デフォルトページヘッダー画像 で画像を設定すれば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; } );
2022年9月16日 8:52 PM #111079返信が含まれるトピック: タブブロックでフッター下部に余白が発生します
検証ありがとうございます!!!!
非表示のタブパネルは
visibility: hidden
になっているのですが、なぜかはわからないけどその中のスライダーは見えちゃうみたいですね。他の段落等は見えなくなるので謎です…。今非表示のタブパネルは下記のようになっているので、
.smb-tab-panel[aria-hidden=true] { visibility: hidden; }
こうしちゃうのが良いかもしれません。
.smb-tab-panel[aria-hidden=true] { visibility: hidden; opacity: 0; }
タブパネルの複製は悩ましいですね…タブブロックの中でのタブパネルの追加・削除を独自のボタンでやっているのは、タブパネルとタブ(クリックする部分)の2つを同時に追加・削除して紐付けしないといけないからなので、標準の複製や追加ボタンで追加すると齟齬がでてしまって表示が崩れるのだと思います。うまいことやる方法があるのかはわかりませんが、ちょっと考えてみます。
-
投稿者検索結果