質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

レスポンシブWebデザイン

レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

Q&A

1回答

1335閲覧

Wordpress(ブログ)のスマホからの表示について

yoooooko

総合スコア6

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

レスポンシブWebデザイン

レスポンシブWebデザイン(RWD)は、スクリーンのサイズ、プラットフォーム、オリエンテーションに基づいて様々なデバイスで最適のサイトを生成するのウェブデザインとその開発のアプローチ方法を呼びます。

0グッド

0クリップ

投稿2018/08/15 06:05

前提・実現したいこと

現在WordPress(バージョン 4.9.8)を使って企業ブログを運営しております。
いつもならば表示(見え方)は1パターンしかないのですが、
2週間ほど前から、急に表示が2パターンでてきております。
(挿入画像をご覧いただければと思います)
実現したいことは、いま①、②、と2パターン表示があるのを
①に統一させたいです。

発生している問題・エラーメッセージ

イメージ説明

いつも見ていた表示が①、急に現れた表示が②です。
ちなみに②の方は「visit website」というタブをクリックすると①に戻りますが、
個々に変更しないと①には戻らない という状況でございます。
(なので、自分できりかえない限りは②になってしまいます)
(しかも②は、レスポンシブ対応されない記事もあり、
その原因も不明なので①に統一さたいということになりました)

私共としては、誰が見ても①の表示になるように表示を統一させたいのですが、
ネットや本で調べても、原因が突き止められず
こちらで質問をさせていただきました。

イメージ説明
こちらは実際の投稿画面になります。
投稿方法は、どの記事も同じです。

表示を①に戻す方法をご存知の方、同じような状況になったことのある方
大変恐縮ではございますが、ご教示いただけますと幸でございます。
新参者にて大変申し訳ございません。
どうぞ宜しくお願いいたします。

該当のソースコード

ソースコード

試したこと

1:スマホキャリアによる違い(無し)
2:ブラウザによる違い(無し)
3:投稿方法に違いは無いか(同じ)

検証しましたが、原因が突き止められませんでした。

補足情報(FW/ツールのバージョンなど)

WordPress バージョン 4.9.8

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yy_tn

2018/08/17 07:15

どのテーマを使っているのかと、CSSどうなってるのかの情報が無いとこれだけでは他者が答えるのは厳しいかと思います。
guest

回答1

0

下記が邪魔をしていますね

<p><span style="font-size:10pt;"><img src="https://i2.wp.com/www.careermart.co.jp/blog/wp-content/uploads/b_simple_23_3M.png?resize=760%2C10&amp;ssl=1" width="760" height="10" srcset="https://i2.wp.com/www.careermart.co.jp/blog/wp-content/uploads/b_simple_23_3M.png?w=760&amp;ssl=1 760w, https://i2.wp.com/www.careermart.co.jp/blog/wp-content/uploads/b_simple_23_3M.png?resize=646%2C10&amp;ssl=1 646w" sizes="(max-width:744px) 100vw, 760px" alt="b_simple_23_3M.png?resize=760%2C10&amp;ssl=1" style="width: 760px; height: 10px;"></span></p>

投稿2018/08/20 09:56

drunkdoll

総合スコア128

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yoooooko

2018/08/21 01:24

yuya_tn様 ご回答いただき、ありがとうございます。大変有り難いです。 ご返信が遅くなり申し訳ございません。以下、お手すきでご覧下さいませ。 ■テーマ Debutというものを使用しております。 ■CSSどうなってるのかの情報 管理画面内にある「外観」→「テーマの編集」にでてくる情報のことで 認識合っておりましたでしょうか。 こちらご確認いただけますと幸いです。 度々のやり取りとなり申し訳ございません。 どうぞ宜しくお願いいたします。
yoooooko

2018/08/21 01:26

drunkdoll様 ご回答いただき、ありがとうございます。大変ありがたいです。 邪魔な部分→ブログランキング上部につけたライン素材の設定ですね。 こちら今一度確認してみようと思います。 ご教示ありがとうございます。大変お手数おかけ致しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問