うなこ
フォーラムへの返信
-
投稿
-
いろいろ方法はありますが、
１つの方法としましては、
見出しブロックを設置し、「HTMLとして編集」を選択しHTMLとして編集する方法がございます。例えばこんな感じでHTMLを入れますと、テキスト横に小さいフォントの文字が入ります。
（文字を小さくしたいだけであれば、この方法が一番簡単かもしれません。。）<h2 class="is-style-vk-heading-plain">見出し <span style="font-size:1rem;">サブテキスト</span></h2>CSSで調整する方法ももちろんございます。
返事遅くなりもうしわけないです。
吹き出しブロックの画像部分はimageにwidthとheightが VK Blocks のcssに書かれていると思いますので、
おそらく画像要素で width と height が明示的に指定されていないは出ていないと思うのですが、
いかがでしょうか子テーマの件ですが、cssのカスタマイズのみでしたら、現在あがっている「Lightning 子テーマサンプル」で大丈夫かなと思っております。
といいますのも、おそらくはG3用の空のフォルダが入っているか入っていないかの違いになりますので、cssのみカスタマイズする場合は特に現在の子テーマでも問題ないと思っております。
どちらでも大丈夫です。追伸で書いていただいた画像サイズの件ですが、
PageSpeed Insights にて先ほどサイトを見させていただきましたところ、
トップページの「荷台に入るサイズ」画像に「画像要素で width と height が明示的に指定されていない」と出ているようでした。
こちらの画像は、もう一度あげ直していただくとwidth と heightが入ったりしませんか、、？デザインを同じにしたい場合は、追加でCSSを記述する必要があります。
代替案としまして、、、
この投稿リストブロックの「表示タイプとカラム」の「表示タイプ」が現在カードになっていますが、テキスト１カラムではどうでしょうか、、？カードの枠が取れて、まだデザイン的には近いかなと思います。
cssのカスタマイズに関しましては、以下の記事が参考になると思いますので、よろしければご参考にしてみてください。
> G3β用にも子テーマは配布予定はあるでしょうか？
今後G3用にも準備する予定ですが、もしお急ぎでしたら、
現在あがっている「Lightning 子テーマサンプル」でもご利用いただけます。左右ではありませんが、
VK Blocks の見出しブロックで見出しとサブテキストをつけるのはいかがでしょうか。
（サブテキストは見出しテキストの下にきます）
見出しとサブテキストの間の余白やフォントサイズも設定できますので、近い形にはできるかなと思います。cssのカスタマイズに関しましては、以下の記事が参考になると思いますので、よろしければご参考にしてみてください。
https://www.vektor-inc.co.jp/post/wordpress-css-customize-2020/デザインスキンPaleでは、標準のセクションベース設定が「セクションベース（白い背景部分）あり」になりますので、セクションベースありで全幅にしても、セクションベース内にしか広がりません。
もし、横幅貫通の全幅で表示したい場合は、フロントページに設定している固定ページを開き、Lightning デザイン設定のセクションベース設定をセクションベース無しに設定していただくと、セクションベースはなくなってしまいますが全幅表示にできます。
セクションベースありのまま全幅で表示したい場合は、追加でCSSを記述する必要があります。
おそらく以下のCSSを追加CSSか、子テーマのCSSに追記していただければセクションベースありでもOuterブロックを全幅にできると思いますが、すべてのOuterブロックの全幅に適応されてしまいますので、注意が必要です。
全幅表示したいOuterブロックに、高度な設定から「追加 CSS クラス」でクラス名をつけてあげたりして、調整してみてください。.mainSection.mainSection-base-on .vk_outer-width-full{ padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }こちらでcssのカスタマイズについて書いてありますので、ご参考にしてください。
▼できる！WordPressカスタマイズ #01 簡単なデザイン（CSS）カスタマイズ方法徹底解説カスタマイズの追加CSSか、もしくは子テーマでしたら子テーマのstyle.cssなどにロゴの画像のサイズを記述しますと良いのではないかと思います。
推奨サイズとのことですので、以下でいかがでしょうか、、？
※一度スマホやPCでサイズが合っているのかご確認ください。.site-header-logo img{ width: 280px; height: 60px; max-height: 60px; }今回の不具合は当HPが使用していたテーマとプラグインの相性の問題だったのでしょうか。
よろしければ、プラグイン名を教えていただいてもいいでしょうか？
追記です。
以下のフォーラムページの「不具合かなと思ったら」の部分を参考にしていただけると、不具合の原因が突き止めやすいです。
テーマをLightning 以外のものに変更してみても同じ現象が起きていたら、プラグインが原因かもしれません。▼フォーラム
https://vws.vektor-inc.co.jp/forumsBAにさせていただこうと思ったのですが、モデレーターには付けれないのですね。
はい、私はスタッフになりますのでBAは付けれなくなっております。
今確認していて、わかったことを記入いたします。
・サイトのURLの最後に /ja/ をつけるとトップページに１０件表示されるようでした。
・ヘッダーメニューから他のページをクリックすると /ja/ 以下に飛びます。もしかすると、添付いただいたサイト内（/ja/がない方）では、
１件しか記事が入っていないのでは、と思うのですがいかがでしょうか。ちょっと状況を確認させてください。
添付画面のように、追加したカバー用画像の位置が、トップページに投稿済のブロックの上部に表示されてしまい、
「トップページに投稿済のブロック」の部分はウィジェットで「トップページコンテンツエリア上部」に挿入していますか？
今回の画像を固定ページから「画像ブロック」で挿入しているとしたら、ウィジェットの「トップページコンテンツエリア上部」の方が上に表示されます。
わたしの環境で同じバージョンのSkin Fortで確認しましたところ、症状が確認できませんでしたので、
もしかしたら Vektor,Inc.製以外のプラグインが原因の可能性もございます。以下のページの「不具合かなとおもったら」の部分を参考にしていただき、
インストールされているプラグインの更新があれば更新をしていただき、
Vektor,Inc.製以外の、関連しそうなプラグインを一つずつ停止して症状が改善するかどうかをご確認いただけますでしょうか。全幅にしていしたらうまくいくのかなと思います。
添付していただいたURLはOuterブロックを全幅で使用しています。
画像ブロックでしたら、画像ブロックを全幅表示にしてみてください。（添付画像参照）
