画像の移行はできない 繰り返しになりますが、画像は移行できません。移行前に色々調べた時は、移行できると思い、いざ実行していくとできなかった。Blogger image importというプラグインがあったようだが、今は見当たらない。     画像を移行する手順 画像をBloggerからダウンロードし保存する 画像をWordpressへアップロードする シンプルにこの作業だが、手間がかかる。 Bloggerから画像を取得し保存する｜遠回り 結論から言うと、googleアーカイブで保存するべし。そこまでの長い道のり。結論だけ見たい方は最後の章へ、お先にどうぞ笑   一括で保存する 一括で保存したいが、その方法が意外とわからなかった。 まず、bloggerの画像の保存先はgoogleアルバムアーカイブにある。       アルバムアーカ…..

レスポンシブ変更時に気づく 毎日見ているブラウザ上の文字。いざ設定するとなると、意外とどれくらいの大きさかわからないことが多い。 初めはバランスなど、デザインのみで設定していたが、一般的に目にするサイズの方が見やすい気がして、一般的なサイズ＝ptがどのサイズが知る必要があったので、参考にさせていただきました。 あとは、デザイン上の好みやバランスもあるため、実際、目で見て確認が最終判断。 サイズ指定時はremで emで指定していたが、どうも変。フォントサイズを検索していたところ、単位が出てきて、見るとなんとemとremで異なるとのこと。勝手に自分の頭の中では、html全部が同じ基準と思えど、emは親要素を基準に設定すると。だから、同じ値を指定しても違ったなんて。。。。全部書き換えました。こういうところで、また時間ロス。   フォントサイズ一覧の参考にさせていただいたところ

レスポンシブならハンバーガー あまり意識していなかったけれど、やっぱりスマホ画面にメニューが治らないし、コンテンツの量が少なくなってしまうため、実装することにした。簡単でシンプルがよかったので、定番の分かりやすいサイトを参考にさせていただいた。 現在の形で落ち着いているが、他にも色々cssで装飾の仕様があるでしょうが、色々今まで時間がかかりすぎたため、このままのスタイルを拝借することに。細かなデザインに時間をかけすぎてしまったような。。。  

displayの色々 レイアウトを決める上で色々選択肢があるけれど、きっちりうまくいかないことも多い。今回、レスポンシブのレイアウトを設定している時、どうしても綺麗に整わないので、今までちょっと距離をとっていた、gridを試してみることに。     結論から言うと、とても便利！ これをマスターしたら、ブラウザのレイアウト全体も綺麗にできちゃうんじゃないか、と思えるほど。 実際のグリッド線   今回は、エラーページに３つの要素があり、均等に配置したかったので使用してみた。 コンテンツのエリアを４分割にし、左は上下、右に１つづつ同じサイズで。これを指定する前は、見た目はうまくいったものの、レスポンシブで動かすと要素の大きさがバラバラになってしまい、どうもうまくいかなかった。 gridではまさに破線で分割され、あとは要素を占めるエリアをしていすればOKという、いやー…..

Speed Insightsからの教え webアイコン。便利でよかったけれど、いざ公開しようと表示速度などを気にしてみると、重い。 特にFont Awesomeは全部のデータを読み込むせいか、重い。googleさんからも重いと表示され、色々探すと必要なアイコンだけ読み込むものがあるとのことで、試してみる。 IcoMoonが便利らしい みなさまの記述にある通り、やってみると、とてもよい。 IcoMoonの使用前     IcoMoonの使用後     一番下のfont awesome（タイトルと重なっていますが）レンダリングの速さも上がった。点数も上がる。 特に今回は、シェアボタンしか使用していないので、5個ぐらいのために全てを読み込むのはデメリットしかなかったため、変更すべき状況だった。  

記事内の画像がはみ出ている… そろそろcssに疲れてきた頃、レスポンシブで確認していると、なんと画像がはみ出している。どうやら、wordpressで自動的に画像のサイズがpxでしていされてしまうようで、どこを指定すればいいのかわからず困った。   意外と検索にかかりにくい 情報化社会でもなかなかないものもある。検索ワードは割と色々入れているけれど、目的の記事がなかなかないなか、唯一の情報源。無事、解決しました。    

モバイルファーストで変更中 chromeで確認する限り、特に問題はなかったのに、実際スマホで確認すると、inputボタンの色が変。カテゴリーページのボタンの色は問題なかった（div要素だった）のに。 iOSにはデフォルトのスタイルがあるらしい そんなの知らなかった！色々知らないことがあるもので。 勉強させていただきました。  

手作業は必要 Blogger Importerでは記事しか移行できないため、画像はリンク切れとなって表示される。リンク先はもちろんBloggerの保存先。記事ひとつひとつ、Wordpressにアップロードしたものを再度リンクをつける感じに。 以降で一番やっかいだった作業に思う。記事の修正はまだよいも、画像はテキストと違って、一括で変換とか置き換えができなかったため、手間がかかる！ 自分の失敗で、Wordpressへアップロードした画像が、どうもBloggerのサムネイルサイズだったため、元のサイズに置き換えるため、Enable Media Replaceというプラグインで変換してみたものの、どうもうまく反映されない。         でも小さい画像のまま（別画像ですが）     jpgだったはずのものが、pngになっているせいなの…..

検索結果 こう言う時に出てくるのは、手順を書きつつソフトの紹介をするサイト。でも他に方法が見つからないので仕方なく。 すんごい困るほどのデータは入っていなかったのでよかったが、でも今後使えなくなった時のためにも、今回学んでおこうと検索。もちろん、データが救出できた方が嬉しいし。 お陰様で無事救出できました。  

やっぱり設置する あまり気に留めていなかったが、せっかく発信するもの、そして予防医学は周知していって欲しいと思い、シェアボタンを実装することにした。カラフルなボタンであることと、あまり見られないかもなど、ネガティブな思考もあったけれど、発信するために記述しているのだし、経験値としてもトライすることに。 色々巡って、意外とシンプル 毎度これも、プラグインとかあるけど、ボタン設置するだけなんだし、とシンプルなものを活用させていただいた。   解析も追加 googleさんの解析ツールに投げる方法も。ここで、少し成長wと思ったのは、jsに飛ばすということで、jsを読み込む必要があること。analytics.jsを読みこまないと、ボタンをクリックしても開きません。失敗が活きた、もしくはちょっと成長したと、自分をたまに褒めたい。