• 文字サイズ


解決済

ワードプレスの外部リンクファイル読み込みについて

  • 相談者:非公開
  • 2019/11/29 15:20
いつもお世話になっております。
ワードプレスで作成した診断チャートをテスト反映しようコードを組んだのですが、
上手く動作やCSSが効いてないのか、レイアウトが崩れてしまいました。
本来なら2列ずつで選択肢が表示され、選べるようにしているのですが、なぜか
1列で表示され、クリックしても選択されません…。
Dreamweaverでローカルで作成したときは問題なく機能したので、
ワードプレスでうまく反映できない原因がいまいち分かりません。
元々ワードプレス上で組まれているソースコードと相性が良くないのでしょうか?
ご教示していただけたら幸いです。

テストURL
http://tokeiten.co.jp/Test/charttest/
投稿内容について報告する
楽天スーパーSALEで売上アップ!
今年4月から毎週オンラインにて開催し、これまでに1300社以上が参加された 90分で学べる楽天集客対策セミナーを11月27日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2019/11/29 20:08
ECマスターズの伊藤です。

> Dreamweaverでローカルで作成したときは問題なく機能したので、
> ワードプレスでうまく反映できない原因がいまい………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/03 11:18
返信ありがとうございます。

アドバイスいただいたところを確認してみたのですが、とくに抜けているものはなく、
画像を2列にしてるCSS部分は一部だけ反映さ………(省略)………
  • 返信者:非公開
  • 2019/12/03 17:17
ECマスターズの伊藤です。

#chart
.choice

をご指定頂いていますが
id、classとも、ページ内に存在しておりませんでいた。 ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/03 18:19
liタグの方に横並びになるよう設定してみましたが、
<li>を質問ごとで囲っていたため、画像は2列にならず、質問が2列になってしまいました。
画像の方で<l………(省略)………
  • 返信者:非公開
  • 2019/12/03 19:09
ECマスターズの伊藤です。

> <li>を質問ごとで囲っていたため、画像は2列にならず、質問が2列になってしまいました。

失礼いたしました、たしかに………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/04 14:29
なんとか選択画像を2列に表示できました!
ありがとうございます。
ただ、2列にしたとき、質問3だけ背景色内の枠からはみ出しており、
とくにheightは指………(省略)………
  • 返信者:非公開
  • 2019/12/04 19:11
ECマスターズの伊藤です。

> ただ、2列にしたとき、質問3だけ背景色内の枠からはみ出しており、
> とくにheightは指定していないので原因が分かり………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/05 10:52
無事に反映できました!
ありがとうございました!………(省略)………