Bootstrap4のブレイクポイントを変更する手順(Gulpで再コンパイル) 更新日:2020年6月16日 公開日:2019年2月21日 CSS開発環境 Bootstrap4のブレイクポイントを変更する手順を記載していきます。 大まかな手順 Bootstrap4のソースをダウンロード Sassファイルのブレイクポイントを編集 Gulpを使ってb […] 続きを読む
【SASS】メディアクエリをまとめるプラグイン「mqpacker」の使い方【gulp】【PostCSS】 更新日:2020年6月16日 公開日:2018年12月21日 CSS開発環境 SASSを書いていると、どうしてもメディアクエリを細切れに記述する事になります。 細切れのままCSSにコンパイルするのはサイトの読み込み速度に悪影響ですし、何より可読性が悪くなるので、メディアクエリ毎にまとめる必要があり […] 続きを読む
Windowsにgulpを導入してsassをコンパイルするまでの手順 更新日:2020年6月16日 公開日:2018年11月27日 CSS開発環境 Windowsにgulpを導入してsassファイルをコンパイルするには、 大きく分けて3つの手順が必要になります。 【手順1】 作業するパソコンにNode.jsとgulpをインストールする & […] 続きを読む
Local by Flywheelの導入手順と使い方【WordPressローカル環境】 公開日:2018年11月6日 Wordpress開発環境 WordPressローカル環境である「Local by Flywheel」について 以下の順番で説明していきます。 「Local by Flywheel」の特徴 「Local by Flywheel」のイン […] 続きを読む
【Mixhost】WordPress移転代行サービスを利用したので手順を解説します 更新日:2021年11月10日 公開日:2018年10月28日 Wordpressレンタルサーバー このような悩みを持っている方に向けて記事を書いています。 私は約2年ほど「さくらインターネット」のHDDサーバーを利用していたのですが、 ブログの記事が100件を超えた辺りからサ […] 続きを読む
WordPressの高速化【プラグイン削除・サーバー移転・PHP7化】の手順と効果 更新日:2019年7月7日 公開日:2018年10月25日 Wordpressレンタルサーバー この記事は、 WordPressの高速化に最も効果のある3つの方法 プラグイン削除 サーバー移転 PHP7化 について、それぞれの実施に向けての手順と効果について書いていきます。 […] 続きを読む
Warning: Cannot modify header information – headers already sent by【子テーマのfunctions.phpが原因だった】【php7】 公開日:2018年10月21日 Wordpress ワードプレスのWarningメッセージ『Warning: Cannot modify header information – headers already sent by』は、対処法をネット […] 続きを読む
PhotoshopのドロップシャドウをCSS3で表現する方法 更新日:2018年10月9日 公開日:2018年9月24日 CSSPhotoshop Photoshopで作成されたデザインカンプを参考にしてコーディングする場合、 ドロップシャドウをCSS3でどう表現するのか。 その方法について記載していきます。 Photoshopでドロップ […] 続きを読む
BracketsでjQueryを書くと「’$’ is not defined」エラー【対処方法】 更新日:2020年6月16日 公開日:2018年7月31日 開発環境 BracketsでjQueryの構文を書くと何故かエラーが大量に出ます。 エラー箇所にマウスを重ねてみると、 ERROR: ‘$’ is n […] 続きを読む
WindowsにSassを導入する手順【インストール】と【コンパイル】 更新日:2020年6月16日 公開日:2018年7月23日 開発環境 Windowsにsassを導入する為には、 事前にrubyがインストールされている必要があります。 以下の手順で説明していきます。 ① rubyをインストール ② sassをインストール ③ sassのコン […] 続きを読む
【賢威7.1】記事一覧をカード型にカスタマイズする方法【コピペで出来る】 更新日:2019年9月29日 公開日:2018年7月17日 賢威 賢威7.1の記事一覧(ブログのトップ画面)をカード型にカスタマイズします。 賢威7.1クール版を元にして、base.cssにコードを貼り付けるだけ。簡単にカード型が作成できます。 以下のように […] 続きを読む
【賢威7】記事一覧を綺麗にカスタマイズ【抜粋文を消して簡素化】 更新日:2019年9月29日 公開日:2018年7月13日 賢威 このような情報を求めている方に対して記事を書いています。 まず、賢威のデフォルトのデザインを見てみます。 以下のように1つの記事に多くのスペースを使っていて、記事の抜粋文と、「続きを読む」とい […] 続きを読む
【賢威7】記事一覧のサムネイル画像を左に寄せる 更新日:2018年10月3日 公開日:2018年7月4日 賢威 有料のWordpressテーマである「賢威7」のカスタマイズ方法を記載していきます。 賢威7の記事一覧(ブログのTOP画面)は、デフォルトでは以下のようなデザインです。 &nbs […] 続きを読む
【賢威7】見出し要素をデザインする方法【セレクターの指定方法】 更新日:2019年9月29日 公開日:2018年7月3日 賢威 WordPressの有料テーマ「賢威7」のカスタマイズ方法について書いていきます。 今回は見出し要素のデザインについて。 見出し要素とは、h1、h2、h3・・・といった記事の見出しに関するタグ […] 続きを読む