サイトをモバイルフレンドリーにするためには

おはようございます。

梅雨入りになり毎日じめじめと湿気に悩まされています(*_*;

以前の記事に書いたワードプレスのサイトにアナリティクスのコードを貼るというのを完了して順調にデータを見ていますが

なかなか、新しいサイトなので集客は(;^_^A ｱｾｱｾ･・でも、リアルタイムで自分のサイトに訪れている状態を見るのは楽しいですね。

地域も設定できて、今、何処から、パソコンか？モバイルか？等々いろんな情報が見れるのはすごいです。

2003年に開設した「しゅみのきもの」サイトhttp://www010.upp.so-net.ne.jp/sayo50/を五年ほど放置していたので、

そんなことをすっかり忘れていました。

しゅみのきもの、サイトにはアナリティクスは全頁に貼っていたんです。すごい数のページです、よくやったなと(笑)

もちろんアドセンスも。。。でもサイト更新されていないとロボットさんが巡回していて

グーグルさんは放置されたサイトってすぐわかるのですよね、検索順位も格段に落ちていて、収益も集客も減ってしまって(;^_^A ｱｾｱｾ･・

現在は、必死で毎日更新しています。

そして、この数年でパソコンからモバイルに流れて私のサイトも70％がモバイルからなので。。。

トップページをモバイル使用に変えないといけないなぁっと思っていましたから。

トップページは、無料のテンプレートを使っていました。

そのテンプレートは、↓　こちらからお借りして、ページの一番下にページの下部（フッター）にあるこの文字が入っていて

消したらいけませんよの条件で「当サイトの著作権テキストは削除しないで下さい。

表示の削除をご希望される場合は 著作権テキスト削除サービスをご検討くださいませ。」

無料でお借りしたものでしたが。。現在はサイトがありませんでした。

Template design by Nikukyu-Punch

現在は、レスポンシブ Web デザインの無料テンプレートをと思い、

探してdesign by tempnateさんのテンプレートを設定していたのですが。。。

やっと完成して

インターネットエクスプローラーでトップページを見ると完璧かっこいいサイトになっていて

グーグルクロムで見るとトップページはテーブルタグがガタガタ！？

携帯で見るとやっぱりガタガタです(*´；ェ；｀*) うぅ

一番苦労したのが、全てのデザインを決める重要なスタイルシートのファイルです。

以前のファイルがサーバー側に残っていて、新しく入れたスタイルシート。。。等など。

そして、エクスプローラーの完成したカッコいいトップ画面をモバイル フレンドリーですか？

のテストをやってみると全然ダメでした(x_x；)苦労したのに。

試してみたい方は、こちらから　　↓

あなたのウェブページはモバイル フレンドリーですか？

結論から言いますと、もう、テンプレートをやめて自分でタグを組んでトップページを作ったら

なんと。。。いけました。。。(#^.^#)　このページはモバイル フレンドリーです

このページは、モバイル端末での使い勝手に優れています　　と出たので感動。(笑)

最初から自分でやれば良かったです。でも、カッコいいページではありません。

文字を大きくしたり文字数を減らしたり、画像もリンクもスペースを開けたり

しゅみのきもの、サイトは着物の着付け方や帯の結び方などを写真と文字で説明しているので

なかなか難しいものもあって苦労しています。

長い文章を読んでいただいてありがとうございました。

この記事の続きを読むはコチラから…

ワードプレスにアナリティクスコードを貼るためFTPソフトでサーバー側に送る

今回は、エラー続きでちょっと苦戦したので。。。

こんなエラー

「致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。

SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードする必要があります。」

新しいサイトにワードプレスのサイト4.9.5に直接アナリティクスコードを貼り付けようとしたのですがエラーがでたので仕方がない。

私は、全部この方法で書き換えました。

ワードプレスのサイト4.9.5にアナリティクスコードを貼るためにFTPソフト（私のソフトはFFFTP）です。

で、サーバー側にアップロード！送る方法を今後の自分のために記録しておこうかと思います。

私のFTPソフトの中左側のローカルＰＣの中　と　右側のロリポップのサーバー側です＾＾

C:\ロリポップ\私のサイトのフォルダ\wp-content\themes\twentyseventeen

（header.php）を探してみる、あるある(#^.^#)

ロリポップのサーバー側を開いてみると　右側、フォルダを一つずつ開いて

/サイトのフォルダ/wp-content/themes/twentyseventeen

の中にある（header.php）を探して、これをダウンロードして

私のパソコンの中のローカル側の古い（header.php）を先に書き換えてから

（header.php）を開いて！アナリティクスの（グーグルアナリティクスに登録して発行してもらった

トラッキング IDのタグ）を貼りつける。

後は、これをサーバー側にアップロードする。

（これは、自分でＰＣにワードプレスをインストールした場合で。。。）

（ロリポップのサーバー側でワードプレスを簡単インストールした場合は、

FTPソフトでただＰＣ側にダウンロードしてタグを貼り付けて、サーバー側に送るアップロードするだけです）

念のため確認は！

ワードプレスのサイト　外観からテーマ、テーマ編集、右側のテーマ、（header.php）を開いて実際にタグの中の＜/head＞の直前に貼れているのかどうか？！！

何度やっても、ワードプレスのサイトでタグを貼り付けてもエラーメッセージで貼り付けられなかったのが。。。

この方法だと。

ローカルでファイルを書き換えてFTPソフトでロリポップのサーバーにちゃんとアップロードできていたのですね(#^.^#)

確認しました、ありました！！

外観からテーマ、テーマ編集、右側のテーマ、（header.php）を開いて実際にタグの中の＜/head＞の直前に貼る！！

ちなみに　苦労してアナリティクスのタグを貼ったサイトです

　　　こちら　　↓

きものデビューnavi

ワードプレスのサイトにアナリティクスコード貼りました2

おはようございます

ワードプレスのサイトにアナリティクスコードをなかなか貼れずに苦戦しておりましたが

おかげさまで上手く行ったようです(#^.^#)動いています♬

まず原因は、私のサイト　きものデビューnaviは、ワードプレスをインストールしたのが2013年なので古いバージョン3.5！

そして、最近ワードプレスのサイトから4.9.5にバージョンアップしたのが原因でした。

なので、ロリポップのサーバー側を開いてみると新しいバージョンになっていて私のパソコンの中のローカルには2013年のままで。。。

FTPソフトでロリポップ側の（header.php）をダウンロードしてローカルフォルダの中にある古いファイルを新しく書き換え

開いてアナリティクスの（グーグルアナリティクスに登録して発行してもらったトラッキング IDのタグ）を貼りつけると

動き出しました(#^.^#)/

念のため確認は！

ワードプレスのサイト　外観からテーマ、テーマ編集、右側のテーマ、（header.php）を開いて実際にタグの中の＜/head＞の直前に貼れているのかどうか？！！

確認しました、ありました！！

ローカルでメモ帳で、ファイルを書き換えてFTPソフトでロリポップのサーバーにちゃんとアップロードできていたのですね(#^.^#)

後のサイト三つありますが全部新しいバージョン4.9.5なのでこんなややこしい手間はかからないと思います(;^_^A ｱｾｱｾ･・

外観からテーマ、テーマ編集、右側のテーマ、（header.php）を開いて実際にタグの中の＜/head＞の直前に貼る！！

ちなみに　苦労してアナリティクスのタグを貼ったサイトです

　　　こちら　　↓

　きものデビューnavi

と、まあここまでが昨日の記事でした。その続きがこれから書きますが。。。

後の三つのワードプレスのサイト、全部新しいバージョンにしているので簡単だと思って

普通に、外観からテーマ、テーマ編集、右側のテーマ、（header.php）を開いて実際にタグの中の＜/head＞の直前に貼る！！

って簡単に考えてやってみました！

でも、やっぱり

致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。

SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードする必要があります。

新しいバージョン4.9.5なのにですよ(;^_^A ｱｾｱｾ･・そこで私ググってみました。

あるわあるわ、他の人もこのバージョンでこのエラーが出て困っていらっしゃる方がいました。

なので、昨日やったやり方で手間でしたがFTPソフトを使って書き換えてサーバー側に送ったら解決しました。

あぁ。。。疲れた。

この記事の続きを読むはコチラから…