対馬 俊彦
フォーラムへの返信
-
投稿
-
いつもありがとうございます。
[アップデートを確認] も実行してみましたが、
いまのところ、リリースされている 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 にはありません。詳しくは以下のページをご覧ください。
「いや、簡単にいけますよ」という方がいましたら
やってみたら、jQuery でこんなかんじでできました。
$(document).ready(function(){ var url_str = location.href; if ( (url_str.indexOf("xxxxxxxx") >= 0) && (url_str.indexOf("vkfs_form_id") < 0) ) { $('input[name="vkfs_zzzzzzz[]"][value="*****"]').prop("checked",true); $('input[name="vkfs_zzzzzzz[]"][value="*******"]').prop("checked",true); } });xxxxxxxxは検索フォームを設置する URL の一部です。
【例】https://www.vektor-inc.co.jp/product-update/ の product-update
チェックボックスにチェック処理するページを検索フォームを設置するページだけに限定しています。url_str.indexOf("vkfs_form_id") < 0の指定があるのは、念のために
検索結果画面ではチェックボックスをいじらずにそのままにしておくためです。vkfs_zzzzzzzと*****は検索フォームの HTML ソースを見て、
↓ こんなかんじになっているところで確認できます。<input type="checkbox" name="vkfs_zzzzzzz[]" id="0" value="*****">lightningではアイキャッチ画像サイズの
推奨サイズはあるのでしょうか？推奨サイズには以下の2つの観点があります。
* 縦横比
* ピクセルサイズ今回の質問に関係するのは前者の「縦横比」ですが、
縦横比については表示される場所によって条件が変わってくるので、
推奨というのは特にないと思います。例えば、アーカイブページの表示タイプが「カード」の場合は、
横100：縦62 の比率で画像を用意すると欠けたり余白が生じたりせずに、
ぴったりと表示されて、気分がいいです。ただし、別の場所ではアイキャッチ画像が正方形や縦長で表示されたりもしますので、
私は、画像が欠けることを前提に、
大事な部分が中央付近に配置されるアイキャッチ画像を用意しています。
