[うなこ]

また、サブメニューがある場合、説明が表示されませんでした。

たしかにサブメニューがある場合に症状を確認しました
テーマ側のコードの修正が必要になると思いますので、しばらくお待ちください。
実装して初めて分かることもあるため、全てを実装することは難しい場合もございます。
何卒ご了承のほどお願いいたします。

今後とも弊社製品をよろしくお願いいたします。

ーーーーー

もし、みなさまの中で表示方法がわかる方がいらっしゃいましたら、引き続きご回答お待ちしております。

【追記です】
↓gutenbergのissueに上がっているようでした。
https://github.com/WordPress/gutenberg/issues/52505

[うなこ]

一応他のアイディアも書いておきます🙇

少しカスタマイズがありますので、子テーマを準備して、子テーマのfunctions.php に以下を貼ります
子テーマの作成は「Lightningの子テーマの準備」をご確認ください。

// 抜粋の文字数を1000文字に変更
function wpdocs_custom_excerpt_length( $length ) {
    return 1000;
}
add_filter( 'excerpt_length', 'wpdocs_custom_excerpt_length', 999 );

「Lightning アーカイブページ設定」の【表示タイプ】を「カード（線なし）」にして、カラム（Extra small・Small・Medium・Large・Extra large）は全て「1」にします。

【表示要素】は画像とボタンのチェックを外し、表示したいものにチェックを入れます。今回は抜粋・日付・新着表示・分類（全項目）でしょうか。

この設定にしますと、抜粋が1000文字（お好きな数に変えてください）で表示されますので、ご希望の形に近いのではないかなと思いました。

[うなこ]

X-T9のご利用ありがとうございます。
X-T9のgithubのissueにはあげさせていただきました。
ご報告ありがとうございます。

お急ぎの場合は 追加 CSS で対応お願いいたします。
外観→エディター　に移動して、右側の画面をどこかクリックしていただくと、上部に月のような半月アイコンが出てきます。
半月アイコンをクリックすると「スタイル」の画面になり、三点アイコン（さらに表示）をクリックすると「追加 CSS」が出てきます。
そちらに以下のCSSを追加してください。
数値などはお好みで変更してください。
いかがでしょうか？

/*説明を表示*/
.wp-block-navigation .wp-block-navigation-item__description {
display: block;
font-size: 0.75rem;
opacity: 0.6;
}
/*左揃え*/
.wp-block-navigation .items-justified-left .wp-block-navigation-item__description{
	text-align: left;
}
/*中央揃えと項目の間隔*/
.wp-block-navigation .items-justified-center .wp-block-navigation-item__description,
.wp-block-navigation .items-justified-space-between .wp-block-navigation-item__description
{
text-align: center;
}
/*右揃え*/
.wp-block-navigation .items-justified-right .wp-block-navigation-item__description
{
text-align: right;
}

Attachments:

You must be logged in to view attached files.

[うなこ]

おそらくですが、スライダーの設定画面に【高さ】>「デバイス毎の高さ」の設定項目があるのですが、そちらに数字がはいっていませんか？ もし入っていましたらリセットすると高さが削除されますので、スライダーアイテム内に入れたブロックの高さが出ると思います。（添付画像参照）

いかがでしょうか？

Attachments:

You must be logged in to view attached files.

[うなこ]

こんばんわ。

確認したところ、クラス名が違うのかなと思います。

input[type=button].wpcf7-previous　にするといかがでしょうか？

CSSのカスタマイズにつきましては、以下もご参照ください

できる！CSSカスタマイズ

—-

追記

テーマ側の方にissueを上げさせていただきました。
https://github.com/vektor-inc/lightning/issues/1120

[うなこ]

お世話になっております。

以下のCSSを追加するとリンクがロゴのみになるかと思います。
※参照先のページも修正させていただきました🙏

/*リンク領域をロゴのみに*/
.site-header .site-header-logo{
width: fit-content;
}

[うなこ]

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

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

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

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

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

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

[うなこ]

解決して安心しました！

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

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

[うなこ]

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

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

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

—

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

[うなこ]

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

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

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

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

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

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

②ABOUT USの上に謎の余白

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

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

Attachments:

You must be logged in to view attached files.

[うなこ]

対馬さま

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

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

[うなこ]

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

お急ぎの場合は以下の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.

[投稿者]

投稿