対馬 俊彦
フォーラムへの返信
-
投稿者投稿
-
リンク先の動画をダウンロードして確認(再生)できました。
iCloud のユーザーでなくても、[複製をダウンロード] でダウンロードできました。この動画のような動きだと困りますね。
私が Pale スキンで制作中のサイトがあり、そのサイトに上記のスタイルを適用しています。
そのサイトを iPad の Safari で表示してもポヨーン現象は起きません。
なにかが違うんでしょうね。
以下のスタイルを追加すれば、Pale スキンのこの部分の余白を狭めることができます。
@media (min-width: 992px) { .device-mobile .gMenu>li { padding-bottom: 0; } .device-mobile .gMenu>li>ul.sub-menu { margin-top: 0; } }
お試しください。
ここなら画像を無料でゲットするに安全だよというサイト
吹き出しのイラストなら「いらすとや」でだいたい用が足りると思います。
1サイトにつき20点までという制約はありますが、無料で商用利用可能です。
この素材サイトのイラストは多くの印刷物やサイトで使われているので、
他のサイトとダブってしまうことがあります。それが気にならないならおすすめです。functions.php に以下の行を追加すれば
トップページに2つめのキャンペーンテキストを表示できると思います。add_action('lightning_top_slide_before', 'campaign_text_2'); function campaign_text_2(){ echo '<div class="vk-campaign-text" style="background: #81d742">'."\n"; echo '<span class="vk-campaign-text_text"><i class="fas fa-calendar-alt"></i>新商品「******」の発売日が12月15日に決定しました。</span>'."\n"; echo '<a class="vk-campaign-text_btn" href="https://www.*****.**/****/">詳しくはこちら</a>'."\n"; echo '</div>'."\n"; }
トップページの編集画面を開いて、
VK All in One Expansion Unit の カスタムCSS に以下のように入力すると、
1つめのキャンペーンテキストを非表示にできると思います。.siteHeader .vk-campaign-text {display: none;}
お試しください。
カスタマイズ ⇒ 追加CSS に以下の行を追加すればご希望のことができると思います。
@media (max-width: 991px) { .headerTop { display: block; background: transparent; border-bottom: none; } .headerTop .headerTop_description { text-align: center; padding-bottom: 5px; padding-right: 0; } .headerTop nav { display: none; } }
カスタマイズ ⇒ 追加CSS に以下の行を追加すればご希望のことができると思います。
.page-header {z-index: 100;}
パソコンだけ固定にするのであれば以下のようにします。
@media (min-width: 992px) {
.page-header {z-index: 100;}
}ノートパソコンのような小さい画面で表示すると、
スクロールできる部分の高さが小さくなってしまうのではないと気になりますが・・・Lightning/Katawara に限らず、ブロックエディターで編集するとこの問題が起きます。
対策として、<i class=”クラス名”> </i> のように を入れるとよいです。
以下のサイトで 0.6.1 にアップデートしましたが、まだ横スクロールバーが表示されます。
WordPress 5.5.1 + Katawara 0.6.1
【使用プラグイン】
VK All in One Expansion Unit 9.38.0.0
VK Blocks Pro 0.47.0
WP Multibyte Patch 2.9【備考】
カスタマイズはなにも行っていません。お手数ですが、ご確認をよろしくお願いいたします。
VK Blocks Pro 0.44.13 で確認いたしましたが、まだ動作がおかしい部分があります。
私的には実用上困ることはないのですが、報告させていただきます。グリッドカラムのカラム数の指定で 6 も選べるようになったんですね。
スライダーの動作は問題ありませんが、スピンボックスの動作に問題があります。
スピンボックスをクリックすると 1,2,3,4 に加えて、5 を選択できてしまいます。
またスピンボックスでは 6 を選択できません。添付画像をあわせてご参照ください。
Attachments:
You must be logged in to view attached files. -
投稿者投稿