[WordPress] カテゴリーリストのマークアップを変更する

WordPressの自作テーマではテーマ関数が生成するマークアップを変更するのは基本中の基本である。

今回は「カテゴリーリストをアコーディオン風に開閉できるようにしたい」というオーダーを受けてやっつけたものの没になったのでここで供養する。

2014年に書いたナビゲーションメニューの改造話と一部かぶるところがあるのだが、カスタムウォーカーによるマークアップ変更についてより具体的に書いてみた。

続きを読む

[WordPress] GraphQLフィールドの追加とGatsbyでの利用

最近はWordpress+Gatsbyでサイト作ってる。
WordPressではないHeadressCMSを使うか、WordpressをHeadressCMS代わりにするかという二択になったとき、コストの低い方や運用の手間の少ない方が当然選ばれやすいのだが、「編集者が使いやすいもの」という条件を増やすと後者になりやすいし、長年運用されてたWordpressのリニューアルだと継続してWorpdressになりがちである。

続きを読む

XserverのWordPressに Site Kit を入れてみた

Google様がWordpressのプラグイン Site Kit をリリースされました。

※今の所は Site Kit by Google と入力しないとプラグインリストに表示されないぞ

早速インストールしてみたら認証のところで弾かれましてね…

なんでやねん…と思いながら赤いところのメッセージ見たら「お使いのホスティングプロバイダがREST APIアクセス制限してんのかもよ」と書いてある。

続きを読む

[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] WP Offload Media Lite プラグインに データベースを殺されかけた話

WP Offload Media Lite プラグインは、Wordpressに保存される画像をAmazonS3などのストレージにうpしてくれるやつ。
Jetpackにwordpress.comの配信サービスでやっつけてくれるお手軽なオプションがついてるので、あえてAmazonS3を使おうという個人ユーザーは少ないでしょう。
AmazonS3を使おうとするのはほとんど商業ベースだと考えられます。なので同じ轍を踏んでヴァーとならないために出来事をまとめました。

⚠️ この記事はWP Offload Media Lite を使ってない人には関係ない内容となっています。

続きを読む

[WordPress] pre_get_postsでカスタムフィールドの値を利用した表示の制御

pre_get_posts() を使うと表示の制御ができる。
根本はWP_Queryなので、ここにまとめたカスタムフィールドのクエリはget_postsとかでも使うことができる。
pre_get_postsの基本的な使い方はググれば色々でてくるんでそちら見てもらうとして、この記事はカスタムフィールドの値を絞り込みに利用するケースについてまとめたものです。

続きを読む

[WordPress] カスタムヘッダーをカルーセル表示に変更する

デフォルトだと画像1枚しか表示できないので、登録されているヘッダー画像をカルーセルでスライドショーしてやろうっていう改造についての覚書。
文中ではSwiperを利用する場合のソースになっているが、別のライブラリでもマークアップ変えたら動くと思う。

なおVer4.9&PHP7環境でこしらえたので他のバージョンでは動かないかもしれない。
(すくなくとも4.7以上は必須)

続きを読む

[WordPress] カテゴリー一覧で表示されている記事に登録されたカスタムフィールドの値を配列で得る

例えばこれは Product というカテゴリーがあったとして、登録されている記事に Price というカスタムフィールドがあり、
カテゴリーアーカイブで Price の値を一覧にしたい…という場合に使えるかもしれないやつです。

続きを読む

Underscoresでカスタムテーマを作る:細かすぎて伝わらないあれこれ編

Underscores で魔改造したメモその6。
細かすぎて伝わらないあれこれ。

  • Compass導入編
  • ナビゲーションメニュー改造編
  • Bootstrap(Sass)導入編
  • ウィジェット作成編
  • ソーシャルボタン対応編
  • 細かすぎて伝わらないあれこれ編

続きを読む

[WP] Underscoresでカスタムテーマを作る:ウィジェット作成編

Underscores で魔改造したメモその4。
ダイナミックサイドバーの対応とウィジェットの自作について。

  • Compass導入編
  • ナビゲーションメニュー改造編
  • Bootstrap(Sass)導入編
  • ウィジェット作成編 ←今ここ

もうUnderscores関係なくなってきたけど(゚ε゚) キニシナイ!!

続きを読む