用意したカスタム投稿とカスタムタクソノミーは以下の通りです。 カスタム投稿名 … demoカスタムタクソノミー名① … motionカスタムタクソノミー名② … libraryカスタムタクソノミー名③ … choice 管理画面上では以下のように表示されています。 必要なファイル構成 WordPressには検索フォームのためのsearchform.phpと、検索結果を表示させるsearch.phpがありますが、今回は使用していません。（通常の検索機能を残すため） 使うファイルは以下です。 archive-demo.php … 絞り込み結果を表示させるページfilter-searchform.php … 絞り込み機能 filter-searchform.phpを読み込ませば、どのページでも絞り込み検索が可能です。 カスタム投稿とカスタムタクソノミーを作成する カスタム投稿とカスタムタクソノミ

はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界

WordPressで無限スクロールを実装する方法です！無限スクロールの実装を理解できているとカスタマイズもしやく、かつWordPressの動きもちょっとだけ深く理解できるようになります。 前提として、WP_QueryなどWordPress特有のループ処理方法が当たり前のように出てきますが、その辺りの説明はしないのでWordPressの基本は理解している前提で記事が書かれていることをご理解いただけますと幸いです…。 一応、サブループについては以下で解説しています。 https://haniwaman.com/loop/ 動きのサンプル例 実際の動きはこんな感じです。スクロールが最後まで行くと、ローディングが開始して記事を取得して表示するという動きになっています。 自作できるようになっていると、ローディング時の動きなど柔軟に対応できるようになるはずです。 WordPressで無限スクロールを実

