うなこ

フォーラムへの返信

15件の投稿を表示中 - 16 - 30件目 (全935件中)
  • 投稿者
    投稿
  • 返信先: 背景画像の設定ができません #85171

    うなこ
    モデレーター

    添付画像ありがとうございます。

    おそらくですが、
    【外観】→【カスタマイズ】→「Lightning 機能設定」の「theme.json 設定」の 「theme.json を有効にする」にチェックが入っていないのが原因の可能性があります。

    チェックしても表示などに問題ない様でしたら、 「theme.json を有効にする」にチェックを入れてください。

    themes.jsonにつきましてはこちらをご確認ください。

    Lightning 15系アップデートでの theme.json 対応について

    いかがでしょうか。
    もしかすると他の問題の可能性もありますので、違っておりましたら教えてください。


    うなこ
    モデレーター

    解決して安心しました!

    サイト全体「謎の余白」をなくす設定

    追記です
    「ExUnit」→「メイン設定」の「SNS Settings」の「ソーシャルボタン」からシェアボタンを表示しない投稿タイプを選択できますので、例えば固定ページには表示したくない場合はそちらから設定できます。

    返信先: サイトのタイトルカスタマイズ #85084

    うなこ
    モデレーター

    お世話になっております。
    解決方法ではないのですが、、、一つの提案になります🙇‍♀️

    現在は花のロゴアイコンをCSSで背景に表示していますが、
    ロゴアイコンとサイトのタイトルをロゴ画像にしてしまうのはいかがでしょうか。

    スマホなどの見た目も安定するので、画像にしてしまうのがカスタマイズもなく一番シンプルで良いのではないかなと思いました。

    もし他のアイディアやカスタマイズ方法をご存知の方がいらっしゃいましたら、引き続きよろしくお願い致します。


    うなこ
    モデレーター

    お世話になっております。VKパターンライブラリのご利用ありがとうございます!

    ①フッターの上に謎の余白

    ExUnitの機能のソーシャルボタンの余白が表示されている様ですので、
    編集画面の該当の固定ページの下の方にある、「VK All In One Expansion Unit」の「シェアボタンの非表示設定」をクリックして、「ソーシャルボタンを表示しない」にチェックを入れてください。(添付画像参照)

    ▼サイトの共通のフッターとして使用する場合はブロックテンプレートパーツ機能もございます。

    【ブロックテンプレートパーツについて】

    ブロックテンプレートパーツ機能

    ②ABOUT USの上に謎の余白

    「区切り」ブロックに余計な余白が入っていた様です。
    パターンを修正させていただきましたので、改めてコピペしていただくか、
    添付画像の様に「区切り」ブロックを選択して、ツールバーの共通の余白設定から上下の余白を0にしてください。

    いかがでしょうか?
    もしうまくいかない場合は教えてください。

    Attachments:
    You must be logged in to view attached files.

    うなこ
    モデレーター

    対馬さま

    お世話になっております!そうでした、無効の場合を失念しておりました!
    調整させていただきます。

    いつもありがとうございます!


    うなこ
    モデレーター

    お世話になります。
    たしかにcontactForm7のボタンに装飾がついていませんでした。
    デザインスキンの修正を検討したいと思います。

    お急ぎの場合は以下のCSSでいかがでしょうか?

    /*ContactForm7のボタン*/
    .wpcf7-submit.btn{
     box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
     transition: all .3s ease 0s;
    }
    .wpcf7-submit.btn:hover{
    box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
     transform: translateY(0.1875em);
        background-color: var(--vk-color-primary-vivid);
    }

    うなこ
    モデレーター

    こんばんわ、リンクありがとうございます!

    確認しましたところテーマは Lightning Pro ではなく、Lightning をご利用の様ですので、CSSのクラス名が変わります。
    以下でいかがでしょうか?

    16pxはお好きな数字に変えてください。

    @media (min-width: 992px) {
    /*説明部分*/
    .header-top .header-top-description{
    font-size:16px;
    }
    /* ヘッダートップナビゲーションメニュー部分 */
    .header-top ul>li>a, .header-top ul>li>span{
    font-size:16px;
    }
    }

    うなこ
    モデレーター

    追加cssに下記のようにpxを変更してはりつけましたが、
    大きさは変わりませんでした。

    お世話になります。そうなのですね、私の環境では大きさが変更されるので、なぜでしょう、、。
    以下少しお聞きしても良いでしょうか。

    • 【01】キャッシュ系のプラグインはご利用でしょうか?
      もし使用していましたら、一度キャッシュを削除してからもう一度ご確認ください。
    • 【02】テーマは Lightning Pro をご利用ということであっていますか?
      (Lightning + Lightning G3 Pro Unit の組み合わせではない)
    • 【03】一度コメントアウト(/**/の部分)の表記を削除してみるとどうなりますか?
    • @media (min-width: 992px) {
      .headerTop .headerTop_description {
      font-size:50px;
      }
      
      .headerTop ul>li>a,
      .headerTop ul>li>span {
      font-size:50px;
      }
      
      .headerTop .headerTop_contactBtn a.btn {
      font-size:50px;
      }
      }
    • 【04】CSSを追加した場所は【外観】→【カスタマイズ】→【追加CSS】であっていますか?

    それから、「Header Top Navigation」カスタムリンクは_blink(別のタブに)できませんか?

    カスタムリンクでも「リンクを新しいタブで開く」が出ると思いますが、いかがでしょうか?(添付画像参照)

    ※もし可能でしたら、症状の確認できるサイトのURLを添付していただくと、原因が突き止めやすくなりますので、ご検討よろしくお願い致します🙇‍♀️

    Attachments:
    You must be logged in to view attached files.

    うなこ
    モデレーター

    上記のCSSを使用しましたがサイズが大きくなりません。

    お世話になっております。
    参照のページの情報が古かった様でしたので、修正させていただきました。
    下記のCSSでいかがでしょうか。

    @media (min-width: 992px) {
    /* 説明文 */
    .headerTop .headerTop_description {
    	font-size:14px;
    }
    /* ヘッダートップナビゲーションメニュー部分 */
    .headerTop ul>li>a, 
    .headerTop ul>li>span {
    	font-size:14px;
    }
    /* コンタクトボタン */
    .headerTop .headerTop_contactBtn a.btn {
    	font-size:16px;
    }
    }

    それから、「Header Top Navigation」カスタムリンクは_blink(別のタブに)できませんか?

    管理画面の【外観】→【メニュー】画面の上部に「表示オプション」というボタンがあり、展開すると詳細メニュー設定を表示の部分に「リンクターゲット」がありますのでチェックを入れてください。
    そうしますとメニューのところに「リンクを新しいタブで開く」が表示されますのでチェックをいれますと、新しいタブで開く様になります。(添付画像参照)

    いかがでしょうか?

    Attachments:
    You must be logged in to view attached files.
    返信先: ボタンのアイコンのみ右端に寄せたい #84020

    うなこ
    モデレーター

    ボタンのアイコンのみを右端に設定したいです。
    文字は中央揃えです。

    VKボタンの機能としてはありませんので、CSSでのカスタマイズになります。

    カスタマイズ→追加CSSや子テーマでしたら子テーマのcssファイルに以下のCSSを追加してください。アイコンがボタンの端によるとおもいますがいかがでしょうか?(1.5rem;の数値はお好みで変えてください)

    .vk_button_link:not(.vk_button_link-type-text) {
    position:relative;
    }
    .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_before,
    .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_after{
    position:absolute;
    }
    .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_before{
    left:1.5rem;
    }
    .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_after{
    right:1.5rem;
    }

    うなこ
    モデレーター

    X-T9で既存のサイトを一新したいです。テーマをLightningからXーT9に変更しましたが、既存のコンテンツデーター(法律事務所)が反映されてしまいます。コンテンツデーターの削除の仕方が分かりませんので、ご教授をお願いいたします。

    x-t9のご利用ありがとうございます!

    テーマを変更すると、サイトのレイアウトやスタイルなどのサイトの見た目が変わります。LightningからXーT9にテーマを変更しても、投稿や固定ページなどのコンテンツは変わらずに保存されます。これはWordPressの基本的な仕様によるもので、コンテンツとデザインを分離して扱っています。

    ですので、固定ページや投稿の中身は、不要であれば削除して作り直す必要があります。

    コンテンツは、VK Pattern Library から、お好みのものがありましたら、コピペで簡単に作成できますので、よろしければご利用ください。

    いかがでしょうか?


    うなこ
    モデレーター

    アーカイブページ設定の「表示タイプ」を「メディア」にして、カラム数を全て「1」にしていただけますと、「Lightning 標準」と同様のレイアウトになりますので、そちらをお試しいただいても良いでしょうか。
    よろしくお願いいたします🙇‍♀️


    うなこ
    モデレーター

    カスタム投稿タイプ アーカイブページの新着記事につくマークを変更したい。

    Lightning G3 Pro Unitの機能で「アーカイブページ設定」があります。
    新着表示オプションから新着テキストを変更できます。
    いかがでしょうか?


    うなこ
    モデレーター

    お世話になっております、以前Lightning で、フッターのブロックパターンをフッター部分に表示する方法をお伝えしましたが、本日「Lightning G3 Pro Unit」プラグインにヘッダー&フッターをブロックエディタで自由に編集できる機能が追加されました。

    【簡単な使い方説明】
    Lightning G3 Pro Unitを最新の 0.26.1に更新しますと、管理画面の左メニューに「Lightning Block Template Parts」 というメニューが出てきますので、そこからヘッダーやフッターのブロックパターンを登録してください。
    登録の際は、カスタマイズの画面でプルダウンに表示される際にわかりやすい名前をつけて登録してください。

    登録しましたら、【外観】→【カスタマイズ】 →ヘッダーの場合は「Lightning ヘッダー設定」、フッターの場合は「Lightning フッター設定」の Block Template Parts から登録したブロックパターンを呼び出してください。

    ※説明ページなどはまた後日準備予定です。


    うなこ
    モデレーター

    Lightning のご利用ありがとうございます。

    普段、フッターの設定は外観のカスタマイズから行っていますが、こちらに貼り付けるところがありませんでした。

    「フッター」のパターンを Lightning テーマで使用する場合は、ランディングページでの使用を想定していますので、外観のカスタマイズのフッター設定は使用しません。
    (Lightningはクラシックテーマのため、フッターのレイアウトが決まっているためです。)
    サイト全体のフッターを、こちらのブロックパターンに変更したいということでしょうか。
    もしそうでしたら以下の手順を参考にしてください。

    【01】Lightningのフッター機能を非表示にします
    ▼個別ページから非表示にする場合
    個別ページの編集画面【Lightning デザイン設定】> 非表示設定 の「フッターを表示しない」にチェックを入れます。
    そうしますとフッターエリアが非表示になります。

    ▼サイト全体のフッターエリアを非表示にする場合
    現時点では、サイト全体のフッターエリアを非表示にする機能がありませんので、【カスタマイズ】 > 【追加CSS】に以下のCSSを追記してください。

    /*サイトフッター非表示*/
    .site-footer{
     display:none;
    }

    【02】外観>ウィジェット の「フッター上部」ウィジェットに、フッターのパターンを貼り付けます。
    ブロックでできていますので、リンクなど調整してください。
    ウィジェットの下に余白ができると思いますので、【カスタマイズ】 > 【追加CSS】に以下のCSSを追記してください。

    /*フッター上部ウィジェットの下余白*/
    .site-body-bottom .widget{
    margin-bottom:0;
    }

    ——-

    もし、固定ページでランディングページを作成する場合は、以下の記事が参考になります。
    https://www.vektor-inc.co.jp/post/lightning-lp/

    どうぞよろしくお願いいたします。

15件の投稿を表示中 - 16 - 30件目 (全935件中)