WP REST APIで独自エンドポイントを登録しキャッシュする方法【WP REST Cache】 | Web技術Tips | ホームページ制作のDOE【横浜】
WP REST API で呼び出す投稿データの数が数千件や数万件になりそうなら、API のデータをキャッシュしたほうがいいです。 この記事では WP REST API の独自エンドポイントを追加する方法と、キャッシュを保存する方法を書いていきます。 API のキャッシュの保存には『WP REST Cache』というプラグインを使用します。 WP REST Cache は一度キャッシュに登録しておくと、投稿の更新や削除をした時に自動でキャッシュの内容が更新されて便利です。 独自エンドポイントの追加方法 register_rest_route() 関数でエンドポイントを設定します。 以下のコードでは /wp-json/vendor/v0/post をエンドポイントに指定しています。 function prefix_register_custom_route() { ///wp-json/ven
【WordPress】テーマカスタマイザーを作成する｜notes by SHARESL
テーマカスタマイザーとは WordPressの管理画面でプレビューしながらコンテンツを編集・更新・公開できる機能です。 テキストなどを入力エリアに打ち込むとリアルタイムでプレビューが更新されるので直感的でわかりやすく、初心者でも簡単に修正・更新ができます。 具体的にはWordPressの管理画面に入って「外観 → カスタマイズ」で表示される画面のことです。 何も設定していないとうまく使えませんが、対応しているテーマの場合はここからコンテンツを変更できます。 WordPressの受託案件で何度か使うことがあり、自作することが多くなったので使った方法やコードを一度まとめてメモとして残しておきたいと思います。 公式では「テーマカスタマイズAPI」としてcodexに情報が掲載されています。 テーマカスタマイズAPI https://wpdocs.osdn.jp/%E3%83%86%E3%83%BC
カスタマイザーのカスタマイズ方法！自由度の高いテーマ作りができるようになります | HPcode（えいちぴーこーど）
カスタマイザーに項目を追加する方法 早速カスタマイザーに項目を追加していきましょう。完全にオリジナルな自分の項目を追加する想定で作っていきます。 公式はこちら → テーマカスタマイズ API – WordPress Codex 日本語版 まずはfunctions.phpに以下のようなコードを書いてあげてください。 （全部を丸々コピーでOKです） function my_customize( $wp_customize ) { $wp_customize->add_panel( 'my_panel', array( 'title' => 'パネル名', 'priority' => 1, ) ); $wp_customize->add_section( 'my_section', array( 'title' => 'セクション名', 'panel' => 'my_panel', 'prior
Axiosとは、AxiosでGETリクエストを実装するには？
Axiosとは、AxiosでGETリクエストを実装するには？ Axiosは、JavaScriptのHTTPクライアントライブラリとして、APIとの通信を行う時に非常に通用されるツールになります。それでは、AxiosでGETリクエストを送信するには、どうしたらいいですか？本文では、Axiosを詳しく紹介した上、それを使ってGETリクエストを実装する方法を皆さんに紹介します。 Axiosは、JavaScriptのHTTPクライアントライブラリとして、APIとの通信を行う時に非常に通用されるツールになります。それでは、AxiosでGETリクエストを送信するには、どうしたらいいですか？本文では、Axiosを詳しく紹介した上、それを使ってGETリクエストを実装する方法を皆さんに紹介します。また、Axiosより直感的でAPIリクエストを送信したり、レスポンスを取得したりできる方法も一緒に紹介していきた
WP REST APIに追加したエンドポイントへのクエリを設定する覚書 | WP-kyoto
WP REST APIでエンドポイントを追加した場合、受け付けるクエリに関する設定も行えます。 ドキュメントに乗っている例 �https://v2.wp-api.org/extending/adding/ <?ph […] ドキュメントに乗っている例 �https://v2.wp-api.org/extending/adding/ <?php add_action( 'rest_api_init', function () { register_rest_route( 'myplugin/v1', '/author/(?P\d+)', array( 'methods' => 'GET', 'callback' => 'my_awesome_func', 'args' => array( 'id' => array( 'validate_callback' => function($para
ワードプレスでユーザーのログイン後にログイン前のページにリダイレクトする方法 – ワードプレスの移行・修正・カスタマイズ・復旧のご依頼はWordpress Doctorへ | Blog
この記事のショートリンクを取得 <a href='https://wp-doctor.jp/blog/?p=5886' target='_blank'>ワードプレスでユーザーのログイン後にログイン前のページにリダイレクトする方法</a> ワードプレスでユーザーがログイン成功した直後に任意の処理を実行する ワードプレスのユーザーログイン後のアクションは、login_redirectになります function afterlogin_function($redirect_to) { //ユーザーログイン直後の処理を記載します return $redirect_to; } add_action('login_redirect', 'afterlogin_function', 10, 1); ワードプレスでサブスクライバー(購読者)のみログイン後にログイン前にいたページにリダイレクトする 上記の処
WP REST APIでキーワード検索をしたら非同期で検索結果を表示
// ボタンクリックでイベント開始 document.getElementById("search-button").addEventListener("click", async () => { const searchInput = document.getElementById("search-input"); const searchResults = document.getElementById("search-results"); // 文字列の両端の空白を削除 const keyword = searchInput.value.trim(); // キーワードなしの場合無反応 if (keyword.length === 0) { return; } const targetSiteUrl = 'https://jobtips.net/'; // APIで取得したいURLを
WordPress taxonomy アーカイブの判別方法 - by Takumi Hirashima
WordPress で タクソノミーアーカイブページの判別方法を紹介します。 is_tax() 関数を使用する is_tax() 関数を使用する is_tax() 関数は、現在表示しているページが taxonomy アーカイブページかどうかを判定する関数です。 引数には、taxonomy のスラッグを指定します。 たとえば、taxonomy のスラッグが category のカテゴリーアーカイブページかどうかを判定する場合は、次のようになります。 if ( is_tax( 'category' ) ) { // カテゴリーアーカイブページ } まとめ WordPress で タクソノミーアーカイブページの判別方法を紹介しました。
WP REST APIでクエリパラメーターを操作してWordPressの投稿データをリストで取得する | オウンドメディア | 大阪市天王寺区ホームページ制作｜合同会社デザインサプライ-DesignSupply.LLC-
過去記事「WP REST…
WP REST APIのカスタムエンドポイントにカテゴリー名を追加した話
私にもありました。Wordpressでの一覧呼び出しはJs+RestAPIが正義だと思っていた時代が。。。 皆さんはWP REST APIを使用したことがありますか？ json形式で投稿を扱えるのですごく便利なのですが、「この情報が含まれていないからエンドポイントに追加したい」ということが割りと起こります。 特にカテゴリーはidしか含まれていないので、取得後、さらにカテゴリー名を取得しに行くという2度手間が発生します。 そこで今回はWP REST APIのエンドポイントにカテゴリー名やカテゴリーに付随する情報を追加してみましょう。 # この記事で解決すること WP REST APIのエンドポイント（post_type）にカテゴリー名を挿入することができる WP REST APIのエンドポイント（post_type）にカテゴリーに付随する情報を挿入することができる 前提 今回はカテゴリーのn
WordPressの記事をMarkdown形式に一括出力する方法
2023年6月27日 Webサイト制作, Wordpress WordPressで運営していた記事をJAMStackサイトに移行したり、GitHubで管理したいというとき、記事数が少なければチマチマ手作業でも問題なさそうですが、数十、数百の記事を手作業するのはさすがにしんどいですよね。今回はたまりにたまったWordPressの記事をMarkdown形式に一括で変更、ダウンロードする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 1. WordPressの記事をエクスポート WordPress管理画面の「ツール」→「エクスポート」から書き出したいコンテンツを選びます。画像や本文データすべて利用する場合は「すべてのコンテンツ」を選んで「エクスポートファイルをダウンロード」ボタンをクリック。XML形式のファイルがダウンロードされます。 エクスポートしたデータは、ひとまずわかりやすい
WordPress制作環境の過去と現在、そして未来はどうなる？wp-envの使い方を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はいさい！ 沖縄からフルリモートでLIGでお仕事しているうーまーです。 WordPressを触りはじめて、なんやかんや12年くらい経ってました 最初の2年は個人的なサイト作ったりだったので、お仕事としてWordPressを扱いはじめて10年くらいです。歳をとるのって早いですね……。 そんなこんなで、LIGの制作環境をアップデートしたいと思い情報を探っていたら、wp-envなるものをワードプレス公式が公開しているではありませんか！ 知らなかったなんてWordPressエンジニア失格だな……と思っていたんですが、あまり知られていないのか、記事も少ないしそんなに話題になっていないみたいな雰囲気が（僕だけじゃなかった）。 理由は恐らく、下記のような感じでしょう。 DockerやLocal（Local by Flywheel）が優秀で、あまり必要性を感じていない せっかく作った制作環境をまた作り直す
Advanced Custom Fields Proを用いたGutenbergのブロック開発 - Qiita
Gutenbergが嫌われている件について WordPress5.0にてGutenbergが搭載されてから早4年が経ちました。 今ではGutenbergをフル活用した「フルサイトエディター (FSE)」なるものが実装されつつあり、もはやWordPressを使用する人にとって、Gutenbergの理解は必須です。 しかし、、、世の中はGutenbergが嫌いな人が多い印象を抱きます Gutenberg内の機能開発が活発であり、運用の工数がかかる クラス名が勝手に割り振られてしまい、CSSでの制御が難しい アップデートによりブロックの見た目が崩れることがある Classic Editorよりも、投稿画面のカスタマイズがしにくい カスタムフィールドを設置しても、場所が見にくい（ページ下部とサイドバーにしか出せない）ので編集しにくい などが主に嫌われる理由だと思います。 ※余談ですが、フルサイトエ
WordPressの新エディタ「Gutenberg」徹底ガイド（2024年版）
WordPressの新エディタ「Gutenberg」徹底ガイド（2024年版） 2018年12月にWordPressのブロックエディタ「Gutenberg」が発表されたとき、これをどう期待すれば良いのかがわかりませんでした。確かに、ベータ版で遊ぶ時間は十分にありました。しかし、実際の立ち上げがどれくらいスムーズに進むのか、ユーザーや開発者がどれくらい新しいエディタを受け入れるのかは予測できませんでした。 今回の記事を最初に公開してから2年以上が経過し、Gutenbergエディタは大きな成長を遂げました。MVP（Minimum Viable Product、実用最小限の製品）としての発表から、より成熟したプロジェクトへと進化し、今や、最終的な目標「WordPressのための統一されたフルサイト編集体験を実現する」に近づきつつあります。 この最近の変化を受け、今回の記事ではGutenbergエ
WordPressのページ編集をより効率化できる「再利用ブロック機能」を知ってますか？ | knowledge / baigie
エンジニアの酒井です。突然ですが、みなさんはWordPressの「再利用ブロック」をご存知でしょうか？WordPressでページを編集していると、中の文章や画像だけ変えて同じパーツを使いまわしたい場面って、よくありますよね。そんなときに活躍するのがこの「再利用ブロック」という機能です。 この「再利用ブロック」という機能を利用すると、あるページで一度作成したパーツをテンプレートとして登録し、それを他のページで呼び出して繰り返し利用できるようになります。 この記事では、以下のような「吹き出し」の作成を例に、再利用ブロックの使い方を説明していきます。 再利用ブロックの登録は以下の流れで行っていきます。 1. デフォルトのブロックを組み合わせる まずはレイアウトを組みます。吹き出しの完成形を見てみると左右にカラムが分かれているので、カラムの「50 / 50」を追加します。 すると、左右のカラムごと
WordPressのブロックエディタのチューニング - シナプス技術者ブログ
システム開発課の今門です。 前回はWordPressの新しいエディタ、ブロックエディタとはどんなものなのかを紹介しました。 今回はブロックエディタのチューニングについて話します。 現在、WordPressのコア開発の中心はブロックエディタになっています。アップデートがあるたびに、ブロックエディタの新しい機能が追加され、ブロックの数も増えています。 高機能・多機能になるのはもちろん喜ばしいことですが、管理画面のUIも複雑になり、一部の機能しか使わないような場合には、操作性はすこぶる悪くなってしまいます。必要なもののみを取り入れ、不必要なものを表示しないようにチューニングすることで、操作性は格段に向上します。 そのためのTipsをいくつかご紹介します。 [Tips 1] 特定の投稿タイプのみ、ブロックエディタを有効にする [Tips 2] 必要なブロックのみを表示する [Tips 3] ブロッ
Elementorでできる、すごいWebレイアウト用コードスニペット、つくり方まとめ
Elementor（エレメンター）を使えば、プロのような美しいWordPressホームページを、ドラッグ＆ドロップの簡単操作で、スピーディーに作ることができ、初心者にもオススメのツールです。 あらかじめ作成されたテンプレートを利用すれば、だれでも思い通りのウェブページを、ワンクリックで作成でき、時間の節約にもなります。 ここでは、Elementorで実現できる魅力的なWebレイアウト20選を、コピペできるサンプルコードと一緒にご紹介します。 ところで、Elementorってなに？ Elementorは、コーディングの専門知識がなくても、ドラッグ＆ドロップするだけで、ホームページを作成できる、いま話題の「ノーコードツール」のひとつ。 WordPress全体の18.5%が、Elementorをインストールしており、これまでに２億回以上ダウンロードされている人気プラグインです。 直感的にサイトの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WooCommerce: Login Redirect by User Role @ My Account
WP REST APIで独自エンドポイントにパラメーターを使ってキーワード検索や個別記事を取得できるようにする | オウンドメディア | 大阪市天王寺区ホームページ制作｜合同会社デザインサプライ-DesignSupply.LLC-
How to change the default HTML output of a Gutenberg block in WordPress?