Javascript・jQuery [JS]jQueryで画像をランダムに出力する方法
jQueryを利用してページのアクセス毎に複数枚の画像の中からランダムで1枚の画像を表示させる方法です。 今回は<img>タグの画像を使う場合と、CSSのbackground-imageに背景画像を指定する場合の2種類の方法を紹介させていた...
Javascript・jQuery 
WordPress [WordPress]ブログ内の検索キーワードを解析するためのプラグインSearch Meter
ブログ内でどのキーワードがどの程度検索されているのか？を解析するためのWordPressプラグインSearch Meterのご紹介です。 Google Analyticsでは「Googleで検索されたキーワード」を解析することは可能ですが、...
WordPress [WP]WordPressで固定ページに記事一覧を出力する方法のまとめ
ブログや企業サイトを問わず、WordPressで「固定ページに投稿記事を10件表示させる」のような処理を入れる機会も多いのではないかと思いますが、 単純に最近の投稿記事を指定件数表示させる以外にもカテゴリ別、オーサー別など色々なパターンがあ...
jQueryプラグイン・ライブラリ [JS]HTML5でマークアップする際にhtml5shivでIE下位バージョンにも対応させる
HTML5でマークアップをする場合、IE下位バージョン（8以下）がそもそもHTML5のタグが対応していない…という理由で、IE8以下でもHTML5のタグを使えるようにするためのjavascript html5shiv.jsを使う機会も多いと...
WordPress [WP]WordPress で改行したい場所を改行できるプラグイン「brBrbr」
少し変な日本語のタイトルですが、文字通り「改行をしたい場所で思い通りに改行できる」WordPressプラグインがbrBrbrです。 ブログで記事を書く上で、例えば「文章と文章の間に1行余白を設けるために改行」を入れようと思っても、WordP...
WordPress [WordPress]個々のブログ記事に1,000Viewsのような閲覧数を表示させる方法
WP-Post Viewsプラグインを導入することで、WordPress管理画面の記事一覧ページで「1,000 Views」のように記事の閲覧数を確認することができると思いますが、同じようにフロント画面でも個々の記事にViews 数を表示さ...
CSS [CSS]IE6、IE7、IE8、IE9別のCSSハック一覧
IE6〜9用にそれぞれ個別にスタイルを適応させたい場合のCSSハックのまとめです。 よく忘れるので、個人的な備忘録もかねてのご紹介です。 IE6 IE7 IE6 + IE7 IE8 IE6 + IE7 + IE8 IE9
jQueryプラグイン・ライブラリ [jQuery]シンプルなドロップダウンメニューが簡単に実装できるプラグインDroppy
ヘッダーのグローバルメニュー等で、マウスオーバーによるドロップダウンメニューを実現させるためのjQueryプラグインDroppy。 シンプルなプラグインなので手軽に設定できますし、メニューの階層が深い場合でも入れ子のドロップダウンメニューが...
WordPress [WP]WordPressで記事にページ送りを付けて分割する方法
ニュースサイトや特集コンテンツなどで、記事が1ページ、2ページ…、3ページ…と分割されているのをよく見かけます。 WordPressで記事を書く場合も同じように記事を複数ページにを分割する機能を利用できますので、今回は記事を分割する方法をビ...
CSS擬似要素・擬似クラス [IE]IE6でも疑似クラスの:hoverを使う方法のまとめ
IE6 では疑似クラスの :hover が <a> タグ以外では使いないので、IE6対応として「ビヘイビア」と「Javascript のライブラリ」を使って hover をIE6でも利用する方法をまとめてみました。 csshover.htc...
Macアプリケーション [Mac]不要なアプリケーションを削除するにはApp Cleanerが便利
Macのアプリケーションはそのままゴミ箱に入れれば消去できますが、関連ファイルやゴミファイルが色んな所に残っている場合がありますので、特にアンインストーラーの無いアプリケーションを削除する場合はApp Cleanerがおすすめです。 App...
WordPress [WordPress]タグやカスタムフィールドまで検索対象を拡張できるプラグインSearch Everything
WordPressの検索範囲を拡張できるプラグインSearch Everythingのご紹介です。 Search Everythingにより、通常の投稿記事以外にも「カスタムフィールド」や「タグ」なども検索対象に含めることができるだけでなく...
WordPress [WP]WADAXにWordPressをインストールする際の手順と注意点、トラブル解決方法のまとめ
たまにWADAXの共用サーバにWordPressを入れてWEBサイトを構築するケースがありますので、インストールから各種設定、WADAXサーバ利用時の注意点まで、備忘録としてまとめました。 わたし個人がインストールする際の手順ですので、「コ...
HTML [HTML]特定のファイルを閲覧禁止にしたりベーシック認証をかける方法
.htaccessで特定のファイルの閲覧を禁止する方法と、.htaccessと.htpasswdを使って特定のファイルへBasic認証を設置する方法のご紹介です。 特定のファイルを非表示 閲覧されるとまずいログデータやファイル、画像データな...
IE [IE]IE9だとIETesterで「印刷」「印刷プレビュー」など一部正常に動かない機能がある模様
IETesterを使ってIEチェックしていると、「印刷」「印刷プレビュー」が正常に動作しない…と少しハマりました。 いろいろを調べているとこんな記事が紹介されていました。 IE9が入ってるとIETesterのIE6でPNG表示が死ぬ 結果、...
WordPress [WordPress]IFTTTで投稿記事をFacebook（個人）のタイムラインに連携させる方法
前回のIFTTTでWordPressの投稿記事をTwitterに連携させる方法に続いて、今回はWordPressとFacebook（個人）の連携を試してみたいと思います。 Twitter連携でIFTTT側の基本設定（WordPress側の設...
WordPress [WordPress]投稿記事でPHPを実行できるプラグインExec-PHP
投稿画面などででPHP を実行できるWordPressプラグインがExec-PHPです。 他にも runPHPのような同じ機能を持ったプラグインがありますが、Exec-PHP はテキストウィジェットでもPHPを実行できるので、ウィジェットを...
WEBサービス URLを簡単にエンコード、デコードできるサイト「URLエンコード・デコードフォーム」
URLに日本語が含まれるサイトにアクセスすると、URLが %3%y9%97897%… みたいな文字列になっていると思います。これは日本語が対応していないので、対応している文字列に変換されている訳ですが、サイトを構築する上でも意図的にURLを...
CSS [CSS]IE6にposition:fixedを対応させる方法
CSSの position:fixed を利用することで要素を固定させることができます。 例えば「ヘッダーをページ上部に固定させる」「サイドメニューを固定させる」などなど。 しかしCSSのposition:fixedがIE6には対応していな...
WordPress [WP]IFTTTでWordPressの投稿記事をTwitterに連携させる方法
Twitter、Facebook、LinkedInなどの主要なSNS からFlickr、foursquare、Gmail、Google Calendar、Google ReaderなどのWEBサービスまで簡単設定で連携できてしまうIFTTT...
WordPress [WordPress]投稿IDをそのまま記事のスラッグにできるプラグインSlugs or PostID
WordPressの投稿記事におけるスラッグを、自動で投稿IDにするためのプラグインがSlugs or PostIDです。 善し悪しは運用するブログによると思いますが、パーマリンクをカスタム構造ではなくデフォルトのまま使っている場合、記事の...
CSSプロパティ [CSS]CSSで画像を透過させる際はIE6用にfilter:も併用する
リンク画像をロールオーバーさせる時など、要素を半透明にする場合はCSS の opacity プロパティを利用すれば動きます。 CSS3 からは opacity 1つで、モダンブラウザはほぼ動くようになったみたいですが、 IE6で動かない。。...
jQueryプラグイン・ライブラリ [JS]SimpleModalとjQuery Cookieによる認証ボックスの実装方法
18禁サイトのように、サイト訪問時に年齢確認などのアラートボックスを表示させ、「認証」ボタンを押したら次回のアクセス時からはアラートを出さないようにする、という処理のご紹介です。 jQuery プラグインのダウンロード アラートボックスには...
WordPress [WordPress]プラグインを使わずにログイン画面を変更（カスタマイズ）する方法
企業様向けにWordPressサイトを納品するに当たり、「ログイン画面を変更する必要がある」なんて時に便利なカスタマイズです。例えば「ロゴを変更する」「背景の色を変更する」「ボタンを変更する」のようにオリジナルのログインフォームへと変更する...
WordPress初級編 [WP]WordPressのページファイル（page.php）で個別にテンプレート名を付ける方法
WordPressではpage.phpを複製してpage-○○○.php のように個々にテンプレートファイルを持つことができるので、固定ページ別に全く違ったデザインにすることも可能です。 ポイントは、page-○○○.phpにTemplat...