WEB TIPS～ホームページ制作の覚え書き

CSS

Flexを使用した間隔（マージン）をとった横並びレイアウトの指定方法まとめ【CSS初心者向け】

最近ではボックスの横並びレイアウトは、Flexを使用するのが一般的になってきています。いまさらな感じもする今回のタイトルです…つづきを読む

WordPress

ワードプレスで選択したカテゴリーが動いてしまって見づらい時の対処法

「動いてしまう」って、なんだかアバウトな表現をしてしまいましたが、ワードプレスの投稿や固定ページの編集画面のカテゴリーを選択した…つづきを読む

WordPress

ワードプレスのフックとは何？アクション/フィルターフックの基本を理解する

ワードプレスを使い始めて、初心者の方がすぐに引っかかるポイントの１つにアクションフックとフィルターフックという言葉があります。馴…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7でreCAPTCHA V3を導入する方法

先日、コンタクトフォーム7でreCAPTCHAを使おうとしたら、以前はあったreCAPTCHAのタグが無くなっていました。あ…つづきを読む

WordPress プラグイン Advanced Custom Fields

ACFのカスタムフィールドをクイック編集できるプラグイン「ACF Quick Edit Fields」

今回はAdvanced Custom Fieldsで作成したカスタムフィールドを、クイック編集できるようにするプラグインACF …つづきを読む

JS / jQuery

jQueryのscrollTopなどが勝手にアニメーションしてしまう原因

jQueryでscrollTopというのがありますが、ウィンドウのスクロール位置を瞬時に移動させるつもりで書いたのに、スルスルっ…つづきを読む

WordPress カスタマイズ

ワードプレスで選択した特定の記事を表示する一番（？）簡単な方法

今回の記事の内容は、たとえばトップページの１セクションに「選択した特定の投稿ページや固定ページを数件表示したい」という時の（私が…つづきを読む

Diary

もしもドロップシッピングがサービス終了！

私にとってはとても寂しいニュースです。長年利用してきた「もしもドロップシッピング」が、2020年4月末でサービス終了するとの…つづきを読む

WordPress クエリー

WP_Queryを使用して作った一覧ページに前後or番号付きページャーを付ける方法

WP_Queryを使用して、色々な条件を指定して作成した一覧ページテンプレート。「よっしゃ！できた！」と思ったら、「ページン…つづきを読む

WordPress クエリー

【タクソノミー＆ターム編】WP_QueryのANDとORを併用した複雑な条件指定の書き方

今回は、ワードプレスで複雑な条件を指定して投稿一覧を表示したい場合に便利なWP_Queryについてです。タクソノミー&ターム…つづきを読む

JS / jQuery

jQueryでaタグからリンク先にフォームの内容をPOST送信する方法

こんにちは。今回は珍しく、苦手のjQueryの記事です。利用目的は省きますが、色々なシーンで結構使えるのでメモっておこうと思…つづきを読む

WordPress プラグイン WPBakery Page Builder

WPBakery Page Builder（VC）のデザインオプションのCSSが一覧ページで効かない時の対処方法

なんすか？WPBakery Page Builderって？なんでもVisual Composerの名前が変わったんだとか。。。 …つづきを読む

WordPress トラブルシューティング

オリジナルのユーザー権限グループのユーザーが「作成者」に表示されない場合の対処方法【ワードプレス】

ワードプレスでサイトを制作していると、デフォルトのユーザー権限グループの他にカスタムした権限を与えたオリジナルのユーザーが必要に…つづきを読む

WordPress プラグイン Contact Form 7

コンタクトフォーム7で動的にデフォルト値や選択肢・送信先などを設定する方法

今回は久しぶりにコンタクトフォーム7についてのお話です。普通に「お問い合わせフォーム」として使う場合、あらかじめ用意した入力…つづきを読む

WordPress プラグイン Advanced Custom Fields

Advanced Custom Fieldsでセレクトボックスなどの選択肢を動的に設定する方法

ワードプレスでカスタムフィールドの作成にAdvanced Custom Fields（以下ACF）を使用している方は多いと思いま…つづきを読む

WordPress プラグイン Advanced Custom Fields

Advanced Custom Fieldsでチェックボックスの作成と値の利用方法【ワードプレス】

Advanced Custom Fieldsでのチェックボックスの作成と値の利用方法【ワードプレス】

さて今回は、しばらくサボっていたAdvanced Custom Fieldsの記事です。初めてだとちょっと使い方がややこしいフィ…つづきを読む

WordPress プラグイン All in one seo pack

All in one seo packでディスクリプション自動生成時にアーカイブを除外する方法

ワードプレスでブログやサイトを運営している方の中には、All in one seo packを使用している方も多いと思います。設…つづきを読む

WordPress プラグイン Simple Map

【2019年版】ワードプレスプラグインSimple Mapで地図が表示されない時の対処法

住所データからGoogleMapを表示させたいという時、「GoogleMap 住所から表示」なんてググると、まず出てくるのがSi…つづきを読む

WordPress テンプレートタグ/関数

現在の投稿のカテゴリー情報をリンク無しで取得&表示する方法【ワードプレス】

久々にWordPressのカテゴリー名をリンク無しで取得して、少々フォーマットして書き出す必要がありました。しかし、ここで「あれ…つづきを読む

WordPress トラブルシューティング

親メニューなどをリンク無しに出来ない時の解決方法【ワードプレス】

ワードプレスのメニューって、デフォルトだとリンク無しで追加できないですよね。でも、実際は親メニュー的な感じでリンクの無い項目を表…つづきを読む

Flexを使用した間隔（マージン）をとった横並びレイアウトの指定方法まとめ【CSS初心者向け】

ワードプレスで選択したカテゴリーが動いてしまって見づらい時の対処法

ワードプレスのフックとは何？アクション/フィルターフックの基本を理解する

コンタクトフォーム7でreCAPTCHA V3を導入する方法

ACFのカスタムフィールドをクイック編集できるプラグイン「ACF Quick Edit Fields」

jQueryのscrollTopなどが勝手にアニメーションしてしまう原因

ワードプレスで選択した特定の記事を表示する一番（？）簡単な方法

もしもドロップシッピングがサービス終了！

WP_Queryを使用して作った一覧ページに前後or番号付きページャーを付ける方法

【タクソノミー＆ターム編】WP_QueryのANDとORを併用した複雑な条件指定の書き方

jQueryでaタグからリンク先にフォームの内容をPOST送信する方法

WPBakery Page Builder（VC）のデザインオプションのCSSが一覧ページで効かない時の対処方法

オリジナルのユーザー権限グループのユーザーが「作成者」に表示されない場合の対処方法【ワードプレス】

コンタクトフォーム7で動的にデフォルト値や選択肢・送信先などを設定する方法

Advanced Custom Fieldsでセレクトボックスなどの選択肢を動的に設定する方法

Advanced Custom Fieldsでのチェックボックスの作成と値の利用方法【ワードプレス】

All in one seo packでディスクリプション自動生成時にアーカイブを除外する方法

【2019年版】ワードプレスプラグインSimple Mapで地図が表示されない時の対処法

現在の投稿のカテゴリー情報をリンク無しで取得&表示する方法【ワードプレス】

親メニューなどをリンク無しに出来ない時の解決方法【ワードプレス】

記事の検索

MENU

人気の記事

コンタクトフォーム7で郵便番号から住所を自動入力させる方法

Advanced Custom Fieldsでのチェックボックスの作成と値の利用方法【ワードプレス】

CSSでobject-fitを使わずに特定の縦横比に画像をトリミングする方法

Advanced Custom Fieldsでセレクトボックスなどの選択肢を動的に設定する方法

Advanced Custom Fieldsでラジオボタンを作成し値を出力する方法

ショートコードでWarning: Illegal string offsetエラーが出る時の解決策【ワードプレス】

Advanced Custom Fieldsのフィールドグループの作成・設定方法

アーカイブページのタイトルから「カテゴリー：」を消す方法【ワードプレス】

コンタクトフォーム7で動的にデフォルト値や選択肢・送信先などを設定する方法

游ゴシックがIEで上にずれる時のCSSでの対応方法