うなこ
フォーラムへの返信
-
投稿
-
こんにちは、
まずスライドショーのタイトルですが、幅のサイズによって文字の大きさが可変しますので
そのため文字数の多さでコンテンツ幅からはみ出して改行が変になっているようです。
以下のcssを追加でどうでしょうか。
数字の数値は小さくすると小さくなりますので、ご自由にお試しください。@media (min-width: 1200px){ .slide-text-title { font-size: 2.27vw; } }はい、cssでカスタマイズ可能です。
トップページのみに適応させたい場合は以下のクラス名に対してサイズを調整してみてください。
トップページのみではなくて全ページで適応させたい場合は上の.homeのクラス名を削除してください。/* HOMEのみ 子ページアイキャッチ画像 */
.home .veu_childPage_list .wp-post-image{ width: ○○; }/* HOMEのみ 子ページタイトル */
.home .veu_card .veu_card_title{ font-size: ○○px; }/* HOMEのみ 子ページ文章 */
.home .veu_childPage_list .childPage_list_text{ font-size:○○px; }はい、見た目が違うだけで機能面は同じになります。
よくある質問の「デザインスキンについて」の文章を抜粋いたします。基本的にはすべて同じです。以前はスキン毎に違う機能もありましたが、 Bootstrap4 ベースの II のバージョンでは統合しており、基本的な違いは「デザインテイスト」および「レイアウト」としています。
目立つ違いとしては
・Fort / Pale のみヘッダー右側に電話番号と問い合わせボタンが配置出来る （他のスキンは最上部に小さく表示になる）
・JPNだけスライドショーとページヘッダーが固定
・Variety のみヘッダーメニュー直下のページヘッダー部がなく、パンくずがフッター上部になる
といったレイアウトに起因する機能差は若干あります。追加で、FireFoxとChromeで上記ウェブページにアクセスしたところ、症状は出ませんでした。
わたしの方では、WindowsのChromeとEdgeで確認、MacのSafariで確認しましたが症状が出ておりません。
Safariブラウザで他のサイトを閲覧時は問題ないでしょうか？
例えば、以下のデモサイトはいかがでしょうか画像拝見しましたところ、こちらはカードブロックのようです。
先ほどのcssはPR Blocksに対してのものになりますので、いったん削除していただき
タイトルのテキストの場合は以下のcssのクラスを指定してください。
※文字の大きさはお好きなものに変更してみてください。
※すべてのカードブロックの大きさが変わります。もし特定のページ内のみ効かせたい場合は、該当の固定ページの編集画面のVK All in One Expansion Unitの設定の「カスタムCSS」に追記してください。.vk_card_item .vk_post_title.card-titlee{ font-size: 1.4em; }文章テキストの場合は以下のcssのクラスを指定してください。
.vk_card_item .vk_post_excerpt.card-text{ font-size:1em; }以下のcssを追加CSS、もしくは子テーマのCSSに追加でいかがでしょうか？
.single-works h1.entry-title{ display:none; }CSSのカスタマイズは以下のページが参考になりと思います。
メディアから画像を追加していただき、その画像のURLを以下の(画像へのパス)部分に張り付けていただければ
可能です。
※ここはメインのコンテンツ部分になりますので、色の濃い画像を貼ってしまうと読みにくくなるかもしれません。.mainSection-base-on, .sideSection-base-on { background-image: url("画像へのパス"); }cssのカスタマイズは以下のページを参考にすると良いと思います！
プラグインVK Blocks Proの子ページリストブロックで、表示タイプがいろいろ選択できます。
アイキャッチ画像も、カードタイプを選択しますと大きく表示できます。
選択する表示タイプによりcssのクラス名が変わりますので、まずはこちらの表示タイプを選んでいただき、
フォントサイズを調整する形になるかと思います。cssのカスタマイズは、こちらのサイトが参考になると思います。
タイトルのテキストの場合は以下のcssのクラスを指定してください。
※文字の大きさはお好きなものに変更してみてください。.vk_prBlocks_item_title{ font-size: 1.4em; }文章テキストの場合は以下のcssのクラスを指定してください。
.vk_prBlocks_item_summary{ font-size:1em; }cssのカスタマイズなどは以下を参照にしてみると良いと思います！
一点目
メニューのサブタイトルの文字位置が調整できません。現在、左寄りになったままです。こちらの件は、メニューのサブメニューのことで合っておりますか？
もしそうでしたら、以下のcssを追加CSSや子テーマのstyle.cssなどに張り付けてください。
※画面が 992px 以上の場合に適応されます。@media (min-width: 992px){ ul.gMenu > li > ul.sub-menu li a { text-align: center; } }カスタムリンクから、適当に「#」などのURLを貼った後に削除するとリンクなしにできるそうです。
もしくは、「子ページリスト」ブロックを使用すると親ページから子ページのリストが表示できますので、
こちらを使用するのも良いかなと思います。下のデモサイトでは、お問い合わせページも表示されているのが正常の状態になります。
お問い合わせページはサイト内でリンクされていますか？
それとも別サイトのコンタクトフォームページを表示していますか？こちらのフォーラムは参考になりますか？
https:// でアクセスしている場合は 設定 > 一般設定 のURLが http:// のままになってないか確認ください。
また、ブラウザの検証ツールを使って画像の URL が http:// から始まっていないか確認してください。
（ https:// でアクセスしている場合は URL が http:// から始まる画像は表示されません ）その後、画像を再登録してみてください。（ https:// で登録されます）
