Header Cleaner:head内を綺麗にすっきりして高速化に挑戦!

プラグイン Head Cleanerをインストールして、設定もやってみた。実は、管理している他のサイトにはインストールしてたのに、なぜか自分のサイトには入れてなかった。
ただし、ちょっと設定を調整しないと、いくつかのプラグインが正常に動かなかったりするのでその辺を覚書き。

Continue Reading

条件付きコメントでIEのバグに対処する。

アイコンフォントを使いサイトの画像を減らしてページ表示速度を上げようと採用したリガチャは他のアイコンフォントと違いIE9以下では表示されないという事で、どんな風に対処しようか、先日から苦悩しています。そんな時、以前メディアクエリ―を実装した時に使った”条件付きコメント”を思い出しましたので確認です。

Continue Reading

アイコンフォントでページの重さを解消!ソーシャルバー作成

気軽に始めたソーシャルボタンアイコンフォント化ですが、思いのほかあっちこっち脱線しつつの実装になってしまい、1日がかりだったのでそのアレコレ。当サイトのページの読み込みがとても遅いのは気付いていて、色々対策はしてみたものの、万策尽きたという感じだった。このページの重さを解消するのが第一目的。頑張る!

Continue Reading

vertical-align:画像(絵文字とか)を文字の位置と合わせるスタイルシート

過去記事を編集してて、文字と文字の間に画像を入れた時に、画像を綺麗におさめるために書いたCSS。
もしかしたら、需要があるかと思い書き残しとこうと思います。画像周りのCSSについては沢山の解説があります。
ご自分の環境に合わせて色々試して見ることがいちばんですよね、勉強のためにも。

Continue Reading

投稿の追記をちょっとだけ目立たせてみた。

過去記事やら関連記事やらモロモロをサイドバーや記事下に表示するようになってやたらと前の投稿を編集することが多くなった。だけど、そういうのに限って、いまだに結構なアクセスがあったりして恐縮。なので、昔の記事に追記したときその箇所をわかりやすくしたほうがいいなと思ってやったことを残しておこうと思います。

Continue Reading

サイト内の昔の記事にリンクを簡単にかつカッコよくアイキャッチ付きで表示するショートコード

投稿作成時に、過去の自分の記事にリンクをはることってよくあると思います。今までは、文字だけのリンクでしたが、このリンクをもっとカッコよくスマートに表示したいと模索して試行錯誤した経緯です。エラーや挫折を繰り返し乗り越えた栄光と歓喜の物語(* ̄m ̄)プッ

Continue Reading