はてなブックマーク

折角スタイルシートで設定していても、 iOsデバイスで見ると勝手に角丸になってしまうのでなんとかしたいということで検索してみた。 スタイルシートを追加 ねこもりやの場合は、角丸ゼロにしたいので、以下の様にスタイルシートに追加しました。 input[type="button"],,input[type="text"]input[type="submit"] { -webkit-appearance: none; border-radius: 0; } 角丸の角度を調整したい時は input[type="button"],,input[type="text"]input[type="submit"] { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-appearance: non

いつも頭を悩ますIE表示への対応。 先日もうっかりアイコンフォントの対応を忘れててとんでもない表示になってたことが。 IEへの対応が抜けていました、、アイコンフォントをIEでも表示させるために追加したCSS なんてことでしょう！ 自分がインターネットエクスプローラーを使わないとはいえ、仕事だったらこんなミスは・・・っていうか、手抜きはしないと思うけど。 IE（インターネットエクスプローラー）でのアイコンフォント（合字）の対応が抜けて more... リガチャが表示されないIEへの対処をやっと。 リガチャのInternetExplore（インターネットエクスプローラー）への対応をどうしようか悩んでおりましたが、いずれ対応することを願って、先日確認した”条件付きコメント”を使って、IE以外とIEでHTMLを分岐させました。 IE more... なんせ重いし、エラーで開けない、強制終了多発・・

なんてことでしょう！ 自分がインターネットエクスプローラーを使わないとはいえ、仕事だったらこんなミスは・・・っていうか、手抜きはしないと思うけど。 IE（インターネットエクスプローラー）でのアイコンフォント（合字）の対応が抜けてたーーー！ ふと、何の気なしに立ち上げたIE・・・ きっと、虫の知らせだね。 アイコンフォントでページの重さを解消！ソーシャルバー作成 なんだか巷で話題のアイコンフォントを使ってみました。 きっかけは、いつも参考にさせていただいているウェブシュフさんの以下の記事。 【WordPress高速化日記】アイコン画像を全てアイコンフォントにした 【WordPr more... ただし、IE9以下では（WindowsXPの方はほとんどIE9以下でしょう）、下図の様に表示されてしまいます。 もし、IE10以上なのに、ご覧のページでページ上に「home」とか「twitter」とか

一年前との比較。 ブログの大改造を始めたのが今年の9月。 SEOに強いと話題のWordpressテーマ「SEO対策に強い無料WordPressテーマ「Stinger」」と、その作者さんおすすめ情報ブログ ENJILOG（エンジログ）のエントリー「ブログで稼ぐ | 今月50万超えた報告も兼ねて」を読んだのがきっかけ。 ブログでそう稼げるとは思わないけども、このエントリーのおかげでねこもりやのエントリーは、あまりにも独りよがりだったという事には気づいた。 勿論、通常の日記部分はそれでいいんだけど、仕事の延長で書いてる記事はもしかしたら誰かの役に立つかもしれない。 それなら、きちんと読みやすい記事にしなくちゃいけないなと思ったし。 気づいた自分、偉い！ 「Stinger」は、一時は乗り換えようかと思ったぐらい素晴らしいテーマなんだけど、いかんせん自前のテーマのfunctions.phpに色々書い

随分前に書いたWordPressプラグインなしでページ送り（ナビゲーション）覚書 、沢山読んでいただいてるようでありがとうございます。 ほんとに、覚え書きとか書いておきながら、自分でも忘れてたくらい昔の投稿です。 WordPressプラグインなしでページ送り（ナビゲーション）覚書 プラグインを使わずナビゲーションを実装♪ ステキ！ こちらがわかりやすく CSSもつけてくださってます。 ありがたや～、ありがたや。 こんなかんじ。 search.phpやarchive.phpなどのページナビを入れ more... 当時は、これで十分でしたけど、近頃はちょっと知恵をつけまして、ちょっと違う実装の方法をしています。 せっかく、いらしていただいてるので、是非こちらもご紹介しておこうと思った次第です。 プラグインなしでページ送りを付ける WordPressには、ページ送りを実装する、とてもポピュラーな

先日、Googleカスタム検索を導入してみた。 なぜ、あえて導入してみようかと思ったかと言うと、 一番は検索結果の柔軟さ。 デフォルトのWordpressの検索機能は、 例えば、「ぴぐもん」を検索したら「ピグモン」は表示されない。だけどGoogleカスタム検索なら「ぴぐもん」で検索したら「ピグモン」はいかが？みたいなことも提示してくれるし、画像検索だってできる。 で、今回も導入手順やつまづいたことを書き残しとこうと思います。 目指す導入後のカタチ 導入手順 カスタム検索エンジンにログインする。 右上の「カスタム検索エンジンログイン」をクリック。 ※もし、GoogleID持ってない場合は取得するところから始めてくださいな。 新しい検索エンジンの作成 検索するサイトに”http://”以下のドメインを入力。 言語を”日本語”にして「作成」をクリック。 基本的な設定 ”検索エンジン名”はそのまま

なんだか巷で話題のアイコンフォントを使ってみました。 きっかけは、いつも参考にさせていただいているウェブシュフさんの以下の記事。 しかしながら、気軽に始めたソーシャルボタンアイコンフォント化ですが、思いのほかあっちこっち脱線しつつの実装になってしまい、1日がかりだったのでそのアレコレをまたもや書こうと思います。 目的 当サイトのページの読み込みがとても遅いのは気付いていて、色々対策はしてみたものの、万策尽きたという感じだった。 PageSpeed Insightsでの数値も惨憺たるもので、SEO的にもユーザビリティ的にも絶対NGだと思うのでこのページの重さを解消するのが第一目的です！頑張る！ アイコンフォントってなんだ？ そこで、なにか他にできることは無いかと思っている時に、アイコンフォントの事をウェブシュフさんの記事で知り、色々調べてみた。 アイコンフォントは色々あるみたいでしたが、使い