Blog
-
InstagramフィードをWordPressに表示させるプラグイン
WordPressサイトにインスタグラムの最新投稿を表示させるにはどうしたらいいですか？ 「Smash Balloon Social Photo Feed」を使うと簡単にインスタグラムのフィードをウィジットなどに表示できます！ この記事は、こんな方におすすめです！ Instagramの画... -
簡単にWordPressサイトをコピーする方法【All-in-One WP Migration】
WordPressサイトをコピーして、別ドメインに引っ越したい！簡単なやり方はないかな？ 現在運営中のWordPressサイトをリニューアルしたい！本番サイトはそのままで、テスト用にコピーしたサイトを別環境に作りたい！ WordPressサイトのお引っ越しやリニュー... -
【Mac】Localなら超簡単！WordPressのローカル環境を作る。
この記事では「Local」というソフトを使い、WordPressサイトをローカルPC上で動かす環境を作成していきます。 この記事はこんな方におすすめ WordPressで本格的にテーマ制作、カスタマイズをしたい方今のWordPressサイトをリニューアルするために、本番サ... -
WordPressがメンテナンス中のまま終わらないときの解決策
WordPressを開いて、「現在メンテナンス中のため、しばらくの間ご利用いただけません」で固まってしまったことはありませんか？ 過去に、私もやったことがあります^^; メンテナンス中のメッセージが表示されたままで、ホームページにきりかわらないし、管... -
GatsbyJSサイトをv3へアップデート
Gatsbyで作っているサイトをv3にアップデートしました。 【v2からv3で何が変わったのか】 Introducing Gatsby 3.0 – Faster in Every Way that Matters まず、Incremental Build（差分ビルド）ができるようになり、ビルド時間が短縮された。 記事を追加／... -
【Mac】Node開発環境のアップデート
いつも忘れちゃうので、Node.jsをアップデートする手順をまとめておきます。 1.Homebrew2.nodebrew3.Node.js 上から順にアップデートしていきます。 【1.Homebrewのアップデート】 Homebewはパッケージ管理ツールで、ここからいろんなツールをダウンロード... -
【Mac】SourcetreeからGitHubへSSH接続する
今回は、SourcetreeからのSSH接続するように直したので、その手順を記載します 私の環境(2021年8月時点) MacBook Pro (Retina, 13-inch, Mid 2014)MacOS Big Sur (ver 11.7)SourceTree(ver 4.1.2) 【①公開鍵と秘密鍵を作る】 ターミナルを開いて、「ssh-ke... -
デザインのドリルで30個トレースして学んだこと
トレースは、バナーや広告などの見本を、自分で再現しながらデザインを学ぶ練習手法です。 お手本通りに真似て作ることで、デザインの引き出しを増やしたり、ツールの使い方になれることができます。 【トレース＆模写におすすめの教材】 私は前に一度、ト... -
Flexboxで作るヘッダーのサンプル集
Flexboxは、CSSはWebページのレイアウトを設定できるモジュール。 Flexboxを使うと簡単に整列したり、配置できるようになるので、ヘッダーなどのレイアウトに使われています。 今回の記事では、Flexboxを使ったヘッダーの作り方を紹介します。 【よくある... -
CSSとJavaScriptで作るハンバーガーメニュー
ホームページでよく出てくるパーツ「ハンバーガーメニュー」。 今回は、ハンバーガーメニューの作り方を紹介します。 【ハンバーガーメニューとは】 ハンバーガーメニューとは、スマホなどでのクリックすると開くメニューのこと。この３本線が、ハンバーガ... -
Netlify経由で、Gatsby.jsブログを独自ドメインに公開する手順
Gatsby.jsブログの公開にはNetlifyというホスティングサービスを使います。 NetlifyとGitHubを連携することで、Gatsbyで作ったサイトがWeb上に公開でき、また更新も自動で反映してくれます。 使うもの GitHubNetlify 事前準備として、GitHubとNetlifyのア... -
Gatsby.jsでブログを作るための手順
2020年の夏から、ブログをWordPressからGatsbyに変えて一年ほど運用していました。 2021年9月現在は、ブログ自体はWordPressに戻しましたが、ポートフォリオはGatsbyJSで制作しています。 この記事では、はじめてGatsbyJSをブログを完成させるまでの手順を...