VenoBox 2 Just another jQuery Vanilla JS Lightbox plugin, suitable for Images, Videos, Inline contents, iFrames, Ajax requests. The big difference compared to many others modal-window plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window. (so in small devices you can scroll down the content, avoiding vertical microscopic resiz

Top > ホームページ制作発注ガイド > WordPressの記事一覧 > WordPressを活用した写真ギャラリーページの作り方ガイド｜おすすめプラグインもご紹介【2025年最新版】 ホームページ上でいかに上手に商品・サービスのイメージ画像を見せていくかは、Web担当者にとって重要な課題。そこで活用していきたいのがWordPressのギャラリー機能です。実はビジネス系サイトでも様々な場面で利用されています。 例えば、ランディングページやECサイトで、複数の商品画像で多角的に見せていくコンテンツをよく見ると思います。これもギャラリー機能を使って作成されたもの。 また、ギャラリー機能を使って以下のようなコンテンツを作成することも可能です。 不動産物件の部屋や間取りを紹介する ジムのトレーニングマシン・器具の種類を見せる レンタルスペースの各部屋の内装・設備を見せる このようにギャラリー機

こんにちは、しばです。 この間、WordPress外の静的ページから複数のWordPressの新着記事を取得するロジックを書く機会がありました。 サクッと見つけたwp-load.phpを使う方法で対処しようとしたところ、複数のWPでは無理ということが判明。 そこからそもそもWP外からWP記事を取得するのはどんな方法があるのかな〜と思い、ひとつのWPだけを取得する方法から別サーバーの複数のWPを取得する方法まで、色々と調べてまとめてみました！ 参考になれば幸いです。 同一サーバ内にあるWPの記事を取得する 例えばコーポレートサイトで、TOP含め他ページは静的ページ、ブログだけWPという構成は結構ありますよね。 このような構成で「TOPページにブログの新着記事を表示させたい」といった、取得先のWPと静的ページ双方が同サーバー内の場合に使える方法を最初に紹介したいと思います。 ※ちなみに同じサー

関連記事を表示するプラグインを使用することもできますが、あまり融通が利かなかったり、CSSの調整が面倒だったりなので、制作に慣れている方であれば、自分でゼロから設定してしまった方が早い場合があります。 今回は、カスタムフィールドを追加するプラグインを使用して、各投稿ごとに関連記事を設定できるようにします。関連記事という使い方ですが、記事は手動の選択制で、1つめが未設定であればランダム表示するだけなので厳密に言えば関連記事ではありませんが、サイト内を周回させたいだけであれば大体これで事足ります。 要件 【仕様】 ・投稿作成時に、編集画面で「関連する記事」を手動で選択する。 ・「関連する記事」の1つめが選択されていない場合は、今までの記事をランダムで表示する。 【使用するプラグイン】 Advanced Custom Fields（カスタムフィールドを作成するプラグイン） 【作業の流れ】 01.

ブログサイトなどで「人気記事一覧」や「よく読まれている記事」など見かけませんか？ 人気記事を表示することでブログの訪問者によく読まれている有益な記事を紹介できるとともに、サイトのPVアップや回遊率アップにもつながります。 今回はWordPressでこの人気記事をプラグインなしで表示する方法をご紹介します。 この記事では投稿の表示件数を管理画面に表示する方法や表示件数をリセットする方法も 人気記事表示ができるプラグイン まずは、WordPressのプラグインで実装する場合にはどのようなプラグインがあるのでしょうか？ 人気のプラグインには次のようなプラグインがあり、どちらも「WordPress　人気記事表示」などで調べると検索結果に出てくるプラグインです。 WordPress Popular Posts WP-PostViews プラグインを使うメリットとデメリット プラグインを使えば、コード

例えばAmazonで本を買うために商品ページを見ていたとします。商品ページの下の方に「この商品に関連する商品」が表示されており同じ著者やジャンルの本が表示されます。これが関連記事です。

世界中の全てのWebサイトの43%以上、実に4億8000万以上のサイトで 採用されるWordPress。無料のオープンソースCMSとして、 国内でも圧倒的なシェアを誇ります。 私たちはこのグローバルなプラットフォームを最大限に活用して、 あらゆるビジネスを加速させるお手伝いをしています。

WordPress のプラグイン Advanced Custom Fields を使ったカスタムフィールド値の取得と表示方法を紹介します。 値の取得方法と合わせて、表示されない時の注意点や対処方法も紹介します。 基本的な表示方法と注意点 投稿のフィールド値の取得と表示方法 カスタムフィールド値を取得したい場合 別の投稿のカスタムフィールド値を表示 オプションページからカスタムフィールド値を取得 条件分岐を使った表示方法 Repeater Field のフィールド値を表示 注意点 テキストフ​​ィールドの表示 画像フィールドの表示 画像の表示（返り値：オブジェクト） 画像の表示（返り値：URL） 画像の表示（返り値：ID） チェックボックス・ラジオボタンフィールドの表示 セレクタフィールドの表示 関連（投稿）オブジェクトの表示 投稿オブジェクトが一つの場合 投稿オブジェクトが複数の場合（グロ

WordPress 現在表示している投稿に「前の記事へ（前へ、BACKなど）」や「次の記事へ（次へ、NEXTなど）」のリンクを設置する方法を紹介します。 例えば、ページの最後に隣接している前後の記事を表示したい時に便利な方法です。 表示している投稿に「前の記事へ」と「次の記事へ」を表示する方法 アイキャッチ画像を表示したい場合 表示している投稿に「前の記事へ」と「次の記事へ」を表示する方法 前後の記事を表示するには get_previous_post と get_next_post を使用します。 通常 WordPress の投稿は日付の逆順にソートされます。 そのため get_next_post が古い投稿、get_previous_post が新しい投稿を指しています。 前後の記事へのタイトル付きリンクを追加する場合、次のコードをテンプレートに追加してください。 <?php // 現在

WordPressで「前の記事へ」や「次の記事へ」を表示する際はget_previous_post()とget_next_post()を使って記事リンクなどを表示しますが、 タクソノミー指定もしていないのに全ての記事が順番に表示されず、いくつかの記事を飛ばしてしまうことがあります。 この思わぬ落とし穴と対処方法について解説します。 ##はじめに結論 記事の「投稿日」を見直してください。 開発中はテスト記事を複製して量産することがあると思いますが、 複製された記事は投稿日が全て同じになります。 複数投稿でこの投稿日時が同じ場合、「前の記事（get_previous_post）」「次の記事（get_next_post）」として判定される投稿は、 同じ投稿日時の記事の中で「前」は一番上（最新）の投稿、「次」は一番下（最後）の投稿だけを表示します。 そのため、不規則にいくつかの記事を飛ばしてしまう

こんにちは、コバヤシです。 今回はWordPressの投稿ページのパーマリンクにカスタムフィールドの値を使用する方法について書きます。 よくある方法 今回は、/hogehoge/【カスタムフィールドで設定した値】で投稿ページを表示したいと思います。 （カスタムフィールドのフィールド名はcodeとします） ネットで検索すると見つかるのが、以下の方法です。 functions.php <?php function custom_rewrite_rule() { add_rewrite_rule( '^hogehoge/([0-9]+)/?$', 'index.php?post_type=xxxxx&code=$matches[1]', 'top' ); } add_action('init', 'custom_rewrite_rule'); function custom_query_vars

WordPressで、前の記事、次の記事のリンクを設置して、カスタマイズする7つの方法をご紹介します WordPressの記事ページ（single.php）に「前の記事」と「次の記事」のナビゲーションを追加する7つのカスタマイズ方法です。 ユーザーの回遊率アップのほか、GoogleにインデックスされやすくなるのでSEOの効果もあります。ページがGoogleにインデックスされない場合は試してみてください。 最もカンタンな方法 簡単で手早く設置するコードになります。 リンクのテキストには「記事のタイトル」と矢印が自動的に表示されます。 PHP

<?php $files = get_post_meta($post->ID, PDF, false); foreach($files as $file){ $file = wp_get_attachment_url($file); } ?> <a href="<?php echo $file; ?>" target="_blank" rel="noopener">PDFファイルです</a> これでアップロードしたPDFにリンクを貼ることができます。 ただし今回は、投稿する記事が毎回PDFじゃなくて本文ありの記事も書くというのが前提。 やることは・・・ PDFファイルがアップロードされているかPDFファイルがアップロードされていたら記事タイトルにPDFへのリンクを貼るそうでなかったら記事タイトルに通常通り記事へのリンクを貼るこんな感じです。 ではPDFファイルがアップロードされてるかどうか

ループ内、主にsingle.php等に書きます。前の記事と次の記事に設定したカスタムフィールドの値を表示出来ます。CUSTOM_FIELDは設定したカスタムフィールド名に置き換えてください。