WordPress [WP]Contact Form 7のセレクトボックスで先頭に「—」の空項目を追加する方法
WordPressのメールフォームプラグイン「Contact Form 7」で、ドロップダウンメニュー（selectタグ）の先頭に「---」のような空の項目を追加する方法のご紹介です。 Contact Form 7でドロップダウンメニューの...
WordPress 
CSSプロパティ [CSS]position:absoluteとmargin:autoで要素を中央配置する方法
特定の要素を中央に配置したいという場合のCSS記述例のご紹介です。 ブラウザを伸縮しても、常に画面（親要素）の中央に表示させることができるというものです。 特定の要素を中央配置 まずはHTML側の記述例です。 上記の要素に対して、以下のよう...
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 に以下のコードを...
CSS [CSS]Safariでの検証時にinvalid CSS property declaration at:*エラーが表示される場合の対処法
Safariブラウザで要素の検証をしているとinvalid CSS property declaration at:*というエラーが表示される場合があります。 ただ、Safari以外のブラウザでは（今の所）このエラー自体が出なかったり、Sa...
WordPress [WP]Contact Form 7のドロップダウンメニューで複数項目を選択できるようにする方法
WordPressのメールフォームプラグイン「Contact Form 7」で、ドロップダウンメニューから複数の項目を選択できるようにする方法のご紹介です。 Contact Form 7のドロップダウンメニューで複数項目の選択 WordPr...
CSS [CSS]brタグの改行を無効化する方法
レスポンシブのサイトを制作している場合は特に「PCサイトでは<BR>タグで改行させている所を、スマホで見た時には改行させたくない」ということが頻繁にあるのではないかと思います。 <br class="mobile">にようにクラスを指定する...
WordPress [WP]WordPressダッシュボードのウィジェットを非表示にする方法
WordPress管理画面のダッシュボードに表示されるウィジェットは、表示オプションのメニューから個別に表示/非表示を選択することができますが、不要なウィジェットを最初から表示オプション内に表示しないようにすることもできます。 ダッシュボー...
WordPress [WordPress]ログイン画面の「ユーザー名またはメールアドレス」のラベル変更
WordPressのログイン画面に表示された「ユーザー名またはメールアドレス」などのラベルを、別のテキストに置き換える方法のご紹介です。 以前に紹介させていただいたこちらの記事の方法でログイン認証をメールアドレスのみに制限する場合は、合わせ...
WordPress [WP]モデレートしてくださいのメール通知を送信しないようにする方法
WordPressで書いた記事が他のサイトやブログなどでリンク付きで紹介されると、管理者宛に「モデレートしてください」というメールが届くかと思いますが、 あまりにもメールの数が多い場合などには、WordPressの管理画面からこの「モデレー...
WordPress [WP]Contact Form 7のフォームが固定ページ上で表示されない場合
WordPressのContact Form 7のプラグインを使ったお問い合わせメールフォームが、固定ページ上に表示されない場合の確認ポイントをまとめました。 ショートコードの書き方が間違っている Contact Form 7ページで生成さ...
Javascriptスニペット [JS]特定の要素の<a>タグを除外してスムーススクロールをする方法
jQueryのスムーススクロールを使うことはよくあるのではないかと思いますが、今回は指定したクラスの<a>タグをスムーススクロールから除外する方法を紹介させていただきます。 特定の要素の<a>タグを除外してスムーススクロール まずはスムース...
WordPress [WP]WordPressのサイト内検索をOR検索にする方法
ポータルサイト的な規模のWordPressだと、サイト検索の条件を「AND」ではなく「OR」にしないと、想定する記事が引っかからないことが多いことが分かったので、今回はWordPressでOR検索する方法のメモです。 WordPressのサ...
サーバー・データベース さくらのレンタルサーバーでドメインのSPFレコードを設定する方法
共用サーバーでメール一斉送信の機能などを使う場合、サーバー側でドメインのSPFレコードの設定をしておく必要があります。 今回はさくらのレンタルサーバー（共用サーバー）でドメインのSPFレコードを設定する方法のご紹介です。 さくらのレンタルサ...
WordPress [WP]WordPressで子テーマを利用する方法（@import非推奨）
WordPressの子テーマを利用するメリットに ・親テーマのスタイルを継承できるので、開発スピードとコストが抑えらる。 ・親テーマのバージョンアップがあっても、子テーマを使っていれば基本的にはソースが書き変わるなどの影響を受けない。 とい...
Macアプリケーション [Mac]WinArchiver Liteで「errno = 35」が表示される場合の対処法
WinArchiver Lite を使ってファイルを圧縮させようとするとerrno = 35というエラーが表示されてしまう場合の解決方法のご紹介です。 WinArchiver Liteで「errno = 35」が表示される場合 errno ...
WordPress [WP]WordPressのURLに含まれる特定の文字列で条件分岐する方法
WordPressでは「?category=*****」のようなパラメータ付きURLが生成されることが多いのですが、 例えば「?category=」の文字列が含まれている時と含まれていない時とで、異なった内容を表示させるという処理が可能です...
WordPress [WordPress]カスタム投稿でパン屑ナビのdate/のURLがおかしくなる場合の対処法
パン屑ロジック（カスタム投稿でdate/のURL）がおかしくなる件の対処法
WordPress [WP]Contact Form 7 Ver4.7.3で画像認証（Really Simple CAPTCHA）を利用する方法
WordPressのContact Form 7プラグインで画像認証を利用するにはReally Simple CAPTCHAが便利ですが、 Contact Form 7 のバージョン4.7.3より、画像認証はreCAPTCHAが推奨されるよ...