WordPress [WordPress]target=”_blank”の外部リンクにアイコンを自動付与できるプラグインWP External Links
WordPressでブログを書く上で、参考ページとして外部サイトにリンクを貼るケースは多いと思いますが、「ユーザーにそのリンク先が外部サイトである」ことをお知らせできるプラグインがWP External Linksです。 WP Extern...
WordPress 
HTML [CSS]floatで並べた2つの要素の高さを揃える方法
2カラムのサイトを構築する上で、高さの異なる要素（サイドメニューとコンテンツ部）をfloatで隣合わせた時に「高さを揃える」方法のご紹介です。 floatで要素を並べた場合 左サイドメニューを置いた2カラム型のサイトで、このようなレイアウト...
Bootstrap [Bootstrap]LightboxプラグインBootstrap Lightboxの使い方
Bootstrapのモーダル機能ベースのBootstrap Lightboxは、画像をクリックしてオーバーレイで拡大表示させるシンプルなLightbox系プラグインです。 ColorboxやFancyboxのようにあれもこれも出来るという訳...
WordPress [WP]WordPressでログインユーザー名をadminから別の名前に変更する方法
「ブルートフォースアタック」なる言葉が頻繁に飛び交っていますが、WordPressのユーザ名「admin」を狙った大規模な攻撃がニュースになっています。 「admin」という推測されやすいユーザー名を利用していると、サイトを無理矢理こじ開け...
スマフォ・iPhone iPhone、iPad、Androidアプリのアイコン画像サイズのまとめ
iPhone、Androidのアプリやスマホサイト向けに「どのサイズのアイコン画像を用意すれば良いのか？」 色々調べていると、各ブログで色々紹介されていましたので備忘録としてまとめました。 iPhone のアイコンサイズ 57 × 57ホー...
WordPress [WordPress]ログインに失敗したらロックアウトするプラグインSimple Login LockdownとLimit Login Attemptsの比較
ブルートフォースアタックの記事を頻繁に目にするようになりましたので、今回は不正アクセス対策用のWordPressプラグインを少しばかりご紹介。 「adminという名前のユーザーをやめる」「パスワードは推測されにくいモノとし、且つ定期的に変更...
WordPress [WordPress]admin名の管理者権限を別のユーザーに変更（移行）する方法
先日、全世界のWordPressサイトに大規模攻撃; デフォルトのアドミンユーザ名'admin'がねらわれているの記事が公開されましたが、ユーザー名を adminのまま利用しているWordPressのサイトがなぜ危険か？？について、改めて思...
Javascript・jQuery [jQuery]はてなブックマーク数が多い順に記事を一覧で出力する方法
はてブで人気の記事を自分のブログに一覧として表示する方法が紹介されていました。 記事のタイトルとブックマーク数をリスト形式で出力する方法です。 はてブでの人気記事一覧を作るJavascriptファイル ウェブル 様で公開されているコードの中...
WordPress [WP]WordPressで画像の挿入時にwidthとheightを表示させない方法
WordPressで画像をアップロードして記事に挿入する際に、imgタグに自動で引っ付いてくるwidthとheightを表示させない方法が紹介されていましたので実践してみました。 当ブログもスマホやタブレット向けに最適化して表示していますの...
CSSプロパティ [CSS]imgタグの画像をborder-radiusで角丸にして表示する方法
以前にCSS3 のborder-radius で角丸を作る方法の記事でもborder-radiusの基本的な使い方を紹介させていただきましたが、今回は「画像の四隅を角丸」にして表示させる方法のご紹介です。 画像を角丸で表示させる <img>...
Javascript・jQuery [JS]ブラウザを一定量スクロールさせるとボタンを表示させて固定させるカスタマイズ
jQueryを利用して、ブラウザを一定量スクロールさせることで非表示だったボタンなどの要素を表示させる方法です。 例えば、普段は「ページの先頭へ」のボタンは非表示にしておき、ページを一定量スクロールさせることで、ぼんやりボタンを出現させる、...
WordPress [WordPress]新着記事にNEWを付ける方法とプラグインWhat’s New Generatorのご紹介
企業サイトをWordPressで構築する時には、トップページにブログやお知らせを○件表示させる処理を行うことが多いのですが、「最新の記事にはNEW マークを表示させる」という処理も合わせていれることが多いですので、 今回はWordPress...
WordPress [WP]WordPressのタイトルの表示文字数を制限する方法
「WordPressの記事のタイトルが長すぎて、フロント画面で見るとデザインが崩れて困ってしまう…」 なんてことが稀にありますが、the_title()で出力されるタイトルに表示制限をかける方法をまとめました。 「functions.php...
WordPress [WP]jQueryでツイート数、いいね数などを取得して、WordPressの記事別に設置する方法
jQuery で Twitter のツイート数や、Facbeook のいいね数を表示する方法が人力検索はてなに掲載されていたので、これに「はてブ」も加えて、WordPressの記事毎にjQueryでSNSのカウント数（いいね数やツイート数な...
CSSスニペット [スマホ]iOSやAndroidでリンクタップ時のハイライト表示を変更する方法
スマホサイトでリンクをタップすると、iPhone（iOS）ならリンク周りにグレーの影が、Androidであればリンクの周りにオレンジの枠が表示されると思います。 このグレーの影やオレンジの枠（ハイライト表示）をCSSの-webkit-tap...
WordPress [WordPress]functions.phpをカスタマイズしてカスタム投稿を使えるようにする方法
通常、WordPressはインストールしたばかりだと、記事を投稿できるメニューは「投稿」や「固定ページ」しかありませんが、今回紹介させていただくようなfunctions.php をゴニョゴニョする方法、またはプラグインによりカスタム投稿タイ...
Google [Google]ウェブマスターツールで目にするアラートなどのメッセージのまとめ
Googleのウェブマスターツールを使っているとたまに目にする英語のメッセージ。 突然やって来ることもあるので焦ってしまいますが、どんな意味のメッセージなのか？も含めて備忘録としてまとめました。 あと日本語で飛んでくるメッセージも幾つかあり...
WEBサービス FacebookやTwitterなどのロゴ画像がベクトルデータでダウンロードできる LogoEPS
LogoEPSというサイトには、FacebookやTwitter、Google、Youtube、Appleなどの有名企業やサービスのロゴ画像が大量に掲載されており、それらロゴ画像がAI形式や、EPS形式などのベクトルデータでダウンロードする...
jQueryプラグイン・ライブラリ [JS]IEでもCSS3のMedia Queriesを対応させるスクリプトcss3-mediaqueries.js
なんて素敵なスクリプト!さすがGoogle先生!!! 最近はレスポンシブWEBデザインのサイトも増えてきましたので、ブラウザの幅やデバイスによってサイトの見せ方を変える必要もあるんです。 例えば、一見普通のPCサイトと思いきや、ブラウザの幅...
WordPress [WP]ログインフォームをメンテナンス画面として使用できるプラグイン「Maintenance by fruitfulcode」
公開前や改修中のページを見られたはマズい…なんて時に、サイトへアクセスしたユーザーに「ただ今メンテナンス中です」のメッセージを表示させることも多いと思います。 WordPressの場合、メンテナンスページの設定管理ができる「Maintena...
CSSスニペット [CSS]マウスでドラッグした際の文字を選択範囲の色（ハイライトカラー）を変更する方法
マウスカーソルでテキストをグイーッとなぞると、選択範囲がハイライト表示されます。 通常、この選択範囲のハイライトカラーは青色で、たまにピンクや赤色などになっているサイトやを見かけますが、CSS3の擬似要素selectionを用いることでこの...
jQueryプラグイン・ライブラリ [JS]IEでもプレースホルダを利用できるjQueryプラグインjQuery ah-placeholder
HTML5で強化されたformのplaceholder属性は、javascriptを使わなくてもプレースホルダを使える優れものですが、これがやっぱりIEには対応していないです。 placeholderのIE対応となると、何だかんだでjava...
WordPress [WordPress]ショートコードを実行せずに記事本文にそのまま表示させる方法
WordPressに関するブログを書く際に、例えば 「こんなショートコードを書いてください！」 と言って、投稿ページでそのまま ] などと書いてしまえば、そのショートコードが実行されてしまいます。 ショートコードを実行せずに文字列として表示...
WordPress [WordPress]よく利用するfunctions.php設定のまとめ（2014年1月版）
構築するサイトによって記述内容は異なりますが、ブログや企業サイト、簡単なWEBサイトなど、概ねどのサイトを構築する場合でも利用できそうなfunctions.phpのカスタマイズをまとめました。 何でもかんでもfunctions.phpに書く...
jQueryプラグイン・ライブラリ [jQuery]画像の読み込みを遅延させるプラグインLazy Load Plugin for jQuery
img要素の画像を遅延ロードさせることができるjQueryプラグインLazy Load Plugin for jQuery。 ブログで大量の画像を掲載しているような場合は、ページのスクロールに合わせて画像を読み込む（遅延ロード）ようにしてく...