Clik here to view.
jQuery：トリガーより上部に開くアコーディオン
検索フォームなどで、「もっと詳細な条件を追加する」という下向きの▼が付いたボタンをよく見かけます。 クリックすると、アコーディオンパネル（詳細な条件が追加できる入力欄）が下にびょーんと現れるものです。（トリガーになったボタンは下に下がり、上部に入力欄が現れます） 仕事でそれを作成する機会がありましたので、メモしておこうと思います。...
View ArticleClik here to view.
Swipebox：スマホのスワイプ対応！画像拡大表示jQueryプラグインをWordPressで使う
久々にライトボックス（画像拡大表示）プラグインを紹介したいと思います。 スマホやタブレットのスワイプにも対応しており、レスポンシブですので、今どきのライトボックスですね。最近よくお世話になっております。...
View ArticleClik here to view.
WP_Queryループで抽出条件を複数指定して表示する
カスタムタクソノミー（カテゴリー・タグ）やカスタムフィールドなど、抽出条件を複数指定して、WP_Queryループで表示させる方法を紹介します。 私は習得するのにちょっと時間がかかってしまいましたが…、一度覚えてしまうと、トップーページや固定ページ、サイドバーなどにいろいろ使えて、とにかく便利です！ いくつかサンプルを書いておきますので、どなたかのお役に立てればうれしいです。...
View ArticleClik here to view.
Toolset Types : 親投稿に属する子投稿を関連のない固定ページやトップページに表示する
2018年から「Toolset Types」が有料プラグインに生まれ変わるというニュースで、世の中では「Toolset Types」離れが起きるかも知れませんが、私は仕事でどっぷり使っていますので、有料版を購入いたしました。 制作チームも有料版に変えることは大きな決断だったと思いますが、やはり開発には労力がかかります（たぶん…）。頑張ってもらいたい気持ちを込めて、有料版へ。...
View ArticleClik here to view.
Toolset Types : タームにカスタムフィールドを作成・表示する
「Toolset Types」で、ターム（カテゴリー）にカスタムフィールドを作成・表示する方法をご紹介します。 カスタムフィールドは、タームに作成したり、ユーザー（プロフィール）にも作成することができるんですね。 タームにカスタムフィールドを作る場合は、ターム一覧やカテゴリー一覧などを作成するときに便利ですね。 タームにカスタムフィールドを作成する 「用語フィールド」に進みます。...
View ArticleToolset Types：タームにカスタムフィールドを作り画像付きのターム一覧を表示する
タームに作成したカスタムフィールドを使い、画像付きのターム一覧（カテゴリー一覧）を、WordPress 4.6 から追加されたWP_Term_Queryで表示する方法をご紹介します。 タームの一覧を自動で出力させるのは、今までwp_list_categoriesを使っておりましたが、カスタムフィールドの有無によって表示方法を分けたり、細かく指定できるのでありがたいですね。...
View ArticleClik here to view.
Toolset Types の WordPress 5.0（Gutenberg）対応状況
久々の更新となりました。 WordPress 5.0（コードネーム Bebo）が、日本時間の12月7日の深夜に発表されましたね。かなり大幅なアップデートで、通称「Gutenberg（グーテンベルク）」と呼ばれるブロックエディタ方式が取り入れられ、初めて見たときは私も相当慌てました。。。...
View ArticleClik here to view.
Toolset Views : 絞り込み検索フォームを作成【１】
恥ずかしながら、私は今まで「Toolset Views」のメリットを少しも認識していませんでした。 （インストールさえしたことなかった…） カスタムフィールドの内容を表示するのであれば、APIも用意されているのだし、テンプレートにPHPで書けば良いのでは…と思っていました。...
View ArticleClik here to view.
MAMP PRO 5 で SSI（Server Side Includes）とルートパス利用のローカルテスト環境を構築
最近、SSI（Server Side Includes）を利用するサイトの作成が立て続けにありました。 先方から支給されたテンプレートHTMLも、インクルードするパーツHTMLもルートパスで書かれており、普通にlocalhostの下に設置したフォルダでは表示されません。 そこで、「MAMP PRO」の出番です。 ルートパスを利用したい SSI（Server Side Includes）を利用したい...
View Articleカスタム投稿タイプを表示する（アーカイブページ編）
カスタム投稿タイプの、アーカイブページの作成方法です。 以下の前提で、話を進めます。 カスタム投稿名：gourmet アーカイブテンプレート名：archive-gourmet.php ※archive-カスタム投稿タイプ名.php ※カスタム投稿タイプ「gourmet」用のテンプレートを作成することで、独自のレイアウトデザインが作成できます。 archive-○○○.php...
View Articleサイト改ざん、スパムメールを大量送信の被害に遭いました
サイトが改ざんされている…？！ （※このサイトのことではありません） 先週の木曜日に「メール送信件数の上限を超過しております」という件名のメールがロリポップから届き、「？」と思い読んでみると… この度、アカウント【△△△.○○○.jp】のWEBサーバーより、【 1,015 】件のメールが送信されたことを確認いたしました。...
View ArticleClik here to view.
jQuery：トリガーより上部に開くアコーディオン
検索フォームなどで、「もっと詳細な条件を追加する」という下向きの▼が付いたボタンをよく見かけます。 クリックすると、アコーディオンパネル（詳細な条件が追加できる入力欄）が下にびょーんと現れるものです。（トリガーになったボタンは下に下がり、上部に入力欄が現れます） 仕事でそれを作成する機会がありましたので、メモしておこうと思います。...
View ArticleClik here to view.
Swipebox：スマホのスワイプ対応！画像拡大表示jQueryプラグインをWordPressで使う
久々にライトボックス（画像拡大表示）プラグインを紹介したいと思います。 スマホやタブレットのスワイプにも対応しており、レスポンシブですので、今どきのライトボックスですね。最近よくお世話になっております。...
View ArticleClik here to view.
カスタム投稿タイプをWP_Queryループで抽出条件を複数指定して表示する
カスタム投稿タイプを、カスタムタクソノミー（カテゴリー・タグ）やカスタムフィールドなど、抽出条件を複数指定して、WP_Queryループで表示させる方法を紹介します。 私は習得するのにちょっと時間がかかってしまいましたが…、一度覚えてしまうと、トップーページや固定ページ、サイドバーなどにいろいろ使えて、とにかく便利です！ いくつかサンプルを書いておきますので、どなたかのお役に立てればうれしいです。...
View ArticleClik here to view.
Toolset Types：単一カスタムフィールドの繰り返し
繰り返しカスタムフィールドが作成できる無料のプラグインと言えば、「Smart Custom Fields」が有名かなと思いますが、「Toolset Types」でも作成できますので、紹介したいと思います。...
View ArticleClik here to view.
Toolset Types：カスタムフィールドグループの繰り返し
グループ化したカスタムフィールドのセットを、繰り返し追加できるようにしたい。仕事でWordPressを使っていると、これは需要高めの案件です。 「Toolset Types」で、カスタムフィールドグループの繰り返しを行うには、まず、親になるカスタム投稿と、子になるカスタム投稿を作成します。そして、子になるカスタム投稿にカスタムフィールドのグループを作成して、これを実現します。...
View ArticleClik here to view.
Toolset Types：カスタムフィールド表示方法【６】チェックボックス（Checkbox）
以前、カスタムフィールドで複数選択のチェックボックスの使い方を紹介したことがありましたが、今回は単一のチェックボックスです。 こちらのチェックボックスは、データの真と偽を取得するために使用します。（オン：真、オフ：偽） Toolset Typesでは、以下のような仕様になっているようです。 チェックボックスをオンにすると、値1が返されます。 チェックボックスがオフの場合、値は返されません。...
View ArticleClik here to view.
Toolset Types：カスタムフィールド表示方法【７】日付ピッカー（Date）
「Toolset Types」のカスタムフィールドの日付ピッカーの作成・表示方法をご紹介したいと思います。 日付ピッカーを使うメリットとして、入力方法が統一でき、入力してしまえば、後で表示形式も一括で変更できたりします。 また、日付ピッカーで入力したデータは、テキストで出力させる他、カレンダーで表示させることも可能です。 日付ピッカーのカスタムフィールドの作成方法 「投稿Field...
View ArticleClik here to view.
Toolset Types：カスタムフィールド表示方法【８】数字・数値（Number）
「Toolset Types」のカスタムフィールドの数字・数値の作成・表示方法をご紹介したいと思います。 シングルラインとは違い、半角数字以外（全角文字など）を入力すると、エラーを表示し入力できなくなりますので、入力データの形式を統一したいときなど便利です。 数字・数値のカスタムフィールドの作成方法 「投稿Field Groupの編集」で「新しいフィールドを追加する」ボタンをクリック。...
View ArticleClik here to view.
カスタムフィールドに入力された値を自動計算して平均値を出す
WordPressのカスタムフィールドに入力した値の平均値を表示したい。そんな案件があり、PHPを使って実現したことがありましたので、ご紹介いたします。 同一カテゴリーの特定のカスタムフィールドを計算して、平均値を出すことも可能です。 私はそのPHPを外部ファイル化して、表示させたいページに読み込む使い方をしたりします。...
View Article