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を
実はこんなこともできる！MW WP Formの便利なカスタマイズを紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。バックエンドエンジニアのまうみです。 今回はWordpressでお問い合わせフォームを実装する際の定番プラグイン、MW WP Formの知っておくと便利なカスタマイズを紹介します。 MW WP Formはシンプルなショートコードを生成し、簡単に確認画面付きのフォームを作成できることが特徴です。しかもカスマイズの幅もとてつもなく広く、応用次第で様々な案件に対応できるポテンシャルを持ったプラグインです。 今回は機能別に、「えっ、そんなこともできるの？」というようなMW WP Formのカスタマイズ技をご紹介します！ 出力されるタグのhtml構造を変更したい 例えばデフォルトのタグのDOMの構造を変更して、独自のclassを追加したい……そんなときのためのカスタマイズです。 プラグイン内で管理されているテンプレートパーツを、WordPressのthemeディレクトリにコピーすることで
WordPressで日付の範囲指定をして記事を表示する方法 | それからデザイン スタッフブログ
WordPressでブログ投稿を一覧ページに表示する際、○月○日から○月○日までといった具合に、日付の範囲指定して表示させたいことなどありませんか？ 例えば、○月○日から○月○日までのイベントに関する記事を表示させたいなどが考えられると思います。 そのような場合、「date_query」を上手に使うと、日付の範囲指定をして記事を表示することができるので、とても便利です。 今回は、「date_query」の使い方やパラメーターの種類について、幾通りかの日付の範囲指定を例に、少しご紹介をさせていただきたいと思います。 WP_Queryクラスで「date_query」を利用する 投稿日を指定する場合（例 2015/7/21 ） year、month、dayに取得したい日付をそれぞれセットします。 $args = array( 'date_query' => array( array( 'year
WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXMLサイトマップはそのままでは出力されませんでしたので、プラグインを利用したり、または自前で用意したりといったかたちで対応をしてきたと思います。あるとき、WordPressをいじっているとまだ準備していないはずのXMLサイトマップが出力されていることに気づきました。 WordPress5.5からはデフォルトでXMLサイトマップが出力されるようになっていたのです。それがどのような機能なのかを簡単に見ていきたいと思います。 XMLサイトマップには、設
画像のURLから、その画像のIDを取得する
画像のURLからその画像のアタッチメントIDを取得するコード。カスタムフィールドに格納した、どこにも紐付いてない画像の他のサイズのパスを取得する際にどうしても必要になった時に探してもなかなか方法が見つかりませんでしたので同じ内容で困ってる方用に。
カスタム投稿タイプのカレンダーを表示する[WordPress]
Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 まえがき カスタム投稿タイプのカレンダーを表示したかったので「get_calendar()」を元に関数を作りました。とはいっても本当にちょっと手を加えただけですが。 カレンダーを表示したい場合は基本的に「投稿」を使った方が丸く収まりますがカスタム投稿タイプを使わなければいけない場合もあるかと思います。 そんな時に参考にしてもらえればと思います。 今回紹介する方法は、functions.phpにコードを書き足すタイプの方法です。 プラグインもあるのですが、ウィジェット形式にしか対応してなかったりするのでKoToRiはfunctions.phpにコード書いた方が自由がきくかな～と思います。 カスタム投稿タイプのカレンダー
![カスタム投稿タイプのカレンダーを表示する[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf35252198fa49d645fc19e6f8d8119e35b78e35/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fthumb3.gif)
WordPressでリスト型カレンダー表示機能を追加してみた｜くろひつじのメモ帳
子どもの夜泣きで慢性的睡眠不足なひつじさんです。 以前WordPressで作ったダメ系ライブカレンダーの要望に「カレンダー表示機能を付けて欲しい！」とあり、設置してみました。その設置方法のメモです。 かなり強引なやり方だと思いますが、私の知識ではこのやり方でしか実装できませんでした。もっと勉強したいものです。 その点ご留意のうえご覧ください。 １年以上前の記事です。情報が古くなっている可能性があります。 やりたいこと・仕様 ・カスタムフィールドで追加してある日付を元にカレンダー表示にしたい ・祝祭日も表示したい ・WordPressのdata.phpは使わない ・同じ日にイベントが表示されることもある 投稿日時は投稿日時で使う場合もあるので、data.phpは使用しないやりかたにしました。 カレンダーの表示は固定ページを一つ設けて、そこで大きく表示させます。 コードサンプル 以下のようなや
Wordpress標準カレンダーをいじってみる | wald-grun
先日担当したクライアントワークで、店休日をカレンダーとして表示する機能を求められ、Wordpress標準のカレンダーで特定の月を指定して個別にカレンダーを表示する、というカスタマイズを行いました。 実際に使用したものではなく例としてですが、こんな感じで表示するためのカスタマイズです。 サンプル 需要があるかはわかりませんが、自分用のメモとして手順を記録しておきます。 まず、普通にカレンダーを呼び出す関数はget_calendar()で、こちらは以下のファイルに記述されています。現在のバージョンだと1387行あたり。 wp-includes/general-template.php こちらを変更したいのですがコアファイルをいじると何かと面倒ですし、この関数をまるっとfunctions.phpにコピーしてそちらを編集して使用することにします。 同じ関数名だとエラーとなってしまうのでまず名前を変
WordPress get_posts()の検索条件で、ちゃんとpost_typeを設定する | doli blog
WordPress関数「get_posts」でちょっと悩んだのでメモ。 $argsに検索条件を設定して、条件に一致する投稿データを取得するわけですが。 カスタム投稿タイプ「製品情報（products）」を作り、 そこにカ … 続きを読む »
[WordPress]カスタム投稿タイプの記事一覧を取得して表示するソースコード
[WordPress]カスタム投稿タイプの記事一覧を取得して表示するソースコード 更新日: 2019/10/18 公開日: 2014/05/06カテゴリー: WordPress カスタム投稿タイプの記事一覧を表示カスタム投稿タイプの記事一覧を表示したい場所に、以下のソースコードを貼り付けて下さい。 4行目の「’post_type’」のパラメータ（post-type-nameと書かれている部分）に、表示したいカスタム投稿タイプの名前を入れます。 <ul> <?php $args = array( 'numberposts' => 5, //表示（取得）する記事の数 'post_type' => 'post-type-name' //投稿タイプの指定 ); $posts = get_posts( $args ); if( $posts ) : foreach( $posts as $post
![[WordPress]カスタム投稿タイプの記事一覧を取得して表示するソースコード](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3e97c5341963e1c12bca1a015d2478aea39c48a/height=288;version=1;width=512/https%3A%2F%2Fincrement-log.com%2Fwp-content%2Fuploads%2F2019%2F10%2Fdefault.png)
WordPressのカスタム投稿タイプの作成と表示
カスタム投稿タイプの作成と表示方法です。 カスタム投稿タイプを使うようにするにはregister_post_type()タグを使います。 <?php register_post_type( $post_type, $args ) ?> $post_typeには投稿タイプの名前が入ります。 $argsに配列で細かい設定を入れて行きます。 function.phpに下記のように記入すると、ダッシュボードに”テクスチャ”という項目が追加されてカスタム投稿ができるようになります。これは最低限のコードです。 register_post_type( 'texture', array( 'label' => 'テクスチャ', 'public' => true, ) ); ‘label’にはダッシュボードで表示される名前を入れます。 ‘public’ => true にすると以下の値を設定した事になります
query_posts()を利用しつつ親カテゴリのアーカイブで子カテゴリの記事を出力する : 雑記帳 : rusica.net
Category: WordPress関係 カテゴリアーカイブ内の$catで取得できる値は親カテのIDだから、そのままquery_posts()に値を投げ込むと親カテと子カテの両方にチェック入れてない限り、親カテのアーカイブでは子カテの記事は表示されない。 よって、get_category_children()でその親カテに所属する子カテのIDを取得してquery_posts()に投げ込めば、子カテにしかチェック入れてない記事も親カテのアーカイブに表示させることができる。 補足。get_category_children()で取得できる値は文字列 *1なのでsplit関数 *2explode関数を使って配列形式にしてからquery_posts()に投げ込まないといけない。 //子カテゴリのIDを配列で取得 function get_child_id_Array($parrentID){ $
WordPressの記事をAjaxで追加読み込みしたときの話 | ocws BLOG
追加読み込みをAjaxを使って表示させたいなと、思いまして いろいろ探してましたらいいのがありましたので今回はそのやり方を詳しく紹介したいと思います。※プラグインは使ってません。 参考にさせていただいたサイトは WordPress ページングはやめてAjaxローディングにする です。では始めたいと思います。 もし、急ぎで知りたい方はページの一番下のまとめのところをご覧下さい。 主要ファイル 今回使用するファイルは以下の3ファイルです。（ファイル名は任意で大丈夫です。） ・index.php（追加読み込みしたい箇所があるファイル） ・style.js（「more.php」で生成したHTMLを「index.php」に反映するファイル） ・more.php（データベースから値を持ってきてHTMLの基礎を生成するファイル では、index.phpから順番に説明していきたいと思います。 index.
カテゴリ・タグ一覧ウィジェットとタグクラウドページを自作してみる | NeGiMeMo.net
bell賞味期限切れコンテンツ この記事は公開または最終更新から1750日くらい経過しています。 このメッセージが表示されている記事（特にプログラミング系）は情報が古くなっている可能性があるので注意して下さい。 おはようございます。@nyagihimeです。今日頑張ればゴールデンウィークですね。 自分はカレンダー通り（途中1日有給取ったけど）のため，歯抜けで途中出勤がありますが，人によっては全部繋いじゃった方とかは約10連休ですか？旅行とか行くにはよさそうですね。 さて，今日のネタですが， サイドバーに表示していたカテゴリ一覧とタグ一覧をオリジナルのデザインにしたくなったので、作ってみることにしました。 やりかた やってることは非常に簡単で、表示したいところで $cats = get_categories(); if ($cats) { echo '<dl class="catList">
カスタム投稿タイプとカスタムタクソノミーまとめ
カスタム投稿タイプとカスタムタクソノミーについてまとめました。結構詳しくまとめた（つもりな）のでこの記事を参考にすればカスタム投稿タイプを使用して基本的なことは出来るようになると思います。 まえがき カスタム投稿タイプとカスタムタクソノミーについてまとめました。 カスタム投稿タイプを使ってWordPress標準の「投稿」とは別の独立したブログコンテンツを作成する時に必要になりそうな項目をピックアップして解説します。 カスタム投稿タイプとカスタムタクソノミーを覚えるとできることの幅が格段に広がりますので抑えておいて損は無いと思います。 目次 カスタム投稿タイプとカスタムタクソノミーの概要 カスタム投稿タイプとは カスタムタクソノミーとは タームとは カスタム投稿タイプ&カスタムタクソノミーの作成 カスタム投稿タイプのパーマリンク設定 カスタム投稿タイプのテンプレートやタグ カスタム投稿タイプ
query_postsを捨てよ、pre_get_postsを使おう【追記あり】【報告あり】
[2013-07-15追記] より詳しい補足記事を書きました。 → WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_postsまとめ】 WordPressのテンプレートをカスタマイズしようとして高確率でハマったり事故ったりするのが query_posts 関数というやつでして、ぐぐってみたらこの1年以内にも query_posts の使い方を「WordPress使うなら必須知識！」として解説したり、いまだに $paged を引数で渡さなきゃいかんとか、書いてあるブログ記事もたくさん見つかりまして頭痛が痛くなります。この際、はっきり言っておきましょう。 もう query_posts は一切使う必要ありません。 いやまあ、かく言うワタシも迷っていた時期がありまして。でも周りのWPerにquery_posts要らないらしいよ？という話を聞く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to change the default HTML output of a Gutenberg block in WordPress?
零弐壱蜂
正在安全检测...
http://webcake.no003.info/webdesign/get-terms.html
