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

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

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

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

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

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

Gatsbyのプロジェクトでローカルの画像を表示している箇所のコードについて、公式ドキュメントを読みました。そのメモを残しておきます。 まずはサイトの左上にあるホームページに戻るリンクの画像の取得をどうやっていたか確認し […]

今日、Gatsbyのスターターから作ったプロジェクトを実行中にChromeのDevToolsを見たら、カスタムの404ページがないというエラーが出ていました。やり方はこちらに書いてあったのでやろうと思ったのですが、説明が […]

昨夜、ふとGoogleスプレッドシートのデータを元に簡単なWebサイト作れるとよいなと思いました。 ちょっとひらめいたので土日で以下を作ってみました。 作りたいもの 日本の沢山あるだろう新聞会社等のメディアの一覧と、それ […]

酔った勢いにてGatsbyに入門してみました。 こちらのYouTubeを参考にしました。 作成したもの ポートフォリオサイトを作りました。 Netlifyにデプロイしました。https://pitang-portfoli […]