WordPress [WP]WordPressの投稿でも「順序」を使えるようにする方法
WordPressの固定ページは、ページの「順序」を番号で指定して好みの順番で表示させることができますが、投稿ページでは「順序」を指定することはできません。 そこで今回はfunctions.phpを編集して、投稿でも「順序」を使えるようにカ...
WordPress 
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...
WordPress [WP]WordPressのコメント返信時の差出人名を変更する方法
WordPress管理画面の「プロフィール」を編集して、コメント返信時の差出人名を変更する方法のご紹介です。 プロフィールよりブログ上の表示名を変更 WordPress管理画面の左メニュー「ユーザー」からプロフィールを変更します。 プロフィ...
WordPress [PHP]date関数が返した時間がズレる場合の対処法
WordPress で「1日毎にランダムで画像を表示する」という処理を入れていると、日付が変わっていないのに画像が切り替わって表示される…という問題が起こってしまいました。 色々調べていたら、PHP で時間帯によってCSS の背景画像を切り...
WordPress [WordPress]投稿記事を自動でTwitterに連携するプラグインWP to Twitterの使い方
WordPress の投稿を自動でTwitter にツイートしてくれる連携プラグインWP to Twitter。 IFTTTのようにツイートする際のテンプレートを自由にカスタマイズできるだけでなく、カスタムツイート機能を使って記事別にツイー...
WordPress [WP]TinyMCE Advancedでテーブルの背景色が設定できない問題を解消する方法
投稿画面のビジュアルエディタを拡張できるWordPress プラグインTinyMCE Advanced で、「テーブルの背景色が設定できない」問題を調べていたら、 最近リリースされたWordPress 4.0 環境にて、TinyMCE Ad...
Mac [Mac]Macで半角カナを使う方法（OS Lion ＆ OS Marvelics）
MacのLionとMarvelicsの各OSで半角カナを使えるようにする方法をまとめました。 OS Lionで半角カナを使う方法 ツールバーの「A」マークをクリックし、"言語とテキスト"環境設定を開くをクリックします。 「入力ソース」タブを...
WordPress [WP]JetpackのOpen Graph Tagsを除去する方法
Jetpackプラグインを使っているWordPressブログで、手書きしたOGタグとJetpackが出力するOGタグが重複してしまう問題の解決方法をまとめました。 今回は、手書きしたOGタグを残してJetpackのOpen Graph Ta...
CSSスニペット [CSS]CSSでチェックボックスやラジオボタンを大きく表示する方法
フォームのチェックボックスやラジオボタンを、CSSでサイズ変更する方法のご紹介です。 チェックボックスを拡大表示するサンプル まずはチェックボックスのCSSの記述例です。 チェックボックスのwidthやheightの値と合わせて、CSS3の...
WordPress初級編 [WordPress]固定ページ編集画面に「抜粋」を追加する方法
WordPressで企業サイトを構築する時に、固定ページで用意した製品情報や企業情報の一部をトップページに出力するようなカスタマイズが結構あるのですが、 投稿と同じように固定ページでも「抜粋」が使えたら便利だな〜と感じる方もいらっしゃると思...
jQueryプラグイン・ライブラリ [JS]高さの異なるコンテンツでもブロックレベル要素で揃えるjquery.heightLine.js
レスポンシブWEBデザイン対応で、コンテンツの中身が変わっても、ブロックレベル要素の高さを揃えることができるjQueryプラグインjquery.heightLine.jsのご紹介です。 jquery.heightLine.js のダウンロー...
CSSスニペット [CSS]Facebookの「Like Box」の背景色を変更する方法
FacebookのLike Boxプラグインに使える背景色が「light」と「dark」の2種類しかないため、 今回はブログのデザイン（背景色）に合わせてLike Boxの背景色を変更する方法を紹介させていただきます。 ※Like Boxの...
WordPress [WP]カスタム投稿タイプで先頭に固定表示を使えるプラグインSticky Custom Post Types
WordPressには特定の記事を先頭に固定表示させる機能があるのですが、カスタム投稿タイプを利用する場合はこの機能を使うことができません。 そこで今回はSticky Custom Post Typesというプラグインを使って、カスタム投稿...
Macアプリケーション [Mac]複数ページのPDFファイルをAutomatorで分解する方法
以前のAutomatorを使ってPDFファイルを結合する方法 の記事では、PDFを「連結」する方法のご紹介でしたが、 今回は逆に、Automatorを使って連結された複数ページのPDFを、1つ1つのPDF へと「分解」する方法を紹介させてい...
CSSプロパティ [CSS]<hr>の境界線の色と太さをCSSで変更する方法
<hr>の境界線の色と太さを変更する為には、CSSのbackground-colorとheightプロパティを使います。 サンプル 例として、カラーは#dd0000、5pxの太さの境界線を敷きたい場合の記述例です。
WordPress [WP]iOSからインストール型WordPressを編集できるアプリWordPress for iOS
インストール型のWordPress ブログをiPhone（iOS）から更新できるアプリWordPress for iOSを使い始めました。 ブラウザ（管理画面）からの操作と比べて、機能面で諸々制限がありますが、記事や固定ページの新規追加・編...
Windows [IE]Internet Explorer 11でページ印刷時に背景を印刷する方法
WindowsのInternet Explorer 11で、ホームページの印刷時に背景の色やイメージを印刷する方法のご紹介です。 IE 11で背景色やイメージを印刷 Internet Explorerで印刷したいページを開いて、ツールバーの...
HTML .htaccessでコメントアウトの記述方法
.htaccessファイルはサーバーの設定を制御する強力なツールです。 設定内容を分かりやすくするためにコメントアウトを使用することが推奨されます。 コメントアウトを活用することで特定のコードを無効にしたり、設定の説明を加えたりすることがで...
WordPress [WP]wp_head()の出力内容から不要な情報を削除するカスタマイズ
wp_head()が出力するlink rel="EditURI"、link rel="wlwmanifest"などの記述や、WordPress のバージョン情報を出力しないように制御したり、フィード配信をやめるカスタマイズのご紹介です。 ア...
Javascriptスニペット [JS]jQueryで複数の要素に同じ処理をする方法
セレクタで複数の要素を指定するには、HTML要素やID、クラス属性などをカンマ（,）でつなぎます。 jQueryで複数の要素に同じ処理を当てる例 複数のID、クラス属性に同じ処理を当てる例
CSSスニペット [CSS]iframe要素をレスポンシブ対応させる方法
以前にも iframe やtable のレスポンシブ対応に最適なCSS「Fluidity」 の記事を紹介させていただきましたが、今回はfluidityを使わずにちょっとしたCSSのスタイル記述だけで簡単にiframe要素をレシポンシブ対応さ...