対馬 俊彦
フォーラムへの返信
-
投稿
-
ボタンを VK Blocks のボタン に置き換えて、以下の CSS を書けばご希望の動作をすると思います。
.vk_button a.vk_button_link.btn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }VK パターンライブラリからコピーしたままのボタンだと、うまくいきませんでした。
WordPress サイトを運営していると WAF の誤検知には悩まされますね。
サーバーによっては自分のIPアドレスを WAF のチェックから除外することができます。
以下のトピックの「もうひとつのエラー回避策」のあたりが役に立つかもしれません。
ConoHa でこのやり方が使えるかどうかわかりませんが、ご参考にどうぞ。
なんらかの理由により Classic Editor というプラグインがインストール（有効化）されたことが原因だと思います。
状況からすると、業者さんまたは他のどなたかがそれを行った可能性があるので、まず確認してみるとよいです。
ご自分でインストールされたもので、このプラグインが不要であることが間違いなければ、このプラグインを削除すればいいです。
このプラグインを残したまま、いままでの編集画面（ブロックエディター）を使いたいのであれば、WordPress の 設定 → 投稿設定 で、ユーザーにエディターの切り替えを許可 を はい にすれば、どちらのエディターを使うか選べるようになります。
どうやらLolipopに特化した問題のようです。
だとすると、
ロリポップ！アクセラレータを無効にして試してみたら、なにか変わるかもしれません。フィルターフックを使ったら、画面サイズごとの改行が有効になりました。
ごにょごにょの注意点も教えていただき、また勉強になりました。
ありがとうございます。
この件ですが…
アクションフックを使わずに、フッター上部に VK 固定ページ本文 ウィジェットを置くやり方にしたら画面サイズごとの改行が有効になりました。
条件分岐してアクションフックで固定ページを出し分けたい場合もあるのですが、
たぶん今後は VK Dynamic If Block を使うようになるのだと思いますので、
この【機能追加要望】の優先度を下げて、工数がかかりそうなら、見送りでお願いします。とりあえず回答できるところだけ…
チェックボックスを自由に並べ変える方法があれば良いのですが、
プラグイン Category Order and Taxonomy Terms Order を使えば、
検索フォームに表示するカテゴリーのチェックボックスの表示順を任意に指定できます。これで解決すればよいのですが、そうでなければ、
石川さんが書かれているように補足していただくか、
可能であれば具体的な例を書いていただくと、見ている方が回答しやすいと思います。選択形式を チェックボックス にして、
絞り込み設定を かつ にするやり方で
ご希望の検索フォームができると思いますが、それではダメなのでしょうか？切り替えのアニメーション（クロスフェード）中は、矢印ボタンが押せない仕様になっている
実際の動きを見ると、Lightning で使われている Swiper はそういう仕様がデフォルトになっていますね。
おそらく、ダブルクリックされて2つ進んでしまうことを防ぐためなのかなと推測します。
ちなみに、Swiper の API を見るとオプション指定でクリックを有効にできるみたいなことが書いてあります。
https://swiperjs.com/swiper-api#param-preventClicks
preventClicks のあたりです。
Lightning のスライドショーを使わずに、Swiper で作ればできるかもしれません。
できれば、現象が起きている URL と本来表示されるべき位置を示したスクリーンショットがあると回答がつくかもしれません。
.vk_post_body media-body h5.vk_post_title media-title{は正しくは、
.vk_post_body.media-body h5.vk_post_title.media-title{ですし、リンクテキストの色指定なので、
.vk_post_body.media-body h5.vk_post_title.media-title a{とすれば期待通りになりそうです。
このへんの指定の考え方は、以下のページの「3. CSSの対象（セレクタ）」に書いてあります。
最初に表示されたヘッダーメニューをそのままそこに固定して表示しておくことは出来ないのでしょうか？
たぶん、できないことはないと思いますが、CSS をちょっといじればできる、ってかんじじゃなさそうに思います。
他の方からなにかいい回答があるかもしれませんが…。
CSSのカスタマイズで実現できるのでしょうか？
たぶん頑張ればできると思いますが、完全再現するのはかなり大変そうなので、それっぽいのを作るお手軽なやり方を書いてみますね😅
- 余白設定 の [サイトコンテントの上下余白を無しにする] にチェックする。
- 非表示設定 の [ページヘッダーを表示しない] と [パンくずリストを表示しない] にチェックする。
- 先頭に全幅にした Outer ブロックを置いて、背景画像の位置を [カバー 固定] にする。
添付画像をご参照ください。
このやり方で作ったページがこちら ↓ です。
Display Posts というプラグインを使ったら、以下のショートコードでできました。
[display-posts posts_per_page="3" taxonomy="category" tax_term="news" tax_operator="NOT IN" image_size="thumbnail"]最終更新が1年前、ってのが気になりますね。他に同様なプラグインがあるかもしれません。
これ、どうでしょう？
1. VK 最近の投稿 ウィジェット ではなく、VK 投稿リスト ブロック を使う。
2. 表示タイプを メディア にして、すべての画面幅で 1カラム にする。
3. 表示要素は以下の3つ。
* 画像
* 日付
* 分類 (全項目)4. 以下の CSS を書く。
/* ニュースを非表示 */ .widget .vk_postList .vk_post:has(a[href$="/news/"]) { display: none; } /* 分類 (全項目) を非表示 */ .widget .vk_postList .vk_post .vk_post_taxonomies { display: none; }これ、わりとよさげじゃないですか…。
