WordPress REST API
essea-numero2.com私にはポートフォリオサイトがあります。
ポートフォリオサイトのブログコンテンツは、
「Word Press REST API」を利用して、WordPressで作成した記事を公開しています。
ブログの数が増えてから改めてみたら、
めちゃくちゃUIが崩れていました。
ポートフォリオは特に公開していないのですが、
いずれ誰かの目に触れるかもしれないし、学習のためにも今のうちに調整しよう。
崩れた原因
まず、多くなりすぎた記事が
1ページにズラーッと並んでいました。
しかも、最新の10記事くらいしか表示されていない。
ほとんど...というか、
ここ最近の記事は全てFFA開発日記なので、
他のカテゴリーをソートしたら記事がまったくないという自体に。
サムネが「FFAの開発話」だらけなのはなかなかに壮観でしたね
対応したこと
まず、apiのURLクエリパラメータをposts/?per_page=100&_embedとして読み込みました。
URLの意味は以下の通り。（というかそういう用途で導入しました。）
- 「?per_page=100」
100記事読み込む（最大100記事が限界らしい） - 「&_embed」
サムネ画像を利用するために使用
URLをいじったら、次は取得したapiデータを加工して表示します。
- トップに、全記事の中から最新の5記事表示。
- 次へボタンを押すと次の記事表示
- 前へボタンを押すと、前の5記事表示
- サイドナビに最新の10記事表示
という内容をAIに作ってもらった
Tips: AIすごい。一瞬。
これを自分で作ると、リサーチを含めてものすごーく時間がかかります。
もちろん修正は必要だけど、「修正だけで終わる」ということですね。
すごい時代になりましたね。
「分からないことは検索したらすぐ出てくる！すごい時代！」
とか言っていたのに、
「分からないことはAIがやってくれる！すごい時代！」
に代替されてしまいました。
余談
今回は特にアウトプットというほどでもなく、
こんな作業をしました。って報告だけでした。
ついでにレイヤー崩れを調整したけど、
positionを使いすぎて、レスポンシブ対応がとても面倒。
作業が沼なので諦めました。
