HTML [htaccess]特定のIP以外のアクセスにはメンテナンス画面を表示させる方法
WEBサイトのメンテナンス作業時に、.htaccessで特定のIPアドレス以外のアクセスがあればメンテナンス画面を表示させる、という方法について紹介させていただきます。 特定のIPアドレス以外のアクセスはメンテナンス画面へリダイレクト 今回...
HTML 
HTML [HTML]iOSでselectのプルダウンメニューを全文表示する方法
iOSのSafariからプルダウンメニューをタップしたら、長い（文字数の多い）項目が…で省略されて全部表示されない場合の対処法のご紹介です。 selectタグの項目が全文表示されない場合 以下のようなプルダウンメニューをiOSのSafari...
サーバー・データベース お名前.comのレンタルサーバーでPHPのバージョンを切り替える方法
お名前.comのレンタルサーバーで、PHPのバージョンを最新版へアップデートする方法のご紹介です。 お名前.comレンタルサーバーでPHPをバージョンアップ お名前.com（共用サーバーSD）のコントロールパネルにログインします。 共用サ...
Macアプリケーション [Mac]Office Mac 2011がException EXC_BAD_ACCESSエラーで起動できない場合の対処方法
Office Mac 2011でWordを開こうとしたら、Exception EXC_BAD_ACCESSのエラーが発生してアプリケーションが起動できなくなってしまう場合の対処法です。 Office Macを最新版にバージョンアップ まずは...
WordPress [WP]管理画面にWarning: file_put_contents のエラーが表示される場合の対処法
WordPressでコアファイルなどをバージョンアップした際に、管理画面のダッシュボードに Warning: file_put_contents(/○○○○○○○○○○/readme.html): failed to open stream...
Google Analyticsのタグなどが正常に動いているかを確認できるGoogle Chromeの拡張機能Google Tag Assistant
Google アナリティクスなどの計測ツールが正常に動いているかをチェックできる、Google Chromeブラウザの拡張機能Google Tag Assistantの利用方法のご紹介です。 アナリティクスの通知 Chromeブラウザを使っ...
Mac [Mac]USBをexFATでフォーマットしたらエラーになる場合の対処法
Mac OS XでUSBをexFATのファイルシステムでフォーマットしようしたら、「消去プロセスを完了できませんでした」というエラーが発生する場合の対処法です。 Mac OS XでUSBをexFATでフォーマット フォーマットの際、名前欄を...
HTML Firefoxで「安全な接続ではありません」のエラーを回避する方法
Firefoxでhttps://のURLにアクセスした際、安全な接続ではありませんというエラーが表示される場合があります。本来であればセキュリティ上、エラーメッセージに従って対象のURLヘのアクセスは避けるべきですが、 今回は、一部例外とし...
HTML [HTML]videoタグでmp4動画を再生前に任意の画像を表示させる方法
HTML5のvideoタグでmp4の動画データを再生させる際に、再生ボタンを押すまでの間に表示させておく画像を、自由に変更する方法のご紹介です。 今回はMacでの操作方法になります。 <video>でmp4動画再生前に任意の画像を表示させる...
Macアプリケーション [Mac]OS Xで強制終了できないアプリをターミナルから再起動する方法
Mac OS Xでアプリが動かずに強制終了した際、うまく終了できていないのか、 ・Finder のDock からアプリのアイコンが消えてくれない… ・アクティビティモニターを見ても対象のアプリのプロセスが動いていない… ・Dockのアプリア...
Google Google Mapsを利用するためのGoogle APIキー取得方法まとめ
2016年6月22日からGoogle Mapsの表示にGoogle APIキーが必要になりました。 今まではAPIキーなしでもGoogle Mapsを表示できていたのですが、2016年6月22日以降に新規に作成したサイト（URL）は、API...
WordPress [WP]wp_count_postsで記事数を取得して表示したり条件分岐する方法
WordPressでは、記事の投稿数を取得できるwp_count_postsという便利な関数が用意されています。 これにより、例えば「現在のブログ記事数は全部で100件です」のような表示ができたり、「記事が10件以上登録されている時は○○」...
Adobe [AI]不明なエラーのため操作を完了できません。Cantエラーが表示される場合の対処法
Illustrator CC起動時に不明なエラーのため、操作を完了できません。のエラーが発生してイラレが全く起動できなくなった場合の解決法のご紹介です。 不明なエラーのため操作を完了できません。CANT エラーからの復旧 Adobeのヘルプ...
CSS [CSS]iOSでiframeの内容がはみ出して表示される場合の対処法
iPhoneやiPod touchなどのiOS端末で、<iframe>に指定したoverflow:scrollによるスクロールが効かずに<iframe>の内容がはみ出して表示されてしまう場合の対処法のご紹介です。 iOSでiframeの中身...
Google Youtubeの埋め込み動画の各種操作パネルを非表示にする方法
Youtubeの動画をブログやサイトに埋め込む際に、各種操作パネルを非表示にする方法のご紹介です。 Youtubeの埋め込み動画ので操作パネルを非表示にする Youtubeで動画の埋め込みを選択すると、以下のようなコードが生成されると思いま...
WordPress [WP]Contact Form 7のセレクトボックスで先頭に「—」の空項目を追加する方法
WordPressのメールフォームプラグイン「Contact Form 7」で、ドロップダウンメニュー（selectタグ）の先頭に「---」のような空の項目を追加する方法のご紹介です。 Contact Form 7でドロップダウンメニューの...
CSSプロパティ 画面中央配置はもう怖くない！最新CSSで要素を中央に置く鉄板テクニック
Flexboxを使った究極のセンタリング 現代のWeb標準において、要素の中央配置に最も適しているのは、CSSのFlexbox（Flexible Box Layout）機能です。これは、コンテナ内のアイテムの配置、整列、順序を柔軟に制御する...
WordPress [WP]WordPressの投稿タイトルや本文で半角、全角の文字を置換する方法
WordPressの投稿記事のタイトルや本文に使用されているテキストを、PHPのmb_convert_kanaを使って「半角から全角」また「全角から半角」に一括置換する方法のご紹介です。 functions.phpを編集しますので、func...
サーバー・データベース さくらサーバーのコントロールパネルからPHPのバージョンを変更する手順
さくらサーバーのPHPバージョンを変更する手順をご紹介します。今回は5.xのバージョンを7.xにアップデートしようと思います。 さくらサーバーのコントロールパネルからPHPをバージョンアップ ※なお、今回はさくらサーバーのビジネスプラ...
WordPress [WP]Contact Form 7にAkismetのスパムフィルターを使う方法
WordPressのメールフォームプラグイン「Contact Form 7」の迷惑メール防止対策の1つとして、今回はAkismetのスパムフィルターを利用する方法を紹介させていただきます。 Akismet プラグインの有効化 まずはAkis...
CSS [CSS]<input type=submit>にFontAwesomeのアイコンを表示する方法
フォームのサブミットボタンである<input type="submit">にFontAwesomeの虫眼鏡アイコンのフォントを使う方法のご紹介です。 FontAwesomeのアイコンフォントの表示例 CSSでinputにfont-famil...
WordPress [WP]wp_footer()で出力されるJavascriptを非表示にする方法
WordPressのwp_footer()で出力される「comment-reply.min.js」や「wp-embed.min.js」のJavascriptを非表示にする（出力させない）方法のご紹介です。 wp_footer()で出力される...
WordPress [WP]WordPress の埋め込みプレビュー表示の横幅を100%にする方法
WordPress4.4から、投稿などの本文にURLを貼付けるだけで、タイトル、抜粋、アイキャッチ画像を埋め込んだプレビュー表示が使えるようになりましたが、今回はこのプレビュー表示の横幅を、ブログのコンテンツ幅に合わせて100%表示にする方...
Mac [Mac]Mac OS Xでフォントを復元する方法
Adobeのllustrator やPhotoshopで使うべきフォントファイルを、間違ってMacのシステムフォントのフォルダに入れてしまい…以前の状態に戻そうとしても、元から入っていたフォントが何なのかも分からなくなってしまったので、Fo...
WordPress [WP]WordPressで不要なウィジェットを最初から非表示にする方法
WordPress管理画面の「外観」メニューにあるウィジェットの中で、不要なウィジェットを最初から表示しないようにする方法のご紹介です。 不要なウィジェットを表示しないようにする ご利用のテーマのfunctions.php に以下のコードを...