Blogダメダメ成長日記

【4日目】ワードプレスで画像(写真)と文章がサイト内でグチャグチャに(´;ω;`)ウゥゥ

 

◇TinyMCE Clear Float
Clear floats Button
この二つのプラグイン適用で解決したよ!!

ブログデビュー4日目の朝、管理者のテル³は不機嫌であった。

昨日作ってみたサイトをパソコンとスマホで確認してみると、写真と文章の配置がなんかグチャグチャになってるじゃないですか!!!

えええーーーっ!?なんでーーー?

原因探るに3時間、、、どうやら写真の下に文章を表示させるに改行改行改行・・・でスペースを作って上手い事表面上の位置だけ合わせてしまっていたのが悪かったようで。
どどどの素人発想ですねワードなんかと同じ感覚で体裁合わせではダメらしい。

つー事でさっそくGoogle先生のお世話にゴ~

まぁ、出てくる出てくる笑っちゃうほど(* ´艸`)同じところでハマる仲間がたくさんいてちょっと嬉しかったりもした。

どうやら「画像の回り込み解除」ってのをやらなきゃいけないらしいね。フムフム・・・。
読み進めていくとHTMLタグ(テキストエディタ)を追記すれば解決するらしいことがわかった。こんなん⇒<div style=”clear:both;”></div> ⇐試したら確かにうまくいった。

さらにさらに読み漁ると、便利なプラグインがある!
そしてみんな同じこと書いてる

「ツールバーにボタンを追加&ポチリ!これで一発解決ー!」的な!

おおーー神プラグインの存在に目からウロコ。こんなタグいちいち打ってられねーし。

ここまでで既に開始5時間越え、、、飯も食ってない、、、とりあえず飯(印尼風インスタント焼きそば)

15分で食い終えてブログ再開。

プラグイン(TinyMCE Clear Float)のダウンロードとインストール、(*^▽^*)ニコニコ

有効化 ⇒ ボタンが出ない…ムッカー!

更に原因探って既にもう何時間経っただろう、、、さすがに疲れた。
Youtubeでもみて気分転換すっかと、ちとYoutubeでも検索してみっかと思い探してみたらなんかそれっぽいのが出てきた。

再生回数19〇回、、、あてにならんな、、、5年前の投稿だし。

一応見てみたら案の定で、プラグイン自体も旧バージョンのものを紹介してる。
ん!?旧バージョンってインストール出来んのかなと思い、プラグイン検索してみたら出て来なかった、、、ん!?

なにこのClear floats Buttonて。

えっっっ?
ボタン自体のプラグイン??えっ、、そんなぁ、、、

ここから先はもう書くこともないですな。
あっけなく解決です。小形さん(Youtuberさん)ありがとうございました。

という事で今日1日(12時間)かかって2日目に書いたのサイトを修復。
まぁ、時間は死ぬほどあるからいーんだけどね。

先が思いやられるわ~~

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です