対馬 俊彦
フォーラムへの返信
-
投稿
-
> 表示タイプが「カード（線なし）」になっており
なるほど…
[ 解決済 ] とのことですが、今後どなたかが検索してこのトピックをご覧になるときに役に立つかもしれないので、追加情報として載せておきます。
.card-post:not(.card-horizontal) .vk_post_imgOuter {
background-size: contain;
background-repeat: no-repeat;
}表示タイプによって、上記 CSS の1行目の記述を以下の通り書き換えればオッケーです。
■表示タイプが「カード」の場合
.card-post:not(.card-horizontal) .vk_post_imgOuter {■表示タイプが「カード（線なし）」の場合
.card-noborder .vk_post_imgOuter {■表示タイプが「カード（インテキスト）」の場合
.card-intext .vk_post_imgOuter {■表示タイプが「カード（水平）」の場合
.card-horizontal .vk_post_imgOuter {■表示タイプが「メディア」の場合
.media .vk_post_imgOuter {■表示タイプが「Lightning 標準」の場合（「メディア」の場合と記述は同じ）
.media .vk_post_imgOuter {参考情報です。
ご質問者と同じバージョン・スキンで試してみました。
2020年4月1日 8:29 PM #35759 でうなこさんが回答された以下の CSS を追加したら、アイキャッチ画像が切れずに表示できています。
.card-post:not(.card-horizontal) .vk_post_imgOuter {
background-size: contain;
background-repeat: no-repeat;
}うまくいかないとすると、上記の CSS が反映されない原因がなにかあるのだと思います。
可能であれば、アイキャッチ画像の上下が切れてしまうサイトの URL を提示していただくと回答が得られやすいです。
【追記】
上記 CSS によりアイキャッチ画像は切れずに表示されるようになりますが、アイキャッチ画像の左右(または上下)に余白が表示されます。もしかしたら、その余白もなんとかしたいということでしょうか？Evergreen のコンテンツデータをお使いなので、トップページの編集画面を開いて、抜粋を書き換えればオッケーです。
添付画像をご参照ください。
ご希望の回答でないかもしれませんが…
カスタム投稿タイプにすれば、カスタマイズ → Lightning ページヘッダー設定 でページヘッダー画像を別々にできます。
こんな情報が見つかりました。
エックスサーバーにも問い合わせてみると解決に近づくかもしれません。
すでにそのようにされていたら、ご容赦ください。> xxlのサイズは Katawaraテーマ用となります。
> Lightningでもxxlの設定UIが出てしまっていることが、本件の不具合になります。承知しました。
該当 URL の投稿については、CSS 追加で対処しましたのでオッケーです。
＞石川さん(ですよね？)
ウィジェット編集画面では [my_button_text] と表示されていますが、
ブラウザで見るとお問い合わせボタンとして機能しています。あっさりと動いたので、こんなことできるんだ!! と驚いてます。
【追記-1】
WordPress コアブロックのボタンブロックでもこのやり方でショートコードが動作しています。【追記-2】
これを使って、
* 投稿タイプやカテゴリーによってお問い合わせ先を切り替える
* 曜日や時間によってお問い合わせ先を切り替える
なんてカスタマイズができそうですね。
質問された webfactoryjp さんもそういう使い方をされたいのでしょうか。横からすみません。
そんなことできるのかな～ と興味があったので、私のサイトで試してみたところ、ショートコードが動作しました。
モバイル固定ナビウィジェットエリアに添付画像の通りに VK ボタンを入れて、以下のコードを functions.php に書きました。
function my_button_text_function() {
return ‘<i class=”far fa-envelope”></i> お問い合わせ’;
}
add_shortcode(‘my_button_text’, ‘my_button_text_function’);ボタンのリンク先も同様のやり方でショートコードを使うことができました。
add_filter… は使っていません。
> このようなテキストが出ないんですね。
はい。
参考までに正常動作しているフォームとの比較を添付します。なんとなくですが… キャッシュ系のプラグインが関係しているのではないかという雰囲気を感じます。(まったく根拠はないです)
参考情報です。
WordPress 5.8.2
Lightning Pro 8.12.10
Lightning Skin Pale 8.1.8
Contact Form 7 5.5.3の環境でフォームからの送信ができています。reCAPTCHA は使っていません。
ひとつ気がついたのですが、
該当 URL のフォームですべての入力欄を空白のままで送信しようとすると、標準設定だと [仮予約を申し込む] ボタンの下に
「入力内容に問題があります。確認して再度お試しください。」
と表示されるはずですが、このテキストが表示されません。
これが原因が見つかるきっかけになればいいのですが…
もう少し待って期待した回答が得られなければ、WordPress 公式サポートフォーラムで質問するとよいと思います。
私の理解が正しければ…
Lightning ページヘッダー設定 → 投稿 で、表示要素を「投稿タイプ名」にして、ページヘッダーを非表示にすればご希望の状態になると思います。
添付画像をご参照ください。
カスタム投稿タイプにアイキャッチ画像が自動挿入されないのは ExUnit の仕様ですが…
フィルターフックを使えば、カスタム投稿タイプにアイキャッチ画像を自動挿入できます。
以下のトピックにプログラムが書かれています。
Lightning G3 Pro Pack のライセンスキーは Lightning Pro にも使えますので、Lightning Pro 更新ライセンスを購入する必要はありません。
ライセンスキーを入力してから有効になるまでに少し時間がかかることがあります。
いまダッシュボードを確認したら、有効になっているかもしれません。
> 3s後にメニューが…
ハンバーガーメニューって、けっこう上の方(-2000px)から降りてくる設定になっていて、
そのために画面に見えるまでの時間が生じています。以下の CSS を追加すれば出てくるまでの時間を短縮できます。
.admin-bar .vk-mobile-nav.vk-mobile-nav-drop-in,
.vk-mobile-nav.vk-mobile-nav-drop-in {
top: -1000px;
}【追記】
top: -1000px; のところを top: -100%; にしてみたら、タイムラグゼロで見えてきます。
