対馬 俊彦
フォーラムへの返信
-
投稿
-
WordPress 5.9 でギャラリーブロックの仕様が変わっていますね。
5.9 以降だと、以下の CSS でいけると思います。
.wp-block-gallery.has-nested-images figure.wp-block-image { flex-grow: 0; }アップデートできるようになりました。
VK Blocks Pro 1.39.1.0 にアップデートして、
エラー表示が解消されたことを確認いたしました。ありがとうございました。
いつもありがとうございます。
[アップデートを確認] も実行してみましたが、
いまのところ、リリースされている VK Blocks Pro は 1.39.0.0 が最新になっているようです。あとでまた [アップデートを確認] を試してみます。
石川 様、
いつもありがとうございます。
Lightning 14.22.6 にアップデートして、
VK ボタンからのリンクでも自動的にサイトヘッダーを上によけてくれることを確認しました。VK 投稿リスト にはページネーション機能がありません。
フックでできるようになっていましたね😄 失礼しました。
カスタマイズ → Lightning アーカイブページ設定 → 該当のカスタム投稿タイプ
で 表示要素 の 分類（全項目）にチェックをつけると表示されます。
添付画像をご参照ください。
VK 投稿リスト にはページネーション機能がありません。
https://patterns.vektor-inc.co.jp/vk-patterns/ はカスタム投稿タイプのアーカイブページです。
アーカイブページの表示タイプを カード にすれば、ご希望のことができると思います。
どこに親要素をつければいいのでしょうか？
親要素をつける(追加する)必要はありません。
Facebook アイコンを置いた場所を囲んでいる要素が親要素です。
いまアイコンがないので、正確にはわかりませんが、
たぶん親要素は<div class="navbar-header">～</div>だと思います。siteHeader_subにposition: absolute;をつけてみましたが
親要素に指定するのは、
absoluteではなく、relativeです。たぶん、こんなかんじになるのではないかと….
.navbar-header { position: relative; }位置指定の考え方は以下のページの「子要素にabsoluteを指定した際の動き方」を見てください。
https://www.itra.co.jp/webmedia/what-is-position.html
現状が「ウィンドウが基準になる場合」になっていて位置指定がやりづらいので、
「親要素が基準になる場合」のやり方に変えると楽になる、ということです。position: absolute;を使うときは、
親要素にposition: relative;を指定すると調整しやすくなることが多いです。chromeで非表示設定を行っても、firefoxでは非表示の設定が有効になりませんでした。
そういう仕様のようですので、両方のブラウザを使いたい場合は両方で設定を行う必要があると思います。
* パソコンではすべての入力欄を表示したい
* スマホでは一部の入力欄だけ表示したいという需要がありそうなので、妥当な仕様ですね。
横から失礼いたします。
タイトル入力
本文入力
アイキャッチ画像選択はブロックエディターの設定でアイキャッチ画像以外を非表示にすればオッケーです。
添付画像をご参照ください。画像選択（3枚程度）
は Advanced Custom Fields みたいなプラグインを使って入力欄を表示して、
さらにフックでカスタマイズすればできそうです。カスタマイズが難しいようであれば、
画像を3つ並べたブロックパターンを用意してあげるといいと思います。参考情報です。
WordPress 6.0 + Lightning 14.22.1 の私のサイトではエラーが起きず、
添付画像の通りウィジェットで VK Filter Search (無料版) を使うことができています。うなこさんが回答されたやり方でオッケーなら、たぶんそれがベストだと思います。
★もし他の案がある方はいろいろ参考になりますので、ぜひご提案お願いいたします。★
「ヘッダーレイアウトはナビゲーション回り込みのままがいいんだよ～」って方向けのやり方を書きます。
まず、子テーマの functions.php などに以下のフックを追加します。
add_action( 'lightning_site_header_logo_after', 'my_lightning_site_header_logo_after' ); function my_lightning_site_header_logo_after(){ echo '<div class="line_friend_add">**********</div>'; };**********は LINE のソースコードです。そして、子テーマの CSS などに ↓ こんなかんじの行を追加します。
.line_friend_add { position: absolute; top: 15px; right: 10px; width: 120px; } @media (min-width: 992px) { .line_friend_add { display: none; } }トップページが 1カラム に設定されているためにサイドバーが表示されていないのだと思います。
カスタマイズ → Lightning レイアウト設定 → カラム設定
でトップページを 2カラム にしてみてください。
【以下、追記です】
Lightning Pro にあったウィジェットエリア「トップページコンテンツエリア上部」は
Lightning G3 にはありません。詳しくは以下のページをご覧ください。
