こんにちは、しばです。 この間、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ファイルがアップロードされてるかどうか

Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources. Links About/Privacy Policy Contact X(Twitter) Facebook

デフォルトの投稿一覧ページでは満足できない場合、カスタマイズするか新しく作成するしか方法はありません。 『WordPressの投稿一覧ページの作成方法を教えてほしい』 『投稿一覧ページを作成できるプラグインはないの？』 『メインループとサブループの違いは？』 今回のコラム記事では、上記のような疑問に答えます。 くわえて、投稿ページ一覧の作成方法を3つ解説します。 自分のレベルに合わせた、最適な作成方法を選択しましょう。 ※今回のコラム記事で掲載している情報は、記事公開時点（2022年12月11日）のものです WordPressの投稿一覧ページとは WordPressの投稿一覧ページとは、投稿した記事が一覧で表示されるWebページのことです。 記事のタイトルや投稿日、投稿者名、投稿日、サムネイルなどが表示されており、目的の記事を探しやすくなります。 投稿一覧ページは、設定によって新しい記事順

この記事ではシングルページで前後の記事へのページネーション （ページャー）を実装する方法について解説します。 今回は下記に分けて解説するので、お好きな方法で実装してみてください！ WordPress関数を利用する方法previous_post_link() / next_post_link()the_post_navigation()get_adjacent_post()投稿IDから判断して自作する方法WordPress関数を利用するここでは前後の記事を取得できるWordPress関数を3つ解説します。 previous_post_link / next_post_link

WordPressでホームページを制作する際に、トップページにお知らせ記事一覧を掲載することは非常に多いと思います。（っていうかほぼ100%?) 通常はその一覧リストをクリックすると、その記事詳細ページに移動するのですが、中にはまるっきり別ページに移動させたいといったケースがあるかと思います。（例えばまっすぐPDFファイルを表示させてみたり。新しいサービスサイトにまっすぐ移動させたい。みたいな感じです。） そこで今回はそんなケースにも対応するための方法をご紹介したいと思います。プラグインは使いません。 通常のWordpressのお知らせの流れ ご存知でしょうが、通常Wordpressで投稿記事を書くと、その記事はsingle.phpに表示されます。 で、その記事が投稿された情報をフロントページがリストで表示するわけですよね。一般的な最新記事一覧の表示のさせ方はこんな感じです。 <ul> <

WordPressでコーポレートサイトを構築する場合、必ずと言っていい程「News(お知らせ)機能を実装して欲しい」とご依頼をいただきます。よくあるのが「各カテゴリー別に出力したい」「カテゴリーアイコンを表示したい」「一定期間で非表示になるNEWアイコンを付けて欲しい」など様々です。 先日、ちょっと変わったご依頼をいただきましたので、その忘備録として本記事を投稿します。 内容は以下のような感じです(※WordPressでのカスタマイズ内容)。 タイトルのリンク先を詳細ページにする(※「1」と「2」は選択可能とする) タイトルのリンク先を別ページ or 別ファイル(PDFなど)にする(※「1」と「2」は選択可能とする) タイトルの遷移先を別ウィンドウで開く(※「同一ウィンドウ」と「別ウィンドウ」は選択可能とする) カスタムフィールドの実装 まずは「カスタムフィールド」を作成します。 「カスタ

投稿でお知らせを書く場合に、内容がほとんどなく「詳しくはこちら」とリンクを貼る場合が会社サイトの場合にはよくあります。 そうなると、ユーザーは、①投稿のタイトルをクリックし、②本文のリンクをクリック、③ユーザーは、やっと内容を見ることができます。 何回もクリックする必要があるので、すっきりさせることができます。