design item for blog

Gravatarを利用してコメントにアバターを表示するには

Twitterのアカウントにはプロフィール画像(アイコン)を設定することが基本。Facebookではプロフィール写真と呼ばれますね。TwitterでのツイートもFacebookでのコメントも、常にユーザーID+アイコンとセットにして送信され、表示されます。SNSのどんなサービスを利用してもそうした画像をセットにしたコミュニケーションはあたりまえのことになっていますね。

もっと読む
Step_by_Stepで進めるウェブ技術の習得

WordPress - ブログを読んでくれる方のために

技術面は手探りで進めてきた私のブログ運用 - 結果的にはサイトを立ち上げ、ページをアップしという実現を急いだかなという反省をしつつ、それでも現役のサラリーマンとしての生活と両立させて進めようというのは思っていたより課題も多く、思ったような内容、形にたどり着くには時間がかかってしまうものだと思っています。

もっと読む
secure-sockets-layer

論より証拠?! - 常時 SSL 化 http: → https: を完了してみると…

Chrome ならば「このサイトへの接続は完全には保護されていません」!! Firefox ならば「この接続は安全ではありません」!? ちょっときつすぎる表現のように感じますが、EU で導入されたGDPR(EU一般データ保護規則)と同じ。ユーザーを守ることが大事だという認識に立って、対策が必要だという実感がわきますね。

もっと読む
basic-procedure-to-improve-your-site-function

今さらの常時SSL化 - とっても簡単+ちょっと複雑!?

私はロリポップのユーザーですが、ご存知のようにロリポップには無料でSSL化を支援してくれるサービスがあります。今回私がSSL化に利用したのがこのロリポップの [独自SSL証明書導入] の中の [独自SSL(無料)] 。SSL化に必要な作業は大きく分けて下のような 4 項目(4項目+プラスアルファ)。やってみると分かりますが、最初の3項目にあまり極端なむずかしさはないのかも知れません。

もっと読む
find-your-way-to-go

レンダリングブロックのJetpackのJavaScript - WPtouch Proのモバイルモードから削除できない!?

PageSpeed Insight で見ると「最適化についての提案」に表示される最初の項目が「スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する」というアドバイス。排除するなんていうことができるのでしょうか? 諸先輩のアドバイスを参考に Jetpack の JavaScript は排除できましたが、WPtouch Pro までは手が届きませんでした。

もっと読む
chasing-page-speed

WordPress の絵文字機能 OFF はページの表示速度向上に役立つ?

ページの表示速度を高めるには… と、先輩方の記事やアドバイスを読んでいると、WordPress 4.2 から使えるようになったという絵文字のことがあげられています。絵文字を使わないのならば、それに必要な javascript や CSS を読み込まないようにしてページの表示速度を高めようという内容です。

もっと読む