うなこ
フォーラムへの返信
-
投稿
-
また、モバイル時に添付画像のこちらの場所に、インスタマークを出したいのですが
方法ございますか？こちらの件は、全く同じデザインではないのですが代替案としまして、
モバイルナビ上部やモバイルナビ下部ウィジェットにVKボタンを入れる方法はいかがでしょうか。メニュー横ではないのですが、、メニューを展開したときにボタンが見えるようにできます。
▼VK Mobile Nav の特徴
追記：
添付いただいた画像と同じデザインにする場合は、カスタマイズが必要になると思います。ありがとうございます。。すいません、この場合、別windowで開く、target=”_blank” はどこにどのように記述したらよいでしょうか？
こちらの件はワードプレスの標準機能で メニューの表示オプション→リンクターゲットにチェックをいれることで可能になります。
原因がまだわかりませんが、
もし差し支えなければ、症状が出ているサイトのURLを添付いただくことは可能でしょうか？といいますのも、同様のバージョンでわたしの環境では再現ができませんでした。
サイトを確認できれば解決ができるかもしれません。お客さまがAndroid端末で閲覧されていると思われますので、フォント設定をGoogle Fontsにすると見えるようになるかなと思います。
たとえば、「Noto Serif JP」（太さはお好みで）に変更するといかがでしょうか。ほんとですね、、、
.vk_balloon_icon_image のクラスにwidth とheightは入っているのですが、、、
なぜでしょう、、？うーん、、もし原因がわかりましたらまたお知らせします。
基本は画像はコンテンツの幅内に収まるようになっていると思いますが、
どこかの画像やテーブルがはみ出しているのかもしれません。。もし差し支えなければ、ページのURLを添付いただくと、原因がわかるかもしれません。
いろいろ方法はありますが、
１つの方法としましては、
見出しブロックを設置し、「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 子テーマサンプル」でもご利用いただけます。
