前回の#6ではNetlifyでブログをデプロイしました 今回はWordPressで記事や固定ページを更新した時にNetlify上でビルドが走る設定をしていきます JAMstack Deployments まず、ここから「… 続きを読む #7 Gatsby + WordPress REST APIでブログを作ろう【Netlifyの自動ビルド編】
タグ: netlify
#6 Gatsby + WordPress REST APIでブログを作ろう【Netlifyにデプロイ編】
こんにちは、#5では関連記事の表示をしてきました ここまででサイトに必要なものが結構揃ったかと思います *スタイリングは除くw スタイリングは人それぞれなので割愛していますが、SASSの導入やダークテーマ実装などは今後解… 続きを読む #6 Gatsby + WordPress REST APIでブログを作ろう【Netlifyにデプロイ編】
#5 Gatsby + WordPress REST APIでブログを作ろう【関連記事編】
#4ではパンくずのプラグインを紹介しました 次は記事ページに関連記事を表示させてみましょう 実装するもの 同じカテゴリーが1つ以上含まれる関連記事を5つまで表示する では参ります gatsby-node.jsの編集 ga… 続きを読む #5 Gatsby + WordPress REST APIでブログを作ろう【関連記事編】
このブログに使っている技術的なものをサラッと紹介
このブログに使った技術的なものを紹介していきます またデザインや仕様が変わるかと思いますが、しばらくはこのままでちょろちょろアップデートしていくかと思います 使っているモノ 主にこんな感じです Gatsby.js Net… 続きを読む このブログに使っている技術的なものをサラッと紹介
#4 Gatsby + WordPress REST APIでブログを作ろう【breadcrumbs編】
#3に続き、パンくずを作ってみます 今回はgatsby-plugin-breadcrumbを使ってみます Breadcrumbsコンポーネントを作ってlocation等のpropsを渡せば作れるかと思いますが、Gatsb… 続きを読む #4 Gatsby + WordPress REST APIでブログを作ろう【breadcrumbs編】
#3 Gatsby + WordPress REST APIでブログを作ろう【カテゴリーページ編】
今回はGatsby連載の#3「カテゴリーページの作り方」編です^ ^ STEPS Step1:WordPress側で記事にカテゴリーを追加 Step2:記事のカテゴリーを全部取得する Step3:カテゴリーページのテンプ… 続きを読む #3 Gatsby + WordPress REST APIでブログを作ろう【カテゴリーページ編】
#2 Gatsby + WordPress REST APIでブログを作ろう【ページネーションの設置編】
前回の「Gatsby + WordPress REST APIでブログを作ろう【導入+基本構成編】」に引き続きトップページにページネーションを設置していきます ページネーションを追加するのにGatsby-paginate… 続きを読む #2 Gatsby + WordPress REST APIでブログを作ろう【ページネーションの設置編】
#1 Gatsby + WordPress REST APIでブログを作ろう【導入+基本構成編】
どうも、サウナ大好きケンタロウ(@kentaro_koga)です この記事では「GatsbyとWordPress REST APIを使ってのブログの作り方」を解説していきます。 Gatsbyてなに?髪の毛に塗るの? Ga… 続きを読む #1 Gatsby + WordPress REST APIでブログを作ろう【導入+基本構成編】