fotodeo

fotodeo

写真好き、DIY好き、趣味から繋がる大好き

/nao120i

営業時間 : 10:00 ~ 19:00
MAIL : info@fotodeo.com

写真好き、DIY好き、趣味から繋がる大好き

/nao120i

営業時間 : 10:00 ~ 19:00
MAIL : info@fotodeo.com

TOP背景 仕事場

/nao120i

営業時間 : 10:00 ~ 19:00
MAIL : info@fotodeo.com

写真好き、DIY好き、趣味から繋がる大好き

WP htmlコードのエラー回避

No Image!

categorys:BLOG | HTML/CSS | WP

   Tag: |

昨日写真のプリントサイズの記事をアップしました。
記事はこちら
いつも通り普通にアップできていましたが、問題が発生しました。
投稿編集モードにすると『記事内に不都合があります』とテーブルを入れている場所で出てきます(*´;ェ;`*)

上のSSはWord Pressの投稿編集ぺーじになるのですが①のような状態になります。

そこでエディターをcodeediterモードにしてコードを直接見てみました。いつもはブロックの追加でhtmlを入れ込むようにしていたのですがこれが問題なのは明らか!今までは問題なかった気がするんですが^^;

解決法を探る

そこで一旦ビジュアルエディターの画面に戻してエラー内容から解決ボタンを押して再びコードエディターを見てみると・・・

tableがfigureの中にある!?スタイル自体はそのまま読めるようになっているので③の状態で表示される。

策を練る

今までのhemlのブロックへの記入でテーブルを作っていたが、正直この方法はめんどくさいと感じていた。

そしてリストやHタグ、その他いろいろと記事内に書くタグには統一してスタイルが掛かるようになっていたのでデザイン自体は統一されていたし、Wpの機能でブロックを追加していくだけで仕上がっていた。
なのでテーブルタグも既存のテーブルブロック追加で今のデザインになるように改良しました。

まとめ

無事改修完了して昨日の記事も修正する事が出来た。やっぱりこの方法が一番手っ取り早かった(*´艸`)

Word Pressのシステムに乗っかる以上こうやって回避していく方法考えていくことが大事で、本当はもっと賢いやり方があるんだろうけど今は自分で乗り越えていく力を養って、自分の力が誰かのために役立つことが出来れば幸い^^

機会があればもっと深くこの記事内のスタイルについても書いていこうと思う。


back no


足跡残してください♪