[対馬 俊彦]

どうやらLolipopに特化した問題のようです。

だとすると、
ロリポップ！アクセラレータを無効にして試してみたら、なにか変わるかもしれません。

[対馬 俊彦]

フィルターフックを使ったら、画面サイズごとの改行が有効になりました。

ごにょごにょの注意点も教えていただき、また勉強になりました。

ありがとうございます。

[対馬 俊彦]

この件ですが…

アクションフックを使わずに、フッター上部に VK 固定ページ本文 ウィジェットを置くやり方にしたら画面サイズごとの改行が有効になりました。

条件分岐してアクションフックで固定ページを出し分けたい場合もあるのですが、
たぶん今後は VK Dynamic If Block を使うようになるのだと思いますので、
この【機能追加要望】の優先度を下げて、工数がかかりそうなら、見送りでお願いします。

[対馬 俊彦]

とりあえず回答できるところだけ…

チェックボックスを自由に並べ変える方法があれば良いのですが、

プラグイン Category Order and Taxonomy Terms Order を使えば、
検索フォームに表示するカテゴリーのチェックボックスの表示順を任意に指定できます。

これで解決すればよいのですが、そうでなければ、
石川さんが書かれているように補足していただくか、
可能であれば具体的な例を書いていただくと、見ている方が回答しやすいと思います。

• この返信は1年、 9ヶ月前に対馬 俊彦が編集しました。

[対馬 俊彦]

選択形式を チェックボックス にして、
絞り込み設定を かつ にするやり方で
ご希望の検索フォームができると思いますが、それではダメなのでしょうか？

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

切り替えのアニメーション（クロスフェード）中は、矢印ボタンが押せない仕様になっている

実際の動きを見ると、Lightning で使われている Swiper はそういう仕様がデフォルトになっていますね。

おそらく、ダブルクリックされて2つ進んでしまうことを防ぐためなのかなと推測します。

ちなみに、Swiper の API を見るとオプション指定でクリックを有効にできるみたいなことが書いてあります。

https://swiperjs.com/swiper-api#param-preventClicks

preventClicks のあたりです。

Lightning のスライドショーを使わずに、Swiper で作ればできるかもしれません。

• この返信は1年、 10ヶ月前に対馬 俊彦が編集しました。

[対馬 俊彦]

できれば、現象が起きている 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の対象（セレクタ）」に書いてあります。

できる！WordPressカスタマイズ #01 簡単なデザイン（CSS）カスタマイズ方法徹底解説

[対馬 俊彦]

最初に表示されたヘッダーメニューをそのままそこに固定して表示しておくことは出来ないのでしょうか？

たぶん、できないことはないと思いますが、CSS をちょっといじればできる、ってかんじじゃなさそうに思います。

他の方からなにかいい回答があるかもしれませんが…。

• この返信は1年、 10ヶ月前に対馬 俊彦が編集しました。

[対馬 俊彦]

CSSのカスタマイズで実現できるのでしょうか？

たぶん頑張ればできると思いますが、完全再現するのはかなり大変そうなので、それっぽいのを作るお手軽なやり方を書いてみますね😅

• 余白設定 の [サイトコンテントの上下余白を無しにする] にチェックする。
• 非表示設定 の [ページヘッダーを表示しない] と [パンくずリストを表示しない] にチェックする。
• 先頭に全幅にした Outer ブロックを置いて、背景画像の位置を [カバー 固定] にする。

添付画像をご参照ください。

このやり方で作ったページがこちら ↓ です。

JPNSTYLE のようなページヘッダー固定っぽいデザインにするやり方

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

Display Posts というプラグインを使ったら、以下のショートコードでできました。

[display-posts posts_per_page="3" taxonomy="category" tax_term="news" tax_operator="NOT IN" image_size="thumbnail"]

Display Posts – Easy lists, grids, navigation, and more

最終更新が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;
}

これ、わりとよさげじゃないですか…。

[対馬 俊彦]

添付画像をご参照ください。

私のブログで試してみたところ、ニュース を子カテゴリーにすると、あとからカテゴリーを増やしてもニュースはメインカテゴリーにならないような動きをしています。

十分に検証していませんが、もしかしたら使えるかもしれません。

【以下、追記です】

あー、でも 第43回日本SF大賞 も子カテゴリーなんですねー。
これもダメかぁー。

• この返信は1年、 10ヶ月前に対馬 俊彦が編集しました。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

たぶん、該当記事に

* 日本SF大賞 japan-sf-grand-prize
* ニュース news

の両方のカテゴリーを設定したときに、日本SF大賞 をメインカテゴリーにできればいいんですよね？

複数カテゴリーに属させるとメインカテゴリーが変わってしまいます。

これって、メインカテゴリーが ニュース になってしまうため、その対策として別々の投稿を書いてリダイレクトを使っているのだと理解しました。

だとすると、プラグイン Category Order and Taxonomy Terms Order を使ってカテゴリーの並び順（どちらをメインカテゴリーにするかの優先順位）をコントロールすればこの件が解決するのではないかという気がしてきました。

Category Order and Taxonomy Terms Order

[対馬 俊彦]

あまりスマートなやり方じゃないですが…

表示したくない投稿の URL の最後に -redirect と追加して、以下の CSS を書けば、とりあえず非表示にできます。

.widget .veu_postList .postList_item:has(a[href$="-redirect/"]) {
    display: none;
}

該当 URL のサイトではウィジェットの表示形式を サムネイル/タイトル/日付 にしていますが、表示形式を 日付/カテゴリー/タイトル にすれば、投稿の URL をいじらなくても以下の CSS で特定のカテゴリーの投稿を非表示にできます。

.widget .veu_postList ul li:has(a[href$="/xxxxx/"]) {
    display: none;
}

xxxxx は非表示にしたいカテゴリーのスラッグです。

私は力不足でできませんが、フックを書いて HTML を出力しないやり方があれば、それが理想的ですね。

[投稿者]

投稿