うなこ
フォーラムへの返信
-
投稿
-
■ 自分で試した事
/*スライドのタイトル*/
.slide-text-set .slide-text-title {
font-size: 5vw;
}
/*スライドの文章*/
.slide-text-set .slide-text-caption {
font-size: 20px;
}CSSクラス名を見ると、おそらくKatawaraテーマのクラス名のようです。
Lightningではクラス名が変わります。調べ方は、デベロッパーツールで調べられます。
添付画像は、デベロッパーツールでスライドショーのタイトル部分を調べています。
そうしますと、以下のクラス名ではないかと思います。/*スライドのタイトル*/ .ltg-slide-text-title { font-size: 〇〇; } /*スライドの文章*/ .ltg-slide-text-caption { font-size: 〇〇; }ちょっとした文字サイズなど変えたいときは、こちらの「できる！CSSカスタマイズ」を見ていただくと、とてもわかりやすいと思いますので、ぜひご確認ください。
個別のページで「セクションベースあり」「セクションベース無し」の設定はできましたが
もし、投稿のアーカイブページでのセクションベースの設定方法がございましたらご教示いただければ幸いです。アーカイブページとその詳細ページのサイドセクションの背景色を変えたいということであっていますか。
機能ですと、アーカイブページのみの設定方法がないですので、以下のCSSでどうでしょうか？/*アーカイブと詳細ページのサブセクション*/
.post-type-archive .sub-section,
.single .sub-section {
background-color: #efefef;
padding: 1rem;
border-radius: var(–vk-size-radius-lg);
}CSSにつきましては、こちらのページを一度見ていただけますと、わかりやすいと思います。
サイドセクションのクラス名は以下になりますが、左右の余白など、いろいろデザインの調整が必要になりそうなため、セクションベース機能を使うのはいかがでしょうか。
/*サイドセクションの背景色*/ .sub-section { background-color: #e6e6fa; }セクションベース設定で、やりたいデザインに近いものができるのではないかなと思いましたがいかがでしょうか？
ぜんぜん意図と違っていたらすみません。▼セクションベース設定とは
質問の内容からすると、WordPress 公式フォーラムの方で聞いた方が回答がつきやすいかもしれません。
（こちらのVWSフォーラムでは、ベクトル製品に関連しない質問もできますが、回答がつきにくいかもしれません。）WordPressの公式フォーラムはこちらになります。
https://ja.wordpress.org/support/forums/もうすでに質問されていましたらすみません🙇♂️
————————————
index.phpの以下の部分を修正しルートディレクトリにアップロードしています。
require __DIR__ . ‘/wp-blog-header.php’;
↓
require __DIR__ . ‘/ｘｘｘ/wp-blog-header.php’;↑このルードディレクトリに.htaccessは設置されていますか
こちらのCSSでどうでしょうか。
/*トップスライダーのページネーションを非表示*/ .slide-main .swiper-pagination{ display:none; }CSSについては、こちらのレッスンを見るとよりわかるかなとおもいますので、ぜひご確認ください
カスタムフィールドを使用して、カスタムフィールド検索ブロック（β版）でできるかと思いますが、カスタムフィールドを使った検索は非常にサーバーに負荷がかかるため、本来このブロックの使用は非推奨です。
その代わり、カスタムタクソノミーで「価格帯」を作り、「5万〜7万」「7万〜10万」「10万〜12万」などの用語を登録し、検索してください。サーバーの負荷が軽くなりますので、なるべくそちらの方法をご検討ください。▼カスタムフィールド検索ブロック（β版）について
Pro版の無料お試しも可能ですので、以下の手順を確認していただき、お試しください。
▼お試し環境Yahoo広告のサイトジェネラルタグを設置しようとタグを入れたのですが、実際表示される時にソースが抜けてしまいます。
こんにちは。
こちらはどのような方法でタグを挿入されたのか、もうすこし具体的に作業手順をおしえていただけますか。
そうしますと、回答がつきやすくなると思います。例えばですが、子テーマを作って、子テーマの header.phpファイルの
<head>タグ直後に挿入したなどけいさん、おせわになります！
対馬さん、アイディアありがとうございます！もう一つの方法もかいてみます。
現状ですと、標準では背景画像にリンクをはる機能がありませんので、 「EditorsKit」プラグイン（カバーブロックにリンクが貼れるようにする）を使用して、スライダーアイテム内にカバーブロックを配置してリンクを貼るやり方もあります。（プラグイン増えてしまいますが、、）- カバーブロックにリンクを貼るため 「EditorsKit」プラグインをインストールして有効化
- スライダーアイテム内の「レイアウト設定」→「スライダーアイテムエリア内の余白を無くす」にチェックを入れる
- カバーブロックを全幅で配置する。カバーブロックにリンクを貼るマークが出ているのでリンクを設置する
ハンバーガーメニューの三本線マークやOpen時の「×」の閉じるマークはsvg画像になります。Lightning pro テーマ内には白と黒のsvg 画像が入っていると思います。
以下のような感じでいかがでしょうか。Close時のハンバーガーメニューを白色にしました。
/* ハンバーガーメニューClose時 白色 */ .vk-mobile-nav-menu-btn { border-color: #fff; background: url(/wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg) center 50% no-repeat rgba(1,1,1,.8); border: 1px solid #fff; }【CSS解説】
background url で画像を読み込んでいます。#fffは白色の指定です。▼CSSについてはこちらを参考にしてみてください。
どうやらLolipopに特化した問題のようです。
報告ありがとうございます🙇♂️
こちらでも何か分かりましたら返信いたします。—–
これだとエラーにはならず、保存されます。
添付画像をみましたところ、ページのリンクを埋め込んでいる状態のようですので、以下を試していただいても良いでしょうか？
- このページのコンテンツ下にある「このパターンをコピーする」ボタンをクリックしてコピーします
- ご自身のサイトのCTAの投稿に貼り付け（Ctrl ＋ V）てください
そうしますと、エラーは出ますでしょうか。
おそらく、VK Block Patterns デフォルトパターンのパターンでエラーが出るのではないかなと思いましたので、上記の質問をさせていただきました。
もしエラーが出ないようでしたら、VK パターンライブラリ内にもCTAのパターンがたくさんありますので、VK パターンライブラリのユーザー登録がお済みでしたら、お気に入り機能を利用して、お気に入りパターンをご自身のWordPressの編集画面に直接読み込んで利用できます。この方法でしたらエラーが発生しないのではと思いましたが、、どうでしょう、、？
lightningのヘッダーを最初から固定するにはどうすればいいでしょうか？
もう少しお聞きしても良いでしょうか。
最初から固定というのは、こんな形のイメージになりますか？▼ヘッダー固定のイメージ：
狂言共同社さま
（このサイトは、旧テーマLightning Proテーマ用のデザインスキンのJPNSTYLEで、現在は販売しておりません）もしそうだとしますと、
Lightning G3 Pro Unitのヘッダー設定の場合は、【グローバルナビスクロール時のレイアウト】の変更はできますが、常時固定されているヘッダーはありませんので、CSSなどで対応する形にるとおもいます。他の方からの回答がつきやすくなると思いますので、
一度ヘッダー固定のイメージを確認していただき、コメントいただけますと嬉しいです。CSSでカスタマイズが必要になると思います。
レイアウトがどのレイアウトか分かりませんでしたので、ざっくりですが、以下のCSSで変更できると思います。（未検証）
○○○にはお好きな色コードを入れてくださいCSSに関しましては、こちらが参考になりますので、ご確認ください。
/*投稿リストNEWマークの色*/ .vk_post_title_new{ color:#○○○; } /*投稿リストのタイトルと日付文字白色*/ .vk_post .vk_post_title a, .vk_post .vk_post_date{ color:#fff; }
