MENU

記事ページに関する説明

記事ページはワードプレスで記事作成→Admin画面で修正(API経由で情報が同期)
というフローになっている。

ワードプレスの役割はブロックエディタとして簡単に記事を作成することができる、そして記事の管理がしやすい。ただそれだけ!!!media.hada-match.jpというサブドメイン(メインはhada-match.jp)でXserverのサーバーで動いている(hada-match.jpはFirebaseのApphosting)。
よって、厳密にはmedia.hada-match.jp(サブドメイン)→hada-match.jp/articles(メインドメイン)の流れで情報を公開している。当然media.hada-match.jpのURLパラメーターを入れるとワードプレスとしての記事が公開される。
でも、SEO的な観点からhada-match.jp/articlesのSEOを上げたいので、このような実装になっている。
また、この時に注意しないといけないのは、ワードプレスのブロックエディタで作成した記事をAPI経由でhada-match.jp/articlesに送るときに、その内容はHTMLだけ!つまり、CSSはそのまま送っていない。よって、CSSは肌マッチの中のグローバルCSSで行っている。
よってデザインが少し異なる!というか自分好みに設定できる。

そしてこの記事の最大のポイントはユーザーによって記事の内容を変えられること。ウィジェット機能を使用して、ユーザーの登録している情報を出力することができるということ。(わからんかったら聞いてくれ)

[widget id=”widget-19880541-81b4-427f-af39-bb8328fad9a6″][widget id=”widget-19880541-81b4-427f-af39-bb8328fad9a6″] あなたの持っている化粧品は [widget id=”widget-c76a7c2e-27f0-4646-9199-1ea28a852cf6″] ですね? [widget id=”widget-704614b5-c0f9-45b1-9b7b-567e90bb8915″] カテゴリの絞り込みの記事も入れれるよ! [widget id=”widget-15ae674a-e059-462c-aa25-b23fde4ae618″]
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次