Javascriptスニペット [JS]jQueryでローディング画面を実装する方法
ページを読み込む際に、jQueryでローディング画面を実装する方法のご紹介です。 jQueryとCSSでローディング 今回は以下のようなCSSとHTMLを用意しました。 CSS .loaderの要素のtopとleftの値（ローディング画像の...
Javascriptスニペット 
Mac [Mac]Mac Os Xのhostsファイルの場所と書き換える方法
WEBサイトの移転時など、DNS変更前にPCのhostsファイルを編集して挙動確認をすることもよくあるかと思います。 そこで今回はMac OS Xでhostsファイルを書き換える方法について紹介致します。 Mac OS X のhostsの場...
WordPress [WP]特定のユーザーアカウントのみ管理画面のメニューを非表示にする方法
Web制作の現場にいると、クライアントから「管理者権限ほど何でもできるわけじゃないけど、編集者権限よりは少し制限を緩めたい」といった、絶妙な権限管理を求められる場面に出くわします。 WordPress標準の6つの権限グループ（管理者・編集者...
Macアプリケーション [Mac]Dropboxを複数アカウントで使用する方法
Dropboxは原則1アカウントしか利用（同期）することができませんが、Macの場合はAutomatorでDropboxを起動することにより、2つ以上の複数アカウントを同期させることが可能です。 新しいDropbox フォルダの用意 Mac...
WordPress [WP]WordPress のビジュアルエディタでの段落分けと改行について
WordPress のビジュアルエディタを使う際、本文を段落分けしたい時や改行したい時とで「Enter」キーの押した方に違いがありますので、今回はその違いについて紹介させていただきます。 段落分けの際は「Enter」キー 「Enter」キー...
WordPress [WordPress]未使用のテーブルを削除できるプラグインPlugins Garbage Collector
WordPress の中に残っている、過去に使っていたプラグインなどの不要なテーブルを削除できるプラグインPlugins Garbage Collectorのご紹介です。 Plugins Garbage Collectorプラグインのインス...
jQueryプラグイン・ライブラリ [jQuery]ブラウザに合わせて背景画像を拡大縮小表示できるプラグインmaxImage
ブラウザのサイズに合わせて背景画像を伸縮できるjQueryプラグイン「maxImage」のご紹介です。 1枚の背景画像を置く以外にも、複数枚の画像をフェードイン・フェードアウトで切り替え表示させることもできますので、非常に便利なプラグインで...
Macアプリケーション [Mac]FileZillaのキューを削除する方法
MacのFileZillaでキューファイルがたまってしまった時に削除する方法のご紹介です FileZilla でキューファイルの削除 FileZillaのメニューバーの「編集」から「個人情報をクリア」をクリックします。 「転送キュー」にチェ...
WordPress [WordPress]メディアにアップされた画像を取得して表示する方法
WordPress のwp_get_attachment_url()関数を使って、メディアに登録されている画像（添付ファイル）のURLを取得し、ブログに表示する方法のご紹介です。 メディアにアップロードされた画像のURLを取得して表示 まず...
WordPress [WP]WordPressでindex.htmlをindex.phpにリダイレクトする方法
静的ウェブサイトをWordPress でリニューアルするに当たり、今まで使っていたトップページであるindex.htmlをWordPress版新サイトのトップページ（index.php）へリダイレクトさせる方法のご紹介です。 .htacce...
WordPress phpmyAdminでSQLを実行して文字列を置換する方法
WordPressサイトのお引越の際などに役立つ、phpmyAdminからSQLを実行して文字列を変更する方法のご紹介です。 データベースのバックアップ phpmyAdminにアクセスして、まずは「エクスポート」よりデータベースのバックアッ...
WordPress [WP]カスタム投稿タイプで特定のタームスの記事を取得して表示する方法
WordPressのtax_query()を使って、カスタム投稿タイプの特定のターム（カテゴリ）の記事を絞り込んで表示させる方法です。 カスタム投稿タイプ、カスタムタクソノミーが1つずつの場合 カスタム投稿タイプ、カスタムタクソノミーが各々...
Macアプリケーション [Mac]テキストエディットのデフォルトの保存先をiCloud以外にする方法
Mac OS X 10.8（Mountain Lion）のテキストエディットのデフォルトの保存先を、iCloudではなくデスクトップなどMacintosh HD内の他の場所に変更する方法のご紹介です。 ターミナルでテキストエディタの保存先の...
WordPress [WordPress]アイキャッチや記事本文の最初の画像を取得する方法
WordPressの構築案件で、OGP画像やブログ記事一覧ページのサムネイル画像の表示などで条件分岐が必要になる場合があるのですが、今回は 「ブログ記事にアイキャッチ画像があればアイキャッチを表示して、アイキャッチ画像がなければ記事本文の最...
WordPress [WP]WordPressでプレビューがNot Found になる場合の対処法
WordPressで記事の編集時に、プレビューを立ち上げても「記事がありません」でNot foundになってしまう場合の対処法です。 プレビューがNot Found になる場合 記事のステータスを「公開」にしてパーマリンクにアクセスすると正...
CSSスニペット [CSS]aタグリンク下線の色や種類などを変更する方法
CSSでリンクテキストの下線の太さや色を変更するには、text-decoration:noneにした上でborder-bottomプロパティで線の太さや色、種類を設定してあげると簡単に実現できます。 また、borderプロパティでリンクテキ...
Mac iPhoneのUDIDをiTunesで調べる方法
iPhoneの「UDID（識別子）」を調べる方法のご紹介です。 iPhoneアプリを開発する上で、テストアプリをiTunes経由でダウンロードする時などに必要になります。 MacのiTunesでUDID（識別子）をコピーする USBでMac...
WordPress [WordPress]PDFのファイルサイズを表示できるプラグインGet Filesize Shortcode
WordPressのメディアにアップロードしたPDFのファイルサイズを取得して表示してくれるプラグインGet Filesize Shortcodeのご紹介です。 ページ内のファイルサイズを表示したい場所にショートコードを貼り付けるだけで良い...
Javascriptスニペット [JS]jQueryのアラートで「OK」ボタンクリック時に指定のページへ遷移させる方法
以前にJavaScriptによる確認アラートの表示方法 で紹介させていただいた記事の関連になりますが、 今度はjQueryでフォームなどで「入力内容を確認する」ボタンをクリックした際に、アラートを立ち上げて「OK」ボタンか「キャンセル」ボタ...
WordPress [WP]WordPressの投稿でも「順序」を使えるようにする方法
WordPressの固定ページは、ページの「順序」を番号で指定して好みの順番で表示させることができますが、投稿ページでは「順序」を指定することはできません。 そこで今回はfunctions.phpを編集して、投稿でも「順序」を使えるようにカ...
Mac [Mac]Mavericks のテキストエディットで、半角の引用符が全角に変換されるのを防ぐ方法
Mac OS X Mavericksのテキストエディットを使ってコーディングをしていた時、半角の引用符号「""」を打つ度に、いつも全角の引用符「""」に変換されて困っていました…。 OS Lion まではこのような動きはしなかったので色々調...
CSSスニペット [CSS]height:100vhで要素の高さを100%にする方法
以前にjQueryで特定の要素の高さを100%にする方法について紹介させていただきましたが、対応ブラウザは限られるものの、CSSだけでも同じように要素の高さを100%にすることが可能です。 高さの単位「vh」 CSS で要素の高さを指定する...
WordPress [WP]管理画面のログインURL（wp-login.php）にBasic認証を設定する方法
WordPress の管理画面ログインURL（wp-login.php）へのアクセスに対して、Basic 認証をかける方法のご紹介です。 この手のセキュリティ対策には、「WP Admin Basic Auth」という便利なプラグインもあるの...
jQueryプラグイン・ライブラリ [JS]特定の要素にブラー効果（ぼかし）を与えるjQueryプラグインFoggy
スマホアプリ起動時のスプラッシュ画像などにもよく見る「磨りガラス風のぼかし」効果ですが、 特定の要素に対してこのぼかし効果を与えることができるというjQueryプラグインFoggyのご紹介です。 Foggy のダウンロード 以下のページより...
WordPress [WP]タクソノミーをタグクラウドで表示する方法
タグクラウドを表示するテンプレートタグwp_tag_cloud() を、カスタム投稿のタクソノミーでも使えるようにするカスタマイズのご紹介です。 タクソノミーをタグクラウドで表示 タグクラウドを表示したいテーマファイル（sidebar.ph...