パソコン操作

ライブドアブログデザイン変更したらサイドバーが下に表示されてしまったを解決!


こんにちは、ゆうゆです。

当ブログにお立ち寄りいただきありがとうございます。

無題


2週間前頃にこんな記事をUPしました。
 
以前から気になっていたブログのデザインを、ひょんなことから急遽変更せざるを得なくなり悪戦苦闘しているという内容です。


デザインの変更自体はまあまあなんとかなったのですが、調子に乗ってグーグルアドセンスの広告設定を変更したのが間違いのもとだった


適当に見よう見真似で作業していったらサイドバーがページの一番下、つまり記事の下に表示されるという事態に


今日の記事はそんなときの改善法を伝授


あっご覧の通りコレなんの知識もない素人主婦が悪戦苦闘というレベルのハナシなのでご了承のうえ読み進めてくださいね。

あくまでもパソコンの知識のない方向けの記事となっています





サイドバーが下にくる!なんで?どうしよう??


サイドバーが下にくるってイメージ湧きますか

実物をお見せできればよかったのですが、その時はスクショをとるとかそんな余裕は一切ナシ

頭の中はどうしようでいっぱいでしたので、下手なイメージ図を書いてみました。


まずは本来ならこうならなければいけない図
  
      

20190216_131242


それがこんなことになってしまった図
   
     

20190216_131253


イメージ湧きましたでしょうか

こんなことになってしまったときは、正直なんじゃこりゃと思いました


とりあえず検索


今どきは本当に便利

たいていのことは検索すれば解決法がみつかりお悩み解決スッキリ

となりますよね~

というわけでとりあえず検索してみました。

その前に今回のようにサイドバーが下に来てしまう現象のことをカラム落ち(レイアウト崩れ)というみたいですね。勉強になるわ~



<原因と解決策>

・たいていは直前にやった事に原因がある場合がほとんど

・タグを閉じ忘れていること</div>を入れ忘れている



他にもCSSがどうのこうのとかありましたが、恐らく上記のようなことが原因なんだろうなと思いました。

ただ肝心のどうすれば直せるかがイマイチわからない

というか自分が何をやったのかがイマイチ覚えていないのです

困った~






アナログな方法だけど確実にいこう!


もうここまでに結構な時間を費やしています

原因は直前にしたこと

直前にはグーグルアドセンスの広告コードを入れたり取ったりしていました。



そしてそれは個別記事ページだけなので、トップページは特にいじっていません。

こうなったら

アナログで原始的な方法ですがこれが確実


20190204_094009



ジャジャーン

なにもいじっていないトップページのHTMLを印刷し、それを個別記事ページの画面と見比べて違うところをチェック

そしてあるはずの</div>がないところを洗い出しそれを入れては試し入れては試しと繰り返しました。


すると


・・・


ヤッター

元に戻った~

無事解決です


まとめ


ブログ初心者、パソコンの知識なし、の方が陥ってしまいそうなエピソードだったかと思います。

画面を見ながらチャチャチャと直せればそれに越したことはない

でも慣れていない方は面倒くさいけど、やっぱり紙ベースのほうが確実かと思います

そしてできることなら、なにか変更するときも変える前に元はどうであったかを残しておいたほうがいい

それを今回本当に実感しました


<サイドバーが下に落ちてしまった時の対処法>

直前の動作を思い出し余計なものまで消していないか確認する



にほんブログ村 主婦日記ブログ アラフォー主婦へ
にほんブログ村


人気ブログランキング  ランキングに参加しています。応援クリックいただけると嬉しいです。


1年経過したライブドアブログのデザインを変更 只今メンテナンス中です



こんにちは、ゆうゆです。

当ブログにお立ち寄りいただきありがとうございます。

無題

 昨日からずーっとずーっとパソコンとにらめっこしています。


わがブログ「ゆうゆのあれこれ日記」のパソコン版のデザインがずっと気になっていたんです。

ここで、以前の画面の感じを貼りつけたらわかりやすいのですが・・・

既にデザイン変わってしまっています


私が使っているのはライブドアブログ様なのですが、

ブログ設定⇒デザイン/ブログパーツ設定⇒PC⇒デザイン

で好きなデザインを選ぶことができます。


ブログ開始当初はそれこそ毎日のようにあれがいいかな?これがいいかな?といじっていたのですが、やがてこれが一番というデザインに落ち着き今に至ります。

デザインのイメージを見るには「プレビュー」という機能があるのですが、昨日何も考えずにこの「プレビュー」をポチッとしてしまった・・・

そしたら

・・・

・・・

もう二度と元のデザインに戻れなくなってしまった~


って思っている方いらっしゃいますよね。

元のデザインのプレビューを押して戻ればいいじゃん、って思いますよね。

でもそれができないんです

です。恐らくこの1年間わからないなりにちょこちょこいじってはいたので、もう育った状態には戻れないというか初期化された状態に戻ってしまうみたい。


もうパニックになっていたので、もしかしたら戻れたのかもしれないけどどうせデザインの変更をしたかったから古いデザインはもういいやと新しいデザインを決めて再出発を図ることにしました


というわけで、只今「ゆうゆのあれこれ日記」パソコン版メンテナンス中です。

色々おかしな表示になっているかもしれませんがご容赦ください






ちなみに以前のデザインで気になっていた箇所

①全体的に横幅が広くボテッと見えてしまっていた

 デザイン変更でスリムになりスッキリ

②楽天のリンクを貼ると外側のグレーの枠線が残ってしまう

 これが大問題
  HTMLのソースを消すと問題解消なのですが、それだと楽天の規約的にOUTなんだそうです。
  でもこれ、私のもう一つのブログゆうゆのお弁当日記では枠線が残ることはないんです。
  ということはデザインの問題だということ
  これを解消するのが一番の目的

③文字の大きさがでか過ぎる

 普段スマホで見ることがほとんどで、スマホで見ると文字が小さくて見づらいんです。
  なので、文字を大きく設定していたのですがパソコンから見るとでか過ぎる
  これはまだ試行錯誤中です。


 
自分も含めて今ってスマホから見ていただいている方が大多数なんですよね。なのでこの問題ずっと気にはなっていたものの先送りにしていましたが、たまにパソコンから見ると酷すぎる

というわけで今回大改造で大苦戦です。





ちなみにこのブログではグーグルアドセンスを利用しているのですが、コードを貼る場所を検索しても出てくる情報は<!…/記事本文…>とか<!…記事全体…>とか日本語表記されているものばかり。

1年前このコードを貼る場所を検索したときは確かにHTMLの表記は日本語が入っていた気がしますが、2019年2月現在HTMLの中身全部アルファベットでした


コンピュータの言語とかまったくわからない素人の作業なので、これに大苦戦です

この作業の過程を記事にとも思いましたが、そんな余裕はなさそうまさに手探りで頑張っています。


そういったわけで「ゆうゆのあれこれ日記」パソコン版、只今大メンテナンス中です。


にほんブログ村 主婦日記ブログ アラフォー主婦へ
にほんブログ村


人気ブログランキング  ランキングに参加しています。応援クリックいただけると嬉しいです。



ライブドアブログのサイドバーからリンクを貼る方法

こんにちは、ゆうゆです。
はじめてのブログ作成、しょっぱなから苦難がー ( p_q)エ-ン

前回投稿したプライバシーポリシーの記事をサイドバーからリンクして飛べるように設定したいと思い、
あれこれ調べ実行→できない→また調べ実行→できない このエンドレスループにはまり気が付けばもう外は明るくなりかけ・・・(実際は雨でさほど明るさは感じませんでしたが)

ですが、何とか無事に仕上げることができました。 

なにが一番つらかったかというと、検索してても他のブログサービスさんでのやり方はいくつかヒットするのですが、肝心のライブドアさんのやり方はどれだけ探しても出てこなかったんです。

なので、まったくの初心者のゆうゆですがもしこれから始められる方の参考になればと思い、
「ライブドアブログのサイドバーからリンクを貼る方法」をご紹介したいと思います。



① まず、普通に記事を書き投稿します

② 投稿したページのURLをコピー

③ ブログ設定のブログパーツを開きフリーエリアをサイドバーに持っていき設定をクリック

④ 私の場合プライバシーポリシーをクリックすると①で書いた記事に飛びたかったので、
  下の広いスペースに
  <a href="ここにコピーしたURLを貼り付ける">プライバイシーポリシー</a>
  と入力し完了


たったこれだけの事なんですけど、なんでできなかったんだろう??

でもなんか達成感があって楽しんでいます。

まだまだ改善したいところがたくさんあるので地道に頑張ります




追記11/6 せっかくこのときは頑張って作りましたが、サイドバーではなくグローバルメニューに設置することにしました。なので現在サイドバーにこのリンクは貼っていません。
記事検索
プロフィール
無題



旅行やお出かけが大好きな主婦です。

ブログは初めて、
試行錯誤の日々です。

身近な話題を中心に発信していきます。

中学生の子供の毎日のお弁当をご紹介している
「ゆうゆのお弁当日記」も運営しています。

http://www.yuuyu.work/

お気軽に遊びに来てください。



お問い合わせ
お問い合わせはこちらまで
楽天市場