【WordPress】指定したカテゴリー内で利用しているタグ一覧を取得して表示する例
WordPressでサイトを作成していると、指定したカテゴリー内の投稿で利用しているタグ一覧を表示したい場合があるかもしれません。 今回は、そのような場合に利用できるソースコードの例となります。 指定したカテゴリー内で利用しているタグ一覧を取得して表示する例例では、まず、指定したカテゴリーに属する投稿で利用しているタグのオブジェクトを取得する関数を作成します。そして、作成した関数を利用しタグ一覧を表示します。 以下が作成する関数の例となり、functions.phpに記述します。 function my_tags_in_cat( $cat_id ){ // 現在のカテゴリーに属する投稿のIDを配列で取得 $post_ids = get_objects_in_term( $cat_id, 'category' ); // 現在のカテゴリーに属する投稿で利用しているタグのオブジェクトを取得 $
WordPress: @wordpress/env と @wordpress/scripts を使ってカスタムブロック開発環境をセットアップする
2. 前提環境Windows 10WSL 2 に Ubuntu を導入して使用する。 3. 手順(1) 準備Docker Desktop のインストールして起動しておきます。Node.js (Windows用) をインストールします。(2) @wordpress/env を導入するWSL 2 のターミナルで以下を実行し、@wordpress/env を導入します。 $ npm install -g @wordpress/env(3) カスタムブロックの雛形を用意するカスタムブロックの雛形として生成するディレクトリの名前を “starter-block” とした場合、以下のようにコマンドを実行します（任意の名前で構いません）。 $ npx @wordpress/create-block starter-block $ cd starter-blockまた、この後 @wordpress/env
WordPress Gutenberg ブロックの作成
WordPress Gutenberg ブロックの作成 ブロックエディタ Gutenberg で独自のブロックタイプを作成（自作）するための基本的なことについての覚書です。 以下は(旧)ブロックの作成 チュートリアル（削除予定）などの古い情報を参考にしているため部分的に古い情報になっています。 2024年時点での情報でのカスタムブロックの作り方は以下を御覧ください。 WordPress Highlight.js カスタムブロックの作成 WordPress Highlight.js カスタムブロック サンプル 環境構築などはせずに、独自のブロック（カスタムブロック）を作成する方法を掲載しています。内容的には主に日本語の公式リファレンスの「ブロック」を元にしています。 以下で作成するブロックは単純なもので、JSX も使用しないので環境構築（Babel の設定など）の必要はありませんが、ローカル
Complete Guide to the WordPress Theme Customizer - WPMU DEV
WordPress 4.7 was released with a ton of great new features (which you can check out here), including some user experience and user interface upgrades to the theme Customizer. In case you’re hearing about the Customizer for the first time, it’s a feature in the WordPress admin (go to Appearance > Customize) that allows users to tweak theme settings using a WYSIWYG interface and customize a theme’s
Wordpressのカスタマイザで画像IDを保存する方法 | Analog Studio
2020/01/16 概要 Wordpress のカスタマイザで画像を選択させる時に使う WP_Customize_Image_Control クラスを使っている方は多いと思います。 しかし、テーマの設計上でサイズの小さい画像やサムネイルも欲しい時、WP_Customize_Image_Control クラスだと画像の URL になってしまうので少し面倒です。 一般的に良くある解決法は画像 URL から Attachment ID (以降、単に「ID」と呼ぶ) を取得する attachment_url_to_postid 関数を使っています。 でもこの attachment_url_to_postid 関数は実行するたびに SQL クエリを飛ばすので頻繁には使いたくないですね。取得した ID から wp_get_attachment_image_url などの関数でもデータベースにアクセス
WordPress Gutenberg ダイナミックブロックの作り方
ファイルの作成 この例ではファイルの作成及び JavaScript 環境の構築は create-block を使って行っています。 カスタムブロックをプラグインとして作成するので、ターミナルでプラグインディレクトリに移動して npx コマンド「 npx @wordpress/create-block 」を実行します。 以下では対話モードで実行していますが、slug とオプションを指定して実行することもできます。 関連ページ：Gutenberg ブロック開発の環境構築 $ npx @wordpress/create-block return //create-block を対話モードで実行 npx: 217個のパッケージを33.092秒でインストールしました。 //対話的にオプションを設定 //ファイルの出力先ディレクトリ名に使用される文字列（slug）を指定 ? The block slu
Before Gutenberg - WPerが知っておくべきES6とReactのこと - Capital P
この連載ではGutenbergがリリースされる前にやっておくべきことをまとめているのだが、Gutenbergがもたらしたもっとも大きな変更点として、Reactの導入がある。これにより、次の新しい要素が導入される。 ES6/ES Next React + JSX さて、以上の概念について慣れ親しんでいる人は特に驚きはないだろうが、これまでjQueryぐらいでしかJavaScriptを学んでこなかった方は本稿を読んで今後の参考にしてほしい。 TL;DR ES6とは、新しいJavaScriptだが、ブラウザ互換性のために色々工夫する必要がある。 WordPressではES5による記法を提供しているが、ES6(ESNext)で書くべきである。 挫折した人はツール類の登場を待つか、Webアセンブラーに転職しよう。 ちなみに、TL;DRとは、”Too Long, Don’t Read”の略で、長文ブロ
SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマ
圧巻の機能性と、 直感的に使いやすいエディター WordPress5.0から 導入された『ブロックエディター』。 SWELLは2019年のリリース当初からこのブロックエディターに完全対応しており、 それからも日々、改善を積み重ねてきました。 開発し続けて 4年 になります。 長い月日で培ってきたノウハウを全て注ぎ込み、 細部まで熟考されたSWELL独自のカスタマイズを加えています。 その使い心地と機能性は、圧倒的です。 （この動画は古いもので、現在はさらに進化しています。） HTML や CSS などの知識がなくとも、 マウス操作のみで直感的にコンテンツを作り上げることができ、 デザインを整えることに時間を費やす必要はありません。 部分的にカスタマイズ性をあえて少しだけ抑え、 迷いを減らし記事作成に集中できるような工夫もしています。 細部までこだわり抜いた設計で、コンテンツ作成をサポートし
WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld
個人的に普段から対応することが多いものを中心に、更新者（クライアント）が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSやJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす
WordPress にバックドア仕掛けられないように... - dogmap.jp
いくら気をつけていても、不幸にして WordPress にバックドアを仕掛けられることは往々にしてあるものです。 重要なのは日々のアップデートと監視なのですが、間に合わずにやられちゃってバックドア仕掛けられることもあるでしょう。 先日リリースされた WordPress 4.5.2 でも結構重めの XSS 脆弱性の報告と修正が行われましたね。 WordPress 4.5.2 セキュリティリリース そんなわけで、ひさ～しぶりのブログはバックドア仕掛けられないようにする防衛策とソースが改変された時の対応策です。 バックドアを仕掛けられる前の防衛策 不要な php ファイルにアクセスさせない WordPress のバックドア仕掛けてくるやつの手順として多いのが、メディアアップロード機能の脆弱性とかを利用して wp-conten/uploads/ 以下に php ファイルを置いていき、そのファイルに
Wordpress SEO対策 All in One SEO Packのdescription出力の改造 | サイトスパイラル(Sitespiral) - 沖縄で ホームページ制作 / WordPressのことなら
WordPressのSEO対策として、Wordpressプラグイン「All in One SEO Pack」(以下、aioseop)をご利用の方は、多いと思います。わたしもよく利用しています。 といっても、meta keywordとdescriptionは、昔ほどSEO対策としては薄れているようですが、やっぱり、SEO対策として重要なヘッダータイトル(<head><title>～</title></head>)の出力がaioseopはよくできていると思います。 そもそも、meta descriptionとは、検索エンジンが検索結果の説明文に使ってくれる事が多い(ほとんど？)情報です。オーガニック検索で、説明文がしっかりしているものと、そうでないものとでは、説明文がしっかりしているものがクリックされやすいと思います。 さて、aioseopで、このmeta descriptionに値をセットす
Rewrite APIその2 WordPressでアプリを作る基本（WordPressプラグイン開発のバイブルのボツ原稿から） - Shinichi Nishikawa's
add_rewrite_rule() それでは、ここからはいくつかの関数について事例を挙げながら説明をしていきます。 add_rewrite_rule()関数は、$wp_rewrite->rulesにリライトルールを追加するための関数です。 add_rewrite_rule( $rule, $rewrite, $position ); $rule: 正規表現でマッチする文字列を指定します $rewrite: $ruleにマッチする文字列をどういうURLに変換するのかを指定します。$match配列でマッチした文字列を利用できます。 $position: ’top’か’bottom’を指定して、新しいルールの挿入位置を決めることができます。’top’を指定すると一番最初に挿入されるので、最優先され、bottomは最後に挿入されるので、他のすべての正規表現の後にマッチングがチェックされます。未指
Contact Form 7 3.9 ベータ | Contact Form 7 [日本語]
Contact Form 7 3.9 がもうすぐリリースされます。3.9 ではその内部構造に対して大規模なリファクタリングが行われました。ほとんどのユーザーは気にしなくてよいことですが、もし Contact Form 7 のアドオンプラグインを開発していたり、テーマの functions.php ファイルから Contact Form 7 のカスタマイズを行っている場合には、Contact Form 7 3.9 に対応させるために修正が必要になるかもしれません。 Contact Form 7 3.9 のベータ版は WordPress.org のプラグインディレクトリからダウンロードできます。Contact Form 7 3.9 が正式にリリースされる前に、このベータ版を利用して自身のコードをテストされることを強くおすすめします。あなたが使っているアドオンプラグインがもし Contact F
![Contact Form 7 3.9 ベータ | Contact Form 7 [日本語]](https://cdn-ak-scissors.b.st-hatena.com/image/square/446e1bccef6284edf6dbeb0a2daf13487fcbe5de/height=288;version=1;width=512/https%3A%2F%2Fcontactform7.com%2Fwp-content%2Fplugins%2Fcf7com-utils%2Fimages%2Ficon-128x128.png)
【目的別】WordPressの簡単カスタマイズ方法 | SONICMOOV LAB
ひらりんです。お久しぶりです。 今回はWordPressのカスタマイズ方法を目的別に書いてみようかと思います。 初級編から上級編まで。 ではいってみましょー！ もくじ 初級編 wp_list_categories()の記事数を<a>タグに含める 投稿画面のカテゴリから”新規追加”と”よく使うもの”を非表示 中級編 ログイン画面のURLを変更 複数のカスタムフィールドでソート 上級編 投稿画面の親カテゴリのチェックボックスを非表示 独自パーマリンク設定の追加 Advanced Custom Fieldsのrelationshipフィールドを特定の条件で絞り込む ( ˘ω˘)ｽﾔｧ 初級編 まずは簡単な初級編から wp_list_categories()の記事数を<a>タグに含める カテゴリ一覧を表示するために、WordPressがデフォルトで用意している関数。 いくつか引数を渡すことができ、
webmobile – Pixel/iPhone/amazon/SIMの使い方！
webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ
WordPressに予約管理システムを導入できる「MTS Simple Bookin C 」の設定方法 – ワードプレステーマTCD
プラグインのインストール 下記のボタンからサイトにアクセスして、プラグインをダウンロードできます。 MTS Simple Bookin C 初期設定 プラグインを有効化すると、管理画面に「予約システム」という項目が追加されます。その中にある「各種設定」にアクセスしてください。順番に紹介する各種設定をそれぞれ完了した後は、必ず「変更を保存」をクリックしてください。クリックせずに、次のタブに進むと設定が保存されません。 予約パラメータ内の設定 予約の受付のチェックボックスにチェックを入れます。チェックを入れることで、予約受付中になり、外すと予約の受付ができなくなります。受付を行っていないときに表示するメッセージは任意に設定可能です。基本的にそれ以外の設定は変更不要ですので、「変更を保存」をクリックし次へ進みます。 施設情報の設定 施設の名称や、住所、連絡先などの基本情報を入力します。予約された
データベースを使う & URL を持つ WordPress プラグインの作り方 - Qiita
template_redirect アクションをフックすることで、特定の URL に対する処理を記述することができます。 ひな形 上記をまとめると、だいたい以下のような感じです。 <?php /* Plugin Name: Foo Description: Foo plugin Version: 1.0 Author: Foo Bar */ global $foo_db_version; $foo_db_version = '1.0'; // Create/update db table for foo count function foo_install() { global $foo_db_version; global $wpdb; $installed_ver = get_option("foo_db_version"); if ($installed_ver != $foo_db
WordpressのURLをhackする - 情報と音楽
hackする、ってほどのことではないんですが、ようやく構造がわかってきたので。メモをかねて。 このブログでは、Wordpressを http://penguinlab.jp/blog にインストールし、記事単一のページのURLを http://penguinlab.jp/blog/post/(一意の記事番号、記事スラッグを利用) にするため、管理ページの「設定」-「パーマリンク設定」で、パーマリンクを post/%postname% とした。 さらに同じ設定ページでカテゴリベースとタグベースを設定した(/blog/category/(カテゴリ名) および /blog/tag/(タグ名) とした)のだが、日付別表示に関してはベースURLの設定がなく、/blog/post/2009/4 のようになってしまう。/blog/postは単一記事専用としたいので、ここは /blog/date/2009
Custom Field Templateで投稿者がフィールドを追加できるようにする方法
WordPressの定番カスタムフィールドプラグイン『Custom Field Template』で投稿者がフィールドを自由に追加できるようにする方法を紹介します。これを知ってるのと知らないのじゃ出来ることの幅が大分違ってきます！！知らない人はチェックしてみてください。知ってる人もチェックしてみてください笑 まえがき 前回『Custom Field Templateの使い方[WordPress]』という記事で『Custom Field Template』の基本的な使い方は説明しました！今回は一歩進んで記事を投稿している人自身がフィールドを追加できるようにする方法を紹介します。これにより例えば投稿者に好きなだけカスタムフィールドで画像を登録してもらうといったことが可能になります。便利です。 「multipul」オプションと「multipleButton」オプション テンプレートコンテンツの設
WordPress の引っ越し方法色々 - dogmap.jp
WordPress を使っていると、「レンサバの期限が契約期限が切れるんだけど、他のレンサバ会社に移ろうかなー」とか「そろそろレンサバやめて VPS or AWS にしようかなー」とか思ったりする時があると思うんですよ。 そんなとき「でも引っ越しメンドくさそうだしなー」とか思って諦めたりするひとも多いと思います。 そこで、しょっちゅうサイトの引っ越しをしている私が引っ越し方法を解説。 基本は「WordPress をインストールしてあるディレクトリ以下のファイルを全部コピー」と「MySQL データをダンプ＆インポート」するだけですが、その辺を簡単にやる方法をまとめます。 WordPress ソースの移行 WordPress をインストールしてあるディレクトリ以下のファイルを全部コピーでいいんですが、ちまちま FTP クライアントとかでダウンロードしてアップロードとかしてたらメンドくさいです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
