定年後にWeb開発者目指す

2021-03-16の「gatsby developで動いていたのにデプロイしたらエラー」の続きです。そちらの記事はエラーが起きてからの対処方法でしたが、本記事は事前に察知するための方法を説明するためのものです。 例題 […]

GatsbyによるWordPressサイトのヘッドレス化の一般的な問題 こちらの方法にて、WordPressをほぼノーコードでヘッドレスWordPressに移行できます。もっとも移行できるといっても、ブログタイトルや投稿 […]

Gatsbyを用いた開発の中で、レスポンシブ対応で次のようなコードを書いて、開発環境(gatsby develop)で期待どおり動作しました。 よしよしということで、Gatsby Cloud にデプロイしました。しかし、 […]

インストール及び設定 公式ドキュメントに説明があります。 $ npm install gatsby-plugin-styled-components styled-components babel-plugin-styl […]

今回解消したいこと WordPressサイトのメニューは次のように階層化されていました。 これが Gatsby+WordPressサイトでは次のように階層構造がなくなってしまっています。 これを今回なんとかしたいと思いま […]

Gatsby＋WordPressサイトで固定ページを生成させたあと、そこへのリンクを示す必要があります。面倒なので、とりあえずPCサイトでもモバイルサイトでもハンバーガーメニューを使うことにしました。 元のWordPre […]

目次 1. Nodeのインストール 1-1. Node.jsのバージョン管理ツールを入れる場合 2. Gitのインストール 3. GitHubアカウントの作成 4. GitHub CLIのインストール 5. 練習 6. […]

Gatsbyの新しいWordPressインテグレーションを用いれば、既存のWordPressサイトを簡単にヘッドレスWordPressサイトに変換できますが、表示されるのは投稿記事だけです。これに固定ページも表示できるよ […]

react-burger-menu を用いるとReactやReactベースのGatsbyなどのプロジェクトに簡単にハンバーガーメニューを追加できます。 react-burger-menu とは？ https://gith […]

概要 Gatsbyの新しいWordPressインテグレーションを用いて、既存のWordPressサイトを簡単にヘッドレスWordPressサイトに変換する方法のメモです。 変換元サイト：https://pitang196 […]