暮らしと記録– category –

ホームページでよく出てくるパーツ「ハンバーガーメニュー」。 今回は、ハンバーガーメニューの作り方を紹介します。 ハンバーガーメニューとは ハンバーガーメニューとは、スマホなどでのクリックすると開くメニューのこと。この３本線が、ハンバーガーの...

Gatsby.jsブログの公開にはNetlifyというホスティングサービスを使います。 NetlifyとGitHubを連携することで、Gatsbyで作ったサイトがWeb上に公開でき、また更新も自動で反映してくれます。 使うもの GitHubNetlify 事前準備として、GitHubとNetlifyのア...

2020年の夏から、ブログをWordPressからGatsbyに変えて一年ほど運用していました。 2021年9月現在は、ブログ自体はWordPressに戻しました。 この記事では、はじめてGatsbyJSをブログを完成させるまでの手順をまとめておきます。 更新履歴 　2021/09/30 Gat...

HTMLとCSSで、フォームのラジオボタンやチェックボタンの代わりに画像選択にする方法の紹介です。 Before After HTMLとCSS <div> <input id="image_a" type="radio" value="image_a.jpg" name="image"&g...

Livedoorブログの記事データをWordPressへと移行する際に、いくつか記事データの内容を書き換える必要があります。 記事データの変更点 ①画像のURL旧： https://livedoor.blogimg.jp/ライブドアID/imgs/●/●/新： https://独自ドメイン/wp-content/uploads/...

仕事で、LivedoorブログからWordPressへ引っ越し作業を行ないました。 引っ越しの手順と注意点をまとめます。 ・ライブドアやWordPressの仕様変更により、このやり方の通りに動かないこともあります。 WordPressへの移行手順 引越しの手順 データのエクス...

LivedoorブログからWordPressに移行するときに問題になるのが、画像のこと。 Livedoorブログには画像をエクスポートする機能がないため、記事に掲載されている画像をスクレイピングツールなどで抽出する必要があります。 Mac用の画像取得ツールが見つから...

新しい年が始まりましたね。今年を共に過ごす相棒、2020年の手帳を自作しました。 市販のものは、フリーページが少なかったり、使わないないページがあったりと、帯に短し、襷に長し。ちょうどいい手帳がない。それなら、自分好みのものを作ってみようと思...

この記事では、WordPressで作成したサイトにBasic認証をつけて、アクセス制限をかける方法を説明します。 この記事でわかること Basic認証（ベーシック認証）って何？ Basic認証はどんなときに使える？ エックスサーバーでの簡単なBasic認証のかけかた 一...

イラストレーターでシステム手帳のカレンダーを作ったので、作り方をご紹介していきます 月間カレンダー完成イメージ こんな感じで、プリントできるテンプレートを作ります。 月間カレンダーの作り方 A5サイズのアートボードを２つ用意します。 システム手...

この記事では、WordPressテーマをカスタマイズする際に行う、CSSやJSの読み込みを方法について解説します。 WordPressテーマにCSSファイルを読み込む functions.phpで読み込みたいcssファイルを記述します。 // CSSファイルの読み込み function add_styles...

今年の春、入籍をしました。 結婚した個人事業主はどこで氏名を変えたらいいの？と調べつつ、関係各所で手続きをしてきました〜。 これが結構面倒。。。 たぶん、もうやることはないけれど、けっこう労力がかかったので、迷わないように、フリーランスが結...