WordPressの自作テーマではテーマ関数が生成するマークアップを変更するのは基本中の基本である。
今回は「カテゴリーリストをアコーディオン風に開閉できるようにしたい」というオーダーを受けてやっつけたものの没になったのでここで供養する。
2014年に書いたナビゲーションメニューの改造話と一部かぶるところがあるのだが、カスタムウォーカーによるマークアップ変更についてより具体的に書いてみた。
wordpress
wordpressに関すること
[WordPress] GraphQLフィールドの追加とGatsbyでの利用
最近はWordpress+Gatsbyでサイト作ってる。
WordPressではないHeadressCMSを使うか、WordpressをHeadressCMS代わりにするかという二択になったとき、コストの低い方や運用の手間の少ない方が当然選ばれやすいのだが、「編集者が使いやすいもの」という条件を増やすと後者になりやすいし、長年運用されてたWordpressのリニューアルだと継続してWorpdressになりがちである。
WordPress GraphQL対応のカスタム投稿タイプ設定
WordPressのREST APIの代わりにGraphQLを使ってみたところ、カスタムエンドポイントをいちいち書かなくていいので、大量にエンドポイントが必要なほど楽になるなあと思いました。
[WordPress] 各種URL、PATH取得方法まとめ
あ〜あれどうやってとるんだっけ…、がいまだにあるのでまとめた
[WordPress] REST APIで静的サイトに更新可能なコンテンツを作成する
クライアントが更新できるようにして〜という雑な要望に応えるべく、我々は都度立ち上がってきた。
これまで様々なツールを用いてきたが「とりあえずWordpress使っとけばよくね？」という結論に至って幾星霜。
長い月日のなかで思い知らされたのはWordPressテーマのフルカスタムは面倒臭いという現実であった。
救世主REST API降臨
Version4.7くらいだったろうか、それまでプラグインだったREST APIが標準搭載になったのは。
これで「Wordpressでコンテンツを更新できるサイトを作るならカスタムテーマを作成しなければならない」という呪縛を断ち切れる、と人々は喜んだ。
さて実際にREST APIを利用して更新できるコンテンツを作ってみようとした時に、一体何をすればいいのか？
この記事は静的に作られたサイトで更新が必要な部分だけをWordpressに依存させるべく、ページを作るのに必要なJSONをREST APIで出力するまでの手順についてまとめたものです。
[WordPress] TinyMCE(v5) カスタムボタンの追加とショートコード／HTMLの相互変換
TinyMCEにショートコードを挿入するカスタムボタンを追加したはいいが、
見た目がイケてないのでビジュアルエディタではHTMLタグに変換してスタイリングしたいなあと思いましてね、その方法をぐぐってたら自分が昔書いた記事にたどり着くっていう…
[wp] 自作したショートコードをビジュアルエディタ内で置換する
そりゃ9年も経ってたら書いたことすら忘れますわ。
TinyMCE自体も記事を書いた当時多分バージョン3だったのが今はバージョン5になってて記事のソースじゃ動かないんで、こちらに現行のWordpress(5.x系)で動くものを載せておきます。
[WordPress] Transients API による キャッシュの利用
Transients API は Options API に似ていますが、有効期限という機能を使うことで、キャッシュされるデータを一時的に wp_options テーブルへ保存するという処理をシンプルに実現します。
[WordPress] WP Offload Media Lite プラグインに データベースを殺されかけた話
WP Offload Media Lite プラグインは、Wordpressに保存される画像をAmazonS3などのストレージにうpしてくれるやつ。
Jetpackにwordpress.comの配信サービスでやっつけてくれるお手軽なオプションがついてるので、あえてAmazonS3を使おうという個人ユーザーは少ないでしょう。
AmazonS3を使おうとするのはほとんど商業ベースだと考えられます。なので同じ轍を踏んでｳﾞｧｰとならないために出来事をまとめました。
⚠️ この記事はWP Offload Media Lite を使ってない人には関係ない内容となっています。
[WordPress] Contact Form 7 のフォームをReactやVueで作り変えるためのTips
WordPressで一番使われてるだろうお問い合わせフォームプラグインContact Form7の、
フォーム部分をVue.jsで作り変える必要が出たのでその時に調べた仕様とかのメモ。
[WordPress] 味気ないwp_die()の出力を俺色に染める
メンテナンスページではなくエラーとかで死ぬ時に使うwp_die()が味気ないから変えたいっていう要望に答える
[WordPress] pre_get_postsでカスタムフィールドの値を利用した表示の制御
pre_get_posts() を使うと表示の制御ができる。
根本はWP_Queryなので、ここにまとめたカスタムフィールドのクエリはget_postsとかでも使うことができる。
pre_get_postsの基本的な使い方はググれば色々でてくるんでそちら見てもらうとして、この記事はカスタムフィールドの値を絞り込みに利用するケースについてまとめたものです。
[WordPress] セキュリティ向上のためにやることリスト
毎度うっかりするからまとめた。
[WordPress] カスタムフィールドの値でフィルタリングや並び替えする
アクションフックpre_get_postsによるクエリ操作と管理画面のカスタムについてのメモ。
[WordPress] アーカイブで表示される記事の情報を配列で抽出する
以下は記事IDを配列にするサンプル グローバルにあるWP_Queryの$postsをループ処理すればget_postsとか使う必要はないなと思った。 先日の カスタムフィールドの値を配列で得る やつは、 こうなる。 上記 … 続きを読む
[WordPress] カテゴリー一覧で表示されている記事に登録されたカスタムフィールドの値を配列で得る
例えばこれは Product というカテゴリーがあったとして、登録されている記事に Price というカスタムフィールドがあり、
カテゴリーアーカイブで Price の値を一覧にしたい…という場合に使えるかもしれないやつです。
Underscoresでカスタムテーマを作る：細かすぎて伝わらないあれこれ編
Underscores で魔改造したメモその６。
細かすぎて伝わらないあれこれ。
- Compass導入編
- ナビゲーションメニュー改造編
- Bootstrap(Sass)導入編
- ウィジェット作成編
- ソーシャルボタン対応編
- 細かすぎて伝わらないあれこれ編
Underscoresでカスタムテーマを作る：ソーシャルボタン対応編
Underscores で魔改造したメモその５。
シェアボタンとかつぶやくボタンとかを自力でやっつける。
- Compass導入編
- ナビゲーションメニュー改造編
- Bootstrap(Sass)導入編
- ウィジェット作成編
- ソーシャルボタン対応編 ←今ここ
[WP] Underscoresでカスタムテーマを作る：ウィジェット作成編
Underscores で魔改造したメモその４。
ダイナミックサイドバーの対応とウィジェットの自作について。
- Compass導入編
- ナビゲーションメニュー改造編
- Bootstrap(Sass)導入編
- ウィジェット作成編 ←今ここ
もうUnderscores関係なくなってきたけど(ﾟεﾟ) ｷﾆｼﾅｲ!!