対馬 俊彦
フォーラムへの返信
-
投稿
-
参考情報です。
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 の比率で画像を用意すると欠けたり余白が生じたりせずに、
ぴったりと表示されて、気分がいいです。ただし、別の場所ではアイキャッチ画像が正方形や縦長で表示されたりもしますので、
私は、画像が欠けることを前提に、
大事な部分が中央付近に配置されるアイキャッチ画像を用意しています。さくらインターネットのサーバーのスペックが影響している可能性があります。
私も数年前からさくらインターネットのスタンダードプランを使用しているサイトがありますが、反応が遅くなることが多く、エラーが起きることもあります。
昨日も WordPress をアップデート (5.9.1 → 5.9.3) しただけで、Bad gateway エラーが起きました。
「Bad gateway エラー」や石川さんが書かれている「500 エラー」の原因として、サーバーのスペックが足りていない（アクセス集中に対して処理が追い付いていない）可能性があります。
さくらインターネット側でもこの現状を認識しているはずで、今年2月に新サーバーをリリースしています。
https://rs.sakura.ad.jp/speedup/#speedup
既存のユーザー向けには
新サーバーへ簡単に移行いただけるツールを6月中旬ごろ提供予定です。
となっています。
来月中旬まで待てば、いまの問題が解決するだろうと私は期待しています。
お急ぎであれば、別のサーバーに乗り換えてみるのもひとつの手だと思います。
ちなみに…
スタンダードのサーバー使用量を調べますと、3.84GBと少ない使用量です。
ディスク使用量が少ないからサーバーの動作が速い（遅くならない）ということではありません。
[この検索フォームを検索結果ページでも表示する] にチェックをつければ、選んだ条件が検索結果に表示されます。
ご存じの上でのご質問(ご希望)でしたら、すみません。
すみません、反映されない原因のひとつは私のタイプミスです。
誤【Lightning G3】
.main-section–col–two / .sub-section–col–two正【Lightning G3】
.main-section--col--two / .sub-section--col--two追加 CSS は以下のようになると思います。
@media (min-width: 992px) { .main-section--col--two { width: 80%; } .sub-section--col--two { width: calc(20% - 3em); } }ただし、この設定だとサイドバーが狭くなりすぎるように感じます。
また、サイドバー固定設定 は サイドバーを固定しない に設定してください。
そうしないとカスタマイズの手間がさらに増えてしまいます。【追記】以下のレッスンをおすすめします。CSS によるカスタマイズの勉強になります。
body タグに付与されているクラス名を使って区別すれば、たぶん CSS でできると思います。
こんなかんじでどうですか？
body.post-type-archive-shiso-intro .sub-section { display: none; } @media (min-width: 992px) { body.post-type-archive-shiso-intro .main-section--col--two { width: unset; float: none; } }この CSS でいけると思います。
@media (max-width: 575.98px) { .site-body-container.container { padding-right: 0; padding-left: 0; } }その LP だけに反映させる必要があるので、LP の カスタム CSS に書くのがいいです。
横からすみません。
いま作業中みたいですが…
サイドバーの「SHISO INFO 宍粟の紹介」のデザインを変えてリンクバナーにするだけでも、けっこういいかんじになると思います。
以下のトピックが参考になります。
