CSSでちょっとした小技をご紹介します。
出来ないかなと思って探してみたら、あるんですね！
ワードプレスのSSL対応（リダイレクトさせたい時は…）
7月24日予定ののアップデート以降、google ChromeがSSL対応していないサイトに対して警告を出すようになりますね。
非SSLサイトだと、ブラウザ画面上部のURLバーに「保護されていません」とはっきり表示されてしまいます。
レンタルサーバーでも無料SSL利用可能なサーバーも増えてきて、一気にSSL化が進んでいるようです。
そんな流れの中、以前ワードプレスで作成したサイトでも、SSL対応を行ったりしているのですが、WPサイトの場合、htaccessを使ってリダイレクトをかけようとすると、中ページがうまくリダイレクトしてくれない場合があります。
モバイルファーストインデックス
Googleが発表したモバイルファーストインデックス（MFI）とはこれまで、パソコンサイトを軸にインデックスされていたものが、モバイルサイトをメインにインデックスし、検索に表示させるというもの。
ウェブマスター向け公式ブログはこちら
https://webmaster-ja.googleblog.com/2018/03/rolling-out-mobile-first-indexing.html
つまり、簡単に説明すると、
パソコン対応しかしていないWebサイトは、検索に非常に不利にはたらくというもの。
これは、スマートフォンやタブレット端末から閲覧するユーザーが
パソコンから検索する比率を超えたのが対応の原因です。
まだ、スマートフォン対応されていない企業様や、ショップサイトなどは対応をお考えください。
ちなみに、以下のサイトでモバイルに適しているかが判別できます。
モバイルフレンドリーテスト
https://search.google.com/test/mobile-friendly
cssだけでタブ切り替えを設定したい
サイトでもよく見かけるタブ切り替え。
JavaScriptを使えばそれほど苦もなく実装できる仕様ですが…。
大丈夫です、CSSだけでタブ切り替えを実装する事ができますよ。
特定の画像にだけCSSを適用したい
cssを調整している時に、特定の画像にだけcssでサイズ等を調整したい、という状況が…！
“特定の画像にだけCSSを適用したい” の続きを読む
CSSだけで流れるテキストを実装してみた
その昔…「marquee」というHTMLがありました。
このタグを使うと、さながら電光掲示板のように、流れるテキストを実装できたのですが。
このタグは「Internet Explorer」の独自要素で、現在は非推奨のタグです。
HTML5では廃止されゆくタグなのですが、流れるテキストはたまに要望があります。
JavaScriptでもありますけど、今回はこれもCSSで実装してみました。
CSS3は便利なのです。
PDFの「文章のプロパティ」って、意外と大事だと思う
ホームページなどでは、よくPDFで書類をダウンロードできたり、チラシなどを見せたりしていますよね。
そんな時に、ちょっとだけ気にしておくといいかもしれない事をご紹介します。
「お使いのサーバーの PHP では WordPress に必要な MySQL 拡張を利用できないようです」と言われた！？
いつも通りに、使い慣れたSIXCOREさんのサーバーにワードプレス（ver.4.9.4）を設置しようとしたら、突如上記タイトルのお言葉を賜ってしまいました。
あれ、いつもこんな事にならないのに、PHPのバージョンも最新（PHP7.1.2）に上げたのに…
“「お使いのサーバーの PHP では WordPress に必要な MySQL 拡張を利用できないようです」と言われた！？” の続きを読む
「.DS_Store」ってナニモノ？！
ある日、いつものようにWEBサーバーにhtmlなどのファイルをアップしようとアクセスしてみたら…
サーバーに何か見た事のないファイルが…
ウイルス？何か良からぬファイルがアップされていたのか？！
…結論から言えば、全然そんな事はなかったですが。
パララックスを簡単に実装したい
最近ではすっかり馴染みのあるパララックス効果ですが、今はとにかく簡単に実装する事ができるんですね。
とにかく簡単、これ大事です。作業効率アップ万歳！
…はしゃぎすぎましたね。
とにかく、これも便利ですので、ご紹介します。