WordPress管理画面から簡単にファビコンを設置できるプラグインが All in one Favicon です。
All in one Favicon を使ってアップロードできる画像のフォーマットは「ICO」「PNG」「GIF」「Apple Touth Icon」の4種類で、フロント画面と管理画面で別のファビコンを指定することも可能です。
続きを読む
CSS の要素の切り抜き領域を指定するプロパティ clip
を使えば、画像を切り抜き表示させることができます。
デザインに合わせて長方形の画像を正方形にマスクする必要がある場合などに使えます。
続きを読む
2カラムのサイトを構築する上で、高さの異なる要素(サイドメニューとコンテンツ部)をfloat で隣合わせた時に「高さを揃える」方法のご紹介です。
続きを読む
Bootstrap のモーダル機能ベースの「Bootstrap Lightbox」は、画像をクリックしてオーバーレイで拡大表示させるシンプルなLightbox 系プラグインです。
Colorbox や Fancybox のようにあれもこれも出来るという訳ではなさそうですが、今後使う可能性もあるので簡単に設置方法をまとめました。
続きを読む
「ブルートフォースアタック」なる言葉が頻繁に飛び交っていますが、WordPressのユーザ名「admin」を狙った大規模な攻撃がニュースになっています。
「admin」という推測されやすいユーザー名を利用していると、サイトを無理矢理こじ開けられるリスクも高くなるようなので、ユーザー名に「admin」を使っている方は adminではない別のユーザー名に変更するなど、セキュリティ対策は是非行っておいた方が良いでしょう。
続きを読む
iPhone、Android のアプリやスマホサイト向けに「どのサイズのアイコン画像を用意すれば良いのか?」を調べていると、各ブログで色々紹介されていましたので備忘録としてまとめました。
続きを読む
はてブで人気の記事を自分のブログに一覧として表示する方法が紹介されていました。
記事のタイトルとブックマーク数をリスト形式で出力する方法です。
続きを読む
WordPress で画像をアップロードして記事に挿入する際に、img タグに自動で引っ付いてくる width と height を表示させない方法が紹介されていましたので実践してみました。
当ブログもスマホやタブレット向けに最適化して表示していますので、width、height の記述は手動で消していることもありましたが、この方法を使うと作業が捗りそうです。
続きを読む
以前に [CSS]CSS3 のborder-radius で角丸を作る方法の記事でも border-radius
の基本的な使い方を紹介させていただきましたが、今回は「画像の四隅を角丸」にして表示させる方法のご紹介です。
続きを読む
jQuery を利用して、ブラウザを一定量スクロールさせることで非表示だったボタンなどの要素を表示させる方法です。
例えば、普段は「ページの先頭へ」のボタンは非表示にしておき、ページを一定量スクロールさせることで、ぼんやりボタンを出現させる、という処理です。
続きを読む
「WordPressの記事のタイトルが長すぎて、フロント画面で見るとデザインが崩れて困ってしまう…」
なんてことが稀にありますが、the_title() で出力されるタイトルに表示制限をかける方法をまとめました。
「funtions.php で制御する」方法と、「テーマファイル側でタイトルの文字数を表示制限する」方法の2種類あります。
続きを読む
スマホサイトでリンクをタップすると、iPhone(iOS)ならリンク周りにグレーの影が、Android であればリンクの周りにオレンジの枠 が表示されると思います。
このグレーの影やオレンジの枠(ハイライト表示)をCSS の -webkit-tap-highlight-color
で無効にしたり、ハイライトカラーを変更する方法をまとめました。
続きを読む
Google のウェブマスターツール を使っているとたま〜に目にする英語のメッセージ。
突然やって来ることもあるので焦ってしまいますが、どんな意味のメッセージなのか?も含めて備忘録としてまとめました。
続きを読む