お世話になります。
ワードプレスのレスポンシブにした時のURLがはみ出る事象について質問させて頂きます。
どうぞ宜しくお願いいたします
対象サイトを作成しました。
http://waww.wp.xdomain.jp/sample-page/
まず上記サイトを確認頂いて、レスポンシブ(スマホかchrome検証いずれもOKです)にしてください。
以下写真の通りurlがレイアウトからはみ出てしまいます。
ためしたこと
そこでなにがわるいのかを自分なりに一生懸命に調べてみました。
その結果、chrome検証上で以下のようにoverflow-wrap:とword-wrap:を指定する事で
レイアウトがずれずにURLを折り返えす事ができました。
{ overflow-wrap: break-word; word-wrap: break-word; }
しかしこのテーマのどこでこの二行を指定すればいいのか悩んでいます。
他のテーマの事は考えず除外して頂いて結構です。
毎回URLを書く際にこのクラスを指定するわけにもいきませんので
bodyないに指定するべきなのか、どこのクラスに上記2行をcssで指定するべきなのか
またどのように記載すべきなのかわからない状態です。
できればURLだけではなくこのようにぴょーんとはみ出る文字はさせたくありません。
URLの入力は固定ページや投稿ページ両方様々な記事に使用します。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/07/03 05:25
退会済みユーザー
2019/07/03 05:30
2019/07/03 05:32
退会済みユーザー
2019/07/03 05:50
2019/07/03 07:54
退会済みユーザー
2019/07/03 12:05
退会済みユーザー
2019/07/03 12:09