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のバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXMLサイトマップはそのままでは出力されませんでしたので、プラグインを利用したり、または自前で用意したりといったかたちで対応をしてきたと思います。あるとき、WordPressをいじっているとまだ準備していないはずのXMLサイトマップが出力されていることに気づきました。 WordPress5.5からはデフォルトでXMLサイトマップが出力されるようになっていたのです。それがどのような機能なのかを簡単に見ていきたいと思います。 XMLサイトマップには、設
【WordPress】カスタムタクソノミーを親なしのチェックボックスで追加する | バシャログ。
こんにちはfujiharaです。自宅のwifi環境に中継機を導入したら ネットワーク環境が劇的に変化してマジすげぇと感動しています。 今回はカスタムタクソノミーを追加したときに、管理画面で親なし・チェックボックスにする 方法をご紹介します。 方法 カスタムタクソノミーを通常追加するときには以下のコードで 実現すると思います。(詳細オプションは省いて、無名関数で実装しています) add_action( 'init', function () { register_taxonomy( 'bashalog', 'post', [ 'label' => 'バシャログ', ] ); } ); 上記で追加されると以下のようになります。テキストフィールドで追加していく方法 まずはこれをチェックボックスにします。meta_box_cb に post_categories_meta_boxを指定 add_a
【WordPress】独自のブロックを簡単に作成できるプラグイン「Block Lab」 | バシャログ。
こんにちは、koyaです。 在宅勤務で自宅PCでAdobe製品を開きながら作業することが多くなり、メモリが足りなくなってしまったので16GBから48GBにアップグレードしました。めちゃくちゃ快適です。 最近はChromeだけでもメモリをたくさん使ってしまうので16GBだと足りなくなってしまいましたね… 今回はブロックエディタに独自のブロックを追加する事が出来る「Block Lab」を紹介します。 インストール プラグインの追加から検索、または以下のサイトからダウンロードしてインストールします。 wordpress.org 公式サイト 使用方法 インストールをするとサイドバーの一番下に「Block Lab」が追加されるので、ここからメニューを開くことが出来ます。 All Blocksを開くとデフォルトで「Example Block」が下書き状態で追加されています。 「Example Bloc
Gutenbergで既存のブロックにカスタム設定を追加する方法
Posted: 2019.03.12 / Category: WordPress / Tag: Gutenberg Gutenbergはサイドバーに「高度な設定」というクラス名を入力できる欄があるのですが、これだとクラス名を覚えていなくてはいけなくて、制作者以外の人に入力してもらうのが難しいですよね。 ということで今回はサイドバーに設定項目を追加してボタンでクラスの切り替えをできるようにしてみます。 動作環境 WordPress 5.1 Create Guten Block Create Guten Blockの導入は下記も参考にしてください。 Create Guten BlockでGutenbergのカスタムブロック開発環境を構築する 完成イメージ 段落のマージンをボタンで切り替えて調節できるようにしてみます。 コンポーネントの読み込み 最初に必要なコンポーネントを読み込みます。 blo
プラグインなしでカスタムフィールドの値を検索範囲に反映させる方法 - Welcart カスタマイズ
ツイート B! ブックマーク Google+ Pocket Facebook WelcartなどでECサイトを運営していると、メーカーの品番やSKUのコードを検索に反映させたい場合が結構あります。 しかし、Welcartが使っているWordPressの検索機能は「タイトル」と「コンテンツ」のみからキーワードを探すだけです。metaデータに格納されているSKU・品番などは、そのままでは検索されません。 また、ECサイトでなくても、Advanced Custom Fields等でカスタムフィールドを使ったデータを使っている場合にも、それらを検索に反映させたい場合も少なからずあると思います。 このようなmetaデータを検索範囲に入れる方法は、世界中のエンジニアさん方がチャレンジしているようでコードも多く出ていますが、いくつも試した中ようやく動いたのがこちらのブログで紹介されていたコード。 Sea
WordPressのメディアをfigure+figcaptionにする小粋な春の装い | 高橋文樹.com | プログラミング
この投稿は 11年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 画像につけられるキャプションというのはなかな味わい深く、つまらない写真でもクスリと笑わせることができてしまいます。boketeなんかはその極みといった感じでしょうか。 html5からfigure要素とfigcaption要素というのが追加され、まさにこの画像+キャプション芸のためのマークアップが爆誕しました。 WordPressでも画像を挿入した際にキャプションを入れることができるのですが、キャプション付きの画像を挿入した際のマークアップはdivになってしまいます。これはお洒落じゃないですねー。よくないです。 WordPressのキャプションはwp_captionというショートコードで実現されていますが、このショートコードは内部にフィルターを用いています。このため、さくっと乗
Elementor Page Builder - こだわったコンテンツを作成できるWordPressプラグイン MOONGIFT
ブログはついテキストが多くなってしまいがちです。そもそもWYSIWYGなエディタ部分において画像の埋め込みと文字装飾くらいしかサポートされていないのが原因でしょう。もっと凝ったデザインをしたいと思っても、HTMLを直接編集するしかなくなります。 そこで使ってみたいのがElementor Page Builderです。WordPress上でドラッグ&ドロップによるコンテンツ編集が実現します。 Elementor Page Builderの使い方 設定ページです。固定ページ、投稿、メッセージで利用できます。 編集画面に Elementorで編集 ボタンが追加されます。 これが編集画面です。左側のコンポーネントを追加します。 テキストも自由に追加できます。なお、編集は左側で行います。 画像を追加したりすることもできます。 こんな感じでコンポーネントを追加していきます。 これでページができあがりで
WordPressの固定ページや投稿の中でカスタムメニューを表示する方法
リニューアル案件の構築で親子関係をもつ固定ページがあったのですが、 グローバルナビに表示する程でもない・・・ メインである親ページに来たときに、サブページがあるのが分かればよい・・・ という内容だったので、 投稿内にカスタムメニューを表示しよう！！ ということになりました。 もちろん、 ・親子ページ全てに静的リンクを作る ・テンプレートファイルに分岐を作って表示させる 色々と方法はありますが、 管理画面から変更したい メニューの管理を簡単に 表示位置をある程度自由に というご要望もあり、今回はカスタムメニューを作りつつ、 投稿（固定ページ）内にカスタムメニューをショートコードで出力する方法を採用しました。 導入例例えば、ページ階層が ・（親）会社概要 (about) ・（子）役員紹介 (about/officer) ・（子）沿革 (about/history) ・（子）代表メッセージ (a
WordPressのテキストエディタを便利にする「クイックタグ」とは？（カスタマイズ方法有） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 WordPressで記事を書くとき、あなたはビジュアルエディタを使いますか？ それともテキストエディタでしょうか？ 私はテキストエディタ派なのですが、タグを素早く簡単に挿入できる「クイックタグ」というものを使いながら記事を書いています。 今回はその「クイックタグ」についてと、そのカスタマイズ方法を紹介します。 クイックタグについて クイックタグとは、テキストエディタを利用するときに、入力エリアの上部にあるボタンをクリックすると、そのボタンに応じたタグが挿入されるという機能です。クイックタグを効果的に使うことで、テキストエディタでの記事作成をすばやく、また記事の投稿者が違う場合でも同じような記事構造にすることができます。 クイックタグに標準で設定されている主なタグ 標準で用意されているタグは、主に次のようなものがあります。 b 【挿入されるタグ】 <s
WordPressをもっと使いやすく！ダッシュボードカスタマイズ！ ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
Windowsのイルカ並に消されてしまう不憫な子…（？） 脳内イメージはこんな感じです。 日本公式キャラクター「わぷー」 冗談はさて置き本題に入ります。 目次 オリジナルのCSSを追加 オリジナルのウィジェットを追加 「概要」にカスタム投稿を追加 「アクティビティ」にカスタム投稿を追加 ウィジェットの削除 ウィジェットのカラム数を変更 フッターのテキストを変更 オリジナルのCSSを追加 カスタマイズする上で重要ですよね。 ダッシュボードに限らず管理画面のカスタマイズで、最初の内は悩んだらとりあえずCSSで対応！という感じでいける部分もあると思います。 以下の例では記事中で紹介しているものを入れてます。多い場合は外部ファイルにまとめてしまっても良いですね。 function custom_dashboard_styles() { ?> <style> #dashboard-widgets-w
カスタム投稿タイプでカテゴリとタグを使う
内容が古いのでアップデート Custom Post Type UI を使う。 カスタム投稿タイプ使用する際に。今までfunctions.php直接編集してたけど、こっちの方が楽。 おしまい。 以下は古い内容なので、参考にならない。 というか、いけない。 WordPressの投稿にあるようなカテゴリやタグを、カスタム投稿タイプでも使いたい。 function.phpに追加して使用していたのだけど、カテゴリだけではなくタグも利用したくなった。 register_post_typeのsupportsに追加すれば良いのかと思ったけど、違ったのでメモ。 カテゴリもタグも、ようはカスタムタクソノミーを使うのだけど。 カテゴリのような入力欄を記事投稿画面に欲しい場合は、register_taxonomyのhierarchicalをtrueに。 タグのような入力欄を記事投稿画面に欲しい場合は、regist
【AddQuicktag】ビジュアルエディタから"class"や"id"がプルダウンから選べるプラグイン | Wordpress奮闘記
WordPressのテーマには、CSSファイルにさまざまな”class”属性や”id”属性が用意されています。 これらをどう活用するかが美しいサイトを作っていくポイントになるようです。 特に、有料テーマを購入した場合、これらを活用しないと宝の持ち腐れになってしまします。 例えば、前の記事でご紹介したように、この賢威ではさまざまなアイコンなどが用意されています。 しかし、このような場合、いちいちタグを手書きで修正しなければなりません。 例えば、上の画像の一番上の場合、ソースに下記のように直接書かなければならず、とても面倒です。 <p class=”caution1″>先頭にCHECK！という画像が付いた状態で表示されます。</p> このような手間を大幅に軽減してくれるのが「AddQuicktag」です。 「AddQuicktag」のインストール方法 「プラグイン」－「新規追加」を選択します。
WordPressのビジュアルエディタをカスタマイズする
WordPressのビジュアルエディタをカスタマイズする Wordpressのビジュアルエディタは基本的にデフォルトのままでも問題ないかと思いますが、不便なところもありますよね。 この記事ではfunctions.phpを編集してビジュアルエディタをカスタマイズしてみます。 TinyMCE Advancedとかプラグイン入れた方がはやくね？ とか言ってはいけない！ 投稿日2010年12月17日 更新日2015年01月08日 オリジナルのスタイルを適用する。 ビジュアルエディタはそのままだとテンプレートとスタイルが違うので、最終的なイメージがつかみにくいですよね。 テンプレートと同じスタイルを適用して、ある程度イメージの確認ができるようにしてみましょう。 現在使用しているテンプレートフォルダの「functions.php」に以下を記述します。なければ作成しましょう。 functions.php
固定ページに任意のウィジェットを簡単に追加出来るWordPressのプラグイン・Page Builder
地味に便利そうなプラグインがあったので備忘録的に。固定ページに、使用中のテーマで使えるウィジェットを簡単に追加出来る、というもの。ウィジェットを使いこなしている方には良さそうです。 ウィジェットは個人的にはクライアントワークでは欠かせない機能なので、こういったプラグインはちょっとありがたいです。 ウィジェットを固定ページに追加できる、というもの。その場でウィジェットタイトルも設定できますので、いちいちページ移動してウィジェットを管理する手間もありません。 プラグインを有効化すると固定ページを追加するところにタブが表示されます。ここでウィジェットを自由に追加します。カラム数を設定して横並びのレイアウトにする事も。 ウィジェットの追加は上記のようなlightboxで表示、選択する事が出来ます。 ただし、通常通り書いたコンテンツが無視されてしまいますので、テキストや画像は「テキスト」というウィジ
wp_list_categoriesのclassにスラッグを含める方法 – Simple Colors
Web Design Recipesのたかはしのりさんが、「WordPress のよくあるカスタマイズコード functions.php 多め」という記事で、 テンプレートタグ wp_list_categories に、スラッグ名のクラス付ける方法あったら、教えていただけると嬉しいです！ とおっしゃっていたので、いつものように？チャレンジしてみたのでした。 wp_list_pagesでは、page_css_classという出力されるclassへのフックがあって簡単に追加・削除が可能なのですが、wp_list_categoriesは、出力される全HTMLソースに対する wp_list_categories というフックがあるのみで、ちょっと難度があがります。 方針としては、「WordPressのカレンダーのthにclassを追加するコード（日本語限定）」と同様の方法で、正規表現でのパターン抽
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.web-development-kb-ja.site/ja/content/%E6%9C%80%E5%88%9D%E3%81%AE%E6%AE%B5%E8%90%BD%E3%81%A82%E7%95%AA%E7%9B%AE%E3%81%AE%E6%AE%B5%E8%90%BD%E3%81%AE%E5%BE%8C%E3%81%AB%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B/956897715/
[WordPress] query_posts やget_posts をカスタムフィールドを使って検索・抽出・絞り込む方法（複数も可） | mkoba のお部屋 ： DREAMHIVE Staff Blog
http://ru-426.com/wp/wordpress/2011/01/194.html
meta keywordsとmeta descriptionを追加するWordPressプラグイン「Meta Manager」 | TechMemo