WordPress [WP]WordPressでテンプレートファイルを読み込む方法のまとめ
WordPressでテンプレートファイルを読み込む方法 例えばWordPressのテンプレートファイル「header.php」ですが、コピーして「header-○○○.php」と名付けることで別のヘッダーファイル（サブヘッダーファイル）とし...
WordPress 
WordPress [WP]Wordbookerでカスタム投稿タイプの記事もFacebookに連携する方法他、2013年4月時点のWordbooker設定方法のまとめ
久々にFacebookを使う機会もあってか、昔は利用していたFB連携に便利なWordPressプラグインWordbookerを改めてを使ってみました。 個人的にはIFTTTの方が連携がやりやすくて好きなのですが、プラグインを使ってWordP...
Macアプリケーション [Mac]スマホサイトの確認に便利なiPhone用の無料シミュレータiPhoney
スマホサイトを構築する上で厄介なのが「実機での動作検証」です。 細かい動きは実機を使って厳密にチェックする必要がありますが、レイアウトが崩れていないか？のチェックをするのであれば、iPhone用の無料シミュレータiPhoneyを使うと便利で...
Javascript・jQuery [JS]jQueryでページスクロールしてもナビゲーションを固定させる方法
ページを下までスクロールしてもサイドメニューに広告が固定されたまま、なんてブログをよく目にしますが、このような動きはjQueryを利用することで実装可能です。 バナー広告以外にもメニューボタンやSNSボタン、ページの先頭へ戻るなどのリンクを...
WordPress [WordPress]ファビコンを管理画面からアップできるプラグインAll in one Favicon
WordPress管理画面から簡単にファビコンを設置できるプラグインがAll in one Faviconです。 All in one Faviconを使ってアップロードできる画像のフォーマットは「ICO」「PNG」「GIF」「Apple ...
CSSプロパティ [CSS]CSSのclipで長方形の画像を正方形で切り抜き（マスク）する方法
CSSの要素の切り抜き領域を指定するプロパティclipを使えば、画像を切り抜き表示させることができます。 デザインに合わせて長方形の画像を正方形にマスクする必要がある場合などに使えます。 clip: の値 clip:プロパティの値は以下の2...
WordPress [WordPress]target=”_blank”の外部リンクにアイコンを自動付与できるプラグインWP External Links
WordPressでブログを書く上で、参考ページとして外部サイトにリンクを貼るケースは多いと思いますが、「ユーザーにそのリンク先が外部サイトである」ことをお知らせできるプラグインがWP External Linksです。 WP Extern...
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サイトと思いきや、ブラウザの幅...