ホームページ 一覧

googlemap apiを使ってサービスエリアみたいに範囲を表示させることができるんですって。

 

実際やってみました。

参考サイト:http://www.nanchatte.com/map/circle-v3.html

https://developers.google.com/maps/documentation/javascript/shapes?hl=ja

上記のとおりにやればできます。

 

下記は名古屋駅を中心に半径30kmを設定した円です。


 

ちなみに、ヘッダーにAPIキーを入れないと動きませんでした。(検証環境のWordpressでは貼り付けただけで動作したんですけどね)

サイトを作成していて、ハマった事です。

 

疑似要素で、メニューの頭にアイコンを付けたかったので、Webフォント【Font Awesome 5 free】を使用してやってみた!

Font Awesome 5の設定方法は、ここを見るとわかりやすいです。

https://saruwakakun.com/html-css/basic/font-awesome#section4

 

やったけど、表示されない!? なぜ???~ってググってたら行き着いたところは、

https://blog.6ix.jp/2018/02/font-awesome-5-font-weight-900/

 

 

cssで、font-weightを設定しないとダメって事らしい。英語が苦手だけど、確かに書いてあった

https://fontawesome.com/how-to-use/web-fonts-with-css#styles-and-prefixes

 

solidなり、regurarなりで、font-weightが決まっているんだって・・・・・

 

 

1.SSLにする為に、各レンタルサーバへの申請

これは利用しているレンタルサーバに問い合わせてもらうとして、その後ですが、常時SSLにアクセスしてもらう為に、色々する必要があります。

 

2.Wordoress設定内のサイトアドレスを、httsに変更する。

これは、当たり前ですが、これで終わってしまったお客様もいて、そうすると、httpでアクセスしてくる方はそのままhttpになり、httpsのアドレスにアクセスできない事になります。

 

その為、httpでアクセスしてきても、httpsにリダイレクトをする為に設定も必要となります。

 

 

3.リダイレクト

下記を参照に、.htaccessを書き換えます。

httpからhttpsに.htaccessを使ってリダイレクトさせる方法

 

ほぼこの通りにできます。ただ、現在すでに動作しているサイトでは、301のやり方にした方がよいでしょう。

 

だいたい301でリダイレクトって何?というのは、下記のサイトを参照してください。

https://www.seohacks.net/basic/terms/301_redirect/

 

 

4.画像、背景、その為パスが、フルパスで記載してあるものを、個別に修正又は、『Search Regex』で、一括変換

この上でさらに、Wordpress上で、フルパスで記載してある、画像や、パスがあると思いますが、それらを個別に設定する必要があります。画像等のパスは、『Search Regex』プラグインの導入で、httpからhttpsに一挙にパスを変更する事ができます。

参考:https://osusume-houhou.com/search-regex-how-to-globally-replace-the-image-url-to-https-from-http/

 

パスの置換をする際に必ず気をつけなくてはならないのが、ドメインまでしっかりと指定する事です。私のサイトを例にした場合は、

Search pattern            http://www.hori-tec.net

Replace pattern          https://www.hori-tec.net

 

という風に記載します。これでも、まだできない箇所は、個々に修正します。

 

上記のリンク先の、記事を書いてくださった方ありがとうございます。ここまで詳しく書いてくださって頭が下がります、

すごく単純な話でしたが、リダイレクト設定を忘れていた為、httpでアクセスができるままになっていた・・・・

 

恥ずかしい・・・・・・

 

htaccssに下記を追懐(<IfModule mod_rewrite.c>の記載がない人は、下記を振るに追記する。海底ある人は、<IfModule mod_rewrite.c>が書いてある人は、必要な2行だけをコピー)

 

 

こんな感じで、リダイレクトされるようになりました

 

SSL化 本当に完了

サイトでいうと、アフィリエイト系のリンク先が、SSLになっていなかったのですが、確認した所、SSLに対応している部分もあったので、そこに変更。

 

それと、CMS内で、置換できるツールがあったので、ブログの添付に画像はそれで、一気にパスを、httpsに書き換えて、ほぼ終了。

 

Chromeでも、ほぼ警告がでなくなったので、よいと思う。

 

と言っても一部SSLに関係ない所で、問題を見つけたので、その修正は必要な感じです。

今年の7月から、GoogleChromeが、SSL化していないサイトは、危険と警告を出す事になったしまったので、自分のサイトもSSL化。

https://gigazine.net/news/20180209-chrome-http-site-not-secure/

 

と言っても、こんなこともしているよと、宣伝の為に、サイドバーに設定してある、アフィリエイトのリンクの画像がSSLになっていない為、混在環境になっている・・・・(-_-;)

 

早く、何とかしてくれないかな・・・・・・

 

 

最近、お客様に自分のドメイン直下に、安くブログを構築して!!

 

って依頼がありました。

 

そこで、安くやる為に、既存のテーマを元に、子テーマで改造して、作る事にしたのですが、これツカエル!!ってあったテーマを紹介します。

 

Luxeritasというテーマです。私が考える内部SEO対策とは違うのですが、プラグインのAll in One SEOに近い考え方ので、子テーマで色々できる事も含めてこれにしました。

 

なるべく安くって事だったので、ブログの方は、CSSと、写真の編集、吹き出しみたいな感じで、ブログで書けるように、function.phpを追記って感じの事を子テーマに適用しました。

(Wordpressは太字がstrongタグになる為、お客様がそんなことはわからない方々でしたので、太字を使うとSEO上あまりよろしくない為、太字がbタグになるようにも変えました。)

 

それがこちらです。もしよければ読んであげてください。

 

http://www.aoi-kaigo.co.jp/diary/

 

 

自分のホームページは、自分が思っている内部SEO対策も含めて細かくやろうと思っています。

 

PHPが、まだ完全に理解しきれていないので、難しいですが、なるべく早めに上げたいと思います。

久々すぎる更新!!

 

 

表題のとおり、2Mぐらいの画像をアップロードしようと思ったら、できない・・・・・

php.iniや、htaccessで、設定してあるはずなのに、1M以上のファイルがアップロードできない・・・・

WordPressの最大アップロードファイルサイズを変更する方法

 

 

なぜ~~~~???

 

 

結論はすごく単純な事だったのですが、Wordpressをマルチサイト化したら、デフォルトそうなってしまうようです。

 

マルチサイト化したサイトのダッシュボード内の、設定→サイトネットワーク設定 の下部にこんな項目が

SnapCrab_18-1-19_10-11-29_No-00.png

 

アップロードのファイルサイズを、今回は、3Mに、サイトのアップロード容量も、100Mしかなかったので、2Gに変更って感じにして解決

#text は、「空白のみのテキストノード」ってやつですが、HTMLで、

<div id="title">

<div class="hoge00">aaaaa</div>

<div class="hoge01">bbbbb</div>

<div class="hoge02">ccccc</div>

</div>

としたときに、ブラウザ上では、下記ように空行が入ってしまいました。

aaaaa

(←ここに空行がはいる)

bbbbb

(←ここに空行がはいる)

ccccc

 

これが、単純な話ですが、<div class=~~~~>の前に、思わず、半角スペースをいれてしまうという超初歩的なミス・・・・・・

それを、コピーして使ったから、全部に空行がはいってしまった(-_-;)

 

半角スペースを消して、TABに修正して 無事 空行が消えました。

 

何やってんだか・・・・って思いましたが、忘れないように、恥をさらすようですが、ブログに記載してしまいました。

 

最近、お客様のサイトで、宣伝を強くするために、キャンペーン用の項目を追加しました。

 

Movabale Typeで、作成したものでしたが、色々やり方はあるとは思いますが、キャンペン用のウィジェットを作成して、それを、トップページに組み込む形にしました。

 

通常のWebページを作成した際に、タグにたとえば「キャンペーン」っていれると、トップページに、繁栄されるようにしました。Webページの自動更新が表示されるところを作成してあるので、キャンペーン更新ってちゃんと自動で出るようにもしました。

 

ただ、この時に、少し失敗してアホみたいなことで、1週間ばかりかかってしまったのですが、ただ単に構造を作成する際に、<div>で囲むところを間違えるという、大変恥ずかしいミスを・・・・・

 

けど、これを見つけるまで、構造をすべてなめつくさないとわからなかったんですよ・・・・(;_:)

 

見た目は問題ないけど、構造的にミスがある時は中々気遣いもんですね・・・・(ただ、単にスキルの問題と集中力の問題だと思いますが・・・・)

このページの上部へ

ネットワーク、パソコン サーバ設定

ネットワーク構築ホリテック

 

紆余曲折しながら、独立して中小企業様向けのネットワーク構築
保守、パソコン サーバ、設定運用管理を行っています。ホームページの作成も行っています

ホームページ

 

facebook

 

 

 

 

Microsoft Public Affiliate Program (JP)(マイクロソフトアフィリエイトプログラム)

 

Microsoft Public Affiliate Program (JP)

サイト内検索

最近のピクチャ

  • yyyy-m-d_h-n-s_28o-00.png
  • maltipointtonnel_kensyo.png