関数やフック: shortcode_atts()
-
レンタルサーバーの空き容量＋WordPressで音楽再生サイトを作る方法
最近のレンタルサーバーのディスク容量はとても大きくて持て余していませんか？ 何百ギガバイトもあっても到底使いきれませんよね？そこで考えたのが、音楽ファイルを再生するサイトを作ることです。要するに自家製…
-
SVGファイルをメディアにアップロードしてサイトに表示せさる方法
WordPressの標準仕様ではセキュリティの懸念があるためアップロードできないようになっているSVGファイルをできるだけ安全にアップロードできるようにするコード、アップロードしたSVGファイルをフロ…
-
サイトヘルスに表示される情報をショートコードで表示させるコード例
このサイトのように動作環境などを明示して説明するというようなコンテンツが存在しない限り、特に必要のないコードだとは思いますが、必要な方のためにコード例として公開しておきます。 あまりいろいろな情報を表…
-
中に入れたブロックがクリックでポップアップ表示されるショートコードの作り方
リンクをクリックするとショートコード内に挿入したブロックがポップアップ表示される機能を追加するコード例です。 本ページの機能を実装することで以下のようなことができるようになります。 ブロック編集が主流…
-
特定のカスタムタクソノミーを紐づく投稿の数順に一覧表示させるショートコード
WordPressの標準ブロックには「タグクラウド」「ターム一覧」「カテゴリー一覧」というタクソノミー（カテゴリー・タグといった分類）のターム（タクソノミーの中の個別の分類）を一覧表示させるものがあり…
-
特定のボタンがクリックされた時にカウントアップする機能を設ける方法
以前に以下のページでMatomoを使ってクリック数計測（イベント計測）をする方法を紹介しました。 この方法を使えば特別なプラグインを使わなくてもクリック計測ができて便利！と思ったのですが、例えばダウン…
-
ページ内の一部のコンテンツをパスワード保護する方法（例）
WordPressの投稿や固定ページには、もともとパスワード保護機能があります。ただこれはパスワードがページ全体に作用してしまうため、途中までは読めるようにしておいてそこから先はパスワードが必要、とか…
-
カスタムフィールドに保存した値を投稿本文内へショートコードで呼び出すコード
WordPressの便利機能の1つであるカスタムフィールド。 通常は以下のようにして使うことが多いのではないでしょうか？ WordPressでは、セキュリティ対策として、投稿や固定ページ本文内にPHP…
-
誕生日、現在の年齢、没日、没年齢を柔軟に表示するショートコードの作り方
誕生日を入力すると、そこから現在までの日数を計算して、現在の年齢を表示するというショートコードはたくさん紹介されていますね。 ただ、そのショートコードではあくまでも誕生から現在までの期間なので、メンテ…
-
REST APIを使って複数のサイトから取得した新着情報を混合してカード表示させるコード例
WordPressの機能として結構重宝するREST API。今回はそれを使って以下のことをショートコードで出力するという機能を実装してみました。 実は当初、REST APIを使って複数のサイトから取得…
-
子カテゴリーのみのリストを表示させるショートコードの作り方
WordPressのブロックエディターで標準装備されている「カテゴリー一覧」ブロック、簡単にカテゴリーの一覧を表示でき、以下のようなオプションがあります。 ただ、その中の一部カテゴリーの一覧を表示させ…
-
ショートコードを使ってルビ（読み仮名）を入れる方法
日本語だと難読漢字などに読み仮名を入れるものとして使われるルビ。結構簡単なコードでショートコード化できるので実装してみました。 ルビ注釈要素によると、以下が基本的なタグの構造になっています。 主要なブ…
-
ボタンをクリックすると現在の画面に被せてコンテンツを表示させるショートコードの作り方
WordPressで、ボタンをクリックすると画面全体を覆う別のコンテンツがふわっと表示される機能をショートコードで実装する方法を紹介します。 何かの補足事項を表示させたり、規約的なものを表示させる際に…
-
いろいろな種類のショートコードの作り方をおさらい
最近のWordPressでは、編集画面でも同じ表現・動作をさせることができるブロック機能が主流になりつつあります。 しかしながら、独自の表現・動作をさせるブロックをしっかり作成するには、開発環境を整え…
-
add_shortcode()のコールバック関数の中でwp_add_inline_script()をエンキューすると、読み込み順序が不安定になるかも（メモ）
まあこんなことで何で？と悩む人は稀有だとは思いますが、気づいたので一応メモ代わりに公開しておきます。 これに気づいたのは、jQueryやCSSをショートコードのコールバック関数内で適用させようとした時…
Loading posts…
No more posts
