XAMPPで複数のローカルサイトを「作成・管理」する方法 公開日:2021年3月19日 開発環境 XAMPPを使ってローカル環境上にサイトを構築するには「htdocs」フォルダ配下にファイルを置く必要があります。 「C:\xampp\htdocs」直下に置いた「index.html」は、下記のURLでア […] 続きを読む
MAMP(無料版)で複数サイトを構築する方法 公開日:2021年3月5日 開発環境 MAMP(無料版)では、基本的に1つのローカルホストしか構築できないのですが、 設定ファイルをいじる事によって複数のローカルホストを作れます。 以下の目次に沿って説明していきます。   […] 続きを読む
All-in-One WP Migration を使ったサーバーの引っ越し手順 公開日:2020年3月10日 Wordpressレンタルサーバー WordPressで作られたサイトのレンタルサーバーを引っ越しするのは大変ですよね? 作業は複雑かつ危険で、失敗するとサイトを壊してしまう可能性があります。 そんな不安を一気に解決するのが 「All-in- […] 続きを読む
nodistの使い方を説明します 【Node.jsのバージョン管理】 更新日:2020年6月16日 公開日:2020年1月3日 開発環境 nodistとは何か? Windows環境でNode.jsのバージョンを管理するツールのことです。 Windows上でNode.jsのいろんなバージョンを使い分けたい場合。 通常なら今使ってい […] 続きを読む
Visual Studio Codeのメッセージ「php実行可能ファイルが設定されていない」の解決方法 更新日:2020年6月16日 公開日:2019年12月19日 開発環境 PHP 実行可能ファイルが設定されていないため、検証できません。設定’php.validate.executablePath’を使用して PHP 実行可能ファイルを構成してください。 &nbs […] 続きを読む
『AFFINGER5』で、記事上部のアイキャッチ画像を自動設定する方法 公開日:2019年11月7日 Affinger 「AFFINGER5」にて、記事一覧のサムネイル画像を、記事上部のアイキャッチ画像として流用させる方法を説明します。 まずは、説明の為に以下のサイトを用意しました。 1記事だけ記事一覧のサムネ […] 続きを読む
賢威8のフォントをカスタマイズする方法 更新日:2019年10月18日 公開日:2019年9月18日 賢威 賢威8のフォントをカスタマイズする方法 賢威8のデフォルトのフォント設定では、以下の画像のように文字が表示されます。 これはこれで綺麗に見えているので問題ないのですが、独自のフォントを設定したい方もおられる […] 続きを読む
賢威8をカスタマイズする前に、ブレイクポイントを理解する 公開日:2019年9月17日 賢威 賢威8をカスタマイズするには、テーマが持っている独自のブレイクポイントを理解しておく必要があります。 ブレイクポイントとは・・・ 今どきのWordPressのデザインは、PCやスマホでも最適な […] 続きを読む
LOCAL by Flywheelを使ってWordPressサイトのクローンをローカル環境に構築する方法【Windows環境】 更新日:2020年6月16日 公開日:2019年9月12日 Wordpress WordPressサイトを運営していると、サイトに大きな変更を行う場面があります。 サイトが壊れるリスクを避ける為にも、 ローカルでテスト環境を用意して、作業のテストを行う事が必要になります。 […] 続きを読む
BackWPupでWordPressサイトのバックアップを取る方法 公開日:2019年9月9日 Wordpress WordPressでサイトを運営していると、予期せぬエラーが発生したり、サイトが壊れてしまう、なんていう事が起こり得ます。 普段からデータのバックアップを取っておく事は、サイト運営者として必須 […] 続きを読む
Flexboxで作るマルチカラムレイアウト【marginで余白を固定】 更新日:2020年6月16日 公開日:2019年5月8日 CSS Flexboxを使ったマルチカラムレイアウトを作る場合、カラム間に「justify-content: space-between;」で均等に余白を空ける方法がありますが、 今回は、あえて「justify-c […] 続きを読む
Flexboxでマルチカラムレイアウトが左右に分かれる問題の解決法【完全版】 更新日:2020年6月16日 公開日:2019年4月26日 CSS Flexboxでマルチカラムレイアウトを実現するには「justify-content: space-between;」で「左右均等配置」するのが一般的な方法です。 しかし、この方法だと最終行の要素が足りない […] 続きを読む
Bootstrapを使わずに、Bootstrap風のグリッドシステムを実現する方法 更新日:2020年6月16日 公開日:2019年4月20日 CSS Bootstrap4は非常に便利なのですが、グリッドシステム以外はあまり使わないという方が多いのではないでしょうか? 公式サイトからBootstrap4をダウンロードして「bootstrap-grid.cs […] 続きを読む
レスポンシブサイトの『font-size』を『rem』で指定するベストな書き方 更新日:2020年6月16日 公開日:2019年4月10日 CSS デスクトップパソコン、タブレット、スマホなど、 画面サイズや解像度が全く違うデバイスを使う現代では、サイトの文字サイズをpxで固定する事はデメリットしかありません。 全ての要素に対して、デバイスごとに最適な […] 続きを読む