WordPressテーマSANGOの質問

ウィジェット「カスタムHTML」でプロフィールを設定したところ、表示が崩れる

アバター
わなび〜

先日SANGOを購入させて頂きました。
とても使いやすいデザインのサイトができそうでワクワクしております。

本題なのですが、
サイドバーにプロフィールを表示させたいです。

ウィジェット「カスタムHTML」に、
この記事にあるコードをコピペしたところ、
スマホ版GoogleChromeにおけるトップページの表示が崩れてしましました。
(横スクロールが発生)

PCやスマホ版Safariでは問題なく表示されています。

解決策をご教示頂きたいです。何卒、宜しくお願い致します。

プロフィールを表示する
記事下にプロフィール(この記事を書いた人)を設置する
コメントへの回答
サルワカくん
サルワカくん
2021/05/22

いつもお世話になっております。

おそらく、表示崩れが発生する原因はHTMLの開始タグと閉じタグの数が一致していない可能性が考えられます。

また、サイドバーのプロフィールなのですが、カスタムHTMLを使わずSANGO プロフィールウィジェットをお使いいただくほうが簡単かもしれません。
詳しくはこちらをご覧ください。
https://saruwakakun.com/sango/my-profile

よろしくお願いします。

アバター
わなび〜
2021/05/22

早急にご回答頂きありがとうございます。
何度も申し訳ないですが、下記確認頂けると幸甚です。

>おそらく、表示崩れが発生する原因はHTMLの開始タグと閉じタグの数が一致していない可能性が考えられます。

何度も確認したのですが、開始タグと閉じタグの数は一致している様に思います。
下記がコードです。(””内はコメント用に修正しています)

わなび〜

プロフィール文
プロフィール文

プロフィール文
プロフィール文


>また、サイドバーのプロフィールなのですが、カスタムHTMLを使わずSANGO プロフィールウィジェットをお使いいただくほうが簡単かもしれません。

下記を実施したいと思っています。
①背景画像の削除
②プロフィール文の改行
③アイコンサイズの拡大

そうした時にSANGOプロフィールだと難しく感じました。
カスタムHTMLでのカスタマイズのやり方は既にQ&Aに記載がある為、
カスタムHTMLを採用しようと思った次第です。

サルワカくん
サルワカくん
2021/05/22

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

なるほど、そういった事情で、カスタムHTMLをご利用ということですね。
ただ、こちらの環境でiPhoneのChromeで見させていただいたところ横スクロールは発生していないようでした。
コードを調査させていただいたところ、以下のようなHTMLになっており背景画像に画像のURLが設定されていない状態でした。
こちら背景画像が不要なら削除していただくのが良いかもしれません。


<img src="★背景画像のURL★">

よろしくお願いします。

アバター
わなび〜
2021/05/24

ご回答ありがとうございました。
自分も再度確認したところ、横スクロール直っていました。
(いろいろいじった際のキャッシュが残っていたみたいです)

背景画像削除についてもアドバイスありがとうございます!