対馬 俊彦
フォーラムへの返信
-
投稿者投稿
-
あっ…後者でクラス名の指定が抜けてるのにいま気づきました。訂正します😓
■カテゴリーアーカイブページの場合
body.archive:not(.paged) .vk_post { order: 2; } body.archive:not(.paged) .vk_post.category-pickup { order: 1; }
:not(.paged)
は要らないかもしれませんし、現実的な運用を考えると ↓ これだけでもいいのかもしれません。.vk_post { order: 2; } .vk_post.category-pickup { order: 1; }
はい、こういうやりとりきらいじゃない、つしまでございます。
こんなやり方、いかがでしょうか?
■VK 投稿リスト の場合
.pickup-postlist .vk_post { order: 2; } .pickup-postlist .vk_post.category-pickup { order: 1; }
pickup-postlist
は VK 投稿リスト ブロックの 追加 CSS クラス、
pickup
はピックアップ記事のカテゴリーのスラッグです。■カテゴリーアーカイブページの場合
body:not(.paged) .vk_post { order: 2; } body:not(.paged) .vk_post.category-pickup { order: 1; }
先頭に表示したいピックアップ記事が投稿リスト (後者の場合は1ページ目) に含まれない場合はダメですが、用途から考えるとそういう可能性は低そうなので、たぶんこれでいけるのではないかと…。
ひとつの案です。
以下のフィルターフックで標準投稿の予約投稿を無効にできます。
function my_wp_insert_post_data( $data ) { if ( $data['post_type'] == 'post' && $data['post_status'] == 'future' ){ $data['post_status'] = 'publish'; } return $data; }; add_filter( 'wp_insert_post_data', 'my_wp_insert_post_data' );
先頭に表示したい投稿を未来の日付で書けば、その日までは確実に先頭に表示されます。
すでに予約投稿を使っている場合はダメですけど…。
たぶん、スマホでもメニューがすぐに見えるようにしてほしい、という要望があったのだろうと推察します。
代替案として、ハンバーガーボタンを目立つようにするのはいかがでしょうか?
以下の CSS を追加すれば、ボタンが大きくなって、MENU と表示されます。
.vk-mobile-nav-menu-btn { text-indent: 6px; font-size: 12px; padding-top: 32px; width: 50px; height: 50px; background-size: 90%; background-position: top; } .vk-mobile-nav { padding-top: 70px; }
お問合せページに添付画像のような カスタム HTML ブロックを置けばできます。
.mobile-fix-nav
の部分はウィジットエリアに置いたものを指定してください。Attachments:
You must be logged in to view attached files.たぶん、↓ こんなかんじでいけるのではないかと。
.widget_nav_menu>div>ul li a { border-bottom: none; }
これでうまくいかないなら、サイトの URL を提示していただかないと期待する回答が得られないかもしれません。
CSS に関して、以下のページを読んでおくと自分でできることが広がるのでおすすめです。
参考情報です。私が管理しているサイトでは以下の環境でスマホのメニューが開閉しています。
PHP 8.2.16
WordPress 6.4.3
BizVektor 1.12.5該当 URL を確認したところ、JavaScript の読み込みでエラーが起きています。
もしかしたら、Autoptimize というキャッシュ系のプラグインが影響しているのかもしれません。横から失礼します。
ヘッダー上部のお問い合わせボタンとは連動しない、
画面右側に固定表示される VK ボタンを VK パターンライブラリで
提供していただくと喜ぶユーザーがいると思います。ヘッダー上部には要らないけど右側に固定ボタンを置きたい、
という需要が一定数ありそうなので。例えば、↑ このサイトの
「メールでのお問い合わせ」「資料請求はこちら」
のようなイメージです。Lightning だったら、
ブロックパターンをウィジェットに貼り付けて使えます。 -
投稿者投稿