DRILL LANCER
フォーラムへの返信
-
投稿
-
えーと、まず下記を読んで指定した方法で共有願いますでしょうか？
<!-- wp:vk-blocks/slider {"clientId":"c220d71e46ef495694dbf07112711913"} --> <div class="wp-block-vk-blocks-slider swiper-container vk_slider vk_slider_c220d71e46ef495694dbf07112711913 vk_width" data-vkb-slider="{"autoPlay":true,"autoPlayDelay":2500,"pagination":true,"clientId":"c220d71e46ef495694dbf07112711913","width":"","loop":true,"effect":"slide","speed":500,"slidesPerView":1,"slidesPerGroup":1}"><div class="swiper-wrapper"><!-- wp:vk-blocks/slider-item {"clientId":"ab6fe3e1-064d-42d5-903c-801e5029df0d"} --> <div class="wp-block-vk-blocks-slider-item vk_slider_item swiper-slide vk_valign-center vk_slider_item-ab6fe3e1-064d-42d5-903c-801e5029df0d vk_slider_item-paddingLR-none vk_slider_item-paddingVertical-none"><style>.vk_slider_item-ab6fe3e1-064d-42d5-903c-801e5029df0d{background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)); background-repeat:repeat!important; background-position:center!important;}</style><div class="vk_slider_item_container container"></div></div> <!-- /wp:vk-blocks/slider-item --></div><div class="swiper-button-next"></div><div class="swiper-button-prev"></div><div class="swiper-pagination"></div></div><style type="text/css">@media (max-width: 576px) { .vk_slider_c220d71e46ef495694dbf07112711913, .vk_slider_c220d71e46ef495694dbf07112711913 .vk_slider_item{ height:600px!important; } } @media (min-width: 577px) and (max-width: 768px) { .vk_slider_c220d71e46ef495694dbf07112711913, .vk_slider_c220d71e46ef495694dbf07112711913 .vk_slider_item{ height:600px!important; } } @media (min-width: 769px) { .vk_slider_c220d71e46ef495694dbf07112711913, .vk_slider_c220d71e46ef495694dbf07112711913 .vk_slider_item{ height:600px!important; } }</style> <!-- /wp:vk-blocks/slider -->上記のように上下のコメントも添えていただかないと正常に検証できません。
あと、コードはそのままご提供いただかなければ正常に検証できません。
上記を踏まえてもう一度よろしくおねがいします。「最近の投稿」のテキストカラーも#fffとしたい
ということでしたので下記 CSS を子テーマの style.css に追記すれば OK です。
.veu_postList .postList a, .veu_postList .postList_date { color: #fff; }P.S.
下記記事を理解できれば今回のような問題にも短時間で対処できるので熟読することをおすすめします。
（質問してから回答が得られるまでのロスタイムがなくなるという意味では効果的だと思います。）今回の場合、ExUnit の機能を使わずに手動でコードを書いたほうが早いです。
下記コードを子テーマの functions.php に追加すれば動くと思います。
ただ、子テーマの場合テーマを変えたときが面倒なのでプラグイン化したほうがいいかもしれません。参考：
/** * 特殊な Google Analytics コードを挿入 */ function my_insert_google_analytics() { ?> <!-- ここから下に Google Analytics コードを挿入 --> <!-- ここより上に Google Analytics コードを挿入 --> <?php } add_action( 'wp_head', 'my_insert_google_analytics', 9999 );h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em; }おそらく上記 CSS が WordPress 本体側であったっているのが原因です。
padding: 1.25em 2.375em;は上下に 1.25em 左右に 2.375em の内側余白を追加するという意味です。上記を修正した CSS コードを子テーマの style.css 等に追記すれば調整可能です。
出力される CSS は下記のようになります。（下記は lg のみ値を入力した場合）
@media (min-width: 992px) { :root{ --vk-width-container : 960px; } .container { max-width: 960px; } }意味は画面幅が 992px 以上 ( 1200px 未満 ← Bootstrap4 の仕様 ) ならコンテナ幅を 960px 確保するという意味です。
なので、lg に 992 以上の値を入れるとレイアウトが崩れたりスクロールバーが表示されたりする要因になります。ちょっと要望の意味を理解できていませんが下記の様なデザインにしたいということでしょうか？
その場合下記手順でいけると思います。
① Lightning Pro の子テーマを作成
② 親テーマの template-parts/post/next-prev.php を子テーマの template-parts/post/next-prev.php として複製
③ 子テーマの template-parts/post/next-prev.php の'card-horizontal'を'card-intext'に書き換え
④ 子テーマを有効化G2 モードをご利用の場合は Lightning Skin Variety を適用すると
おそらくご要望のレイアウトが可能かと思われます。
デモサイト： https://demo.dev3.biz/variety/G3 モードをご利用の場合は現段階で未対応です。
一応要検討ということで ISUUE 化しておきました。
https://github.com/vektor-inc/lightning/issues/676半年ぶりくらいに固定ページの更新を行おうと思ったのですが、編集画面が真っ白で編集できません。
プラグインやテーマ、ワードプレスのバージョンなどを最新にしたのですが変わりません。
ライセンスも新規購入しました。また、フロントページで設定した固定ページそのものも消えてしまっています。
表示設定でホームページの設定を固定ページにしていたはずなのに、投稿ページになってしまっています。そのサイトの管理画面に半年ぶりに入ったら見に覚えのない変更がされていたということでしょうか？
だとしたら第３者に侵入されて改ざんされてしまった可能性があります。正常な状態で保存されているバックアップデータがある場合、その状態のバックアップから復帰するのが良いかと思われます。
とりあえず、下記 CSS を当ててみてください。
/** * すべての投稿タイプでページヘッダー上の著者情報を非表示にする CSS */ .entry-meta-item-author { display: none; }P.S.
下記記事の内容を熟読して理解できれば色々と応用が効くので読んでみることをおすすめします。
