Wordpress
WordPressでビジュアルからテキストに切り替えると表示が崩れる問題
WordPressで投稿ページや固定ページを編集しているとき、「ビジュアルモードでは問題なかったのに、テキストモードに切り替えたらレイアウトが崩れた」という経験…
【Web制作】記事一覧
HP制作
Photoshopで書き出したSVGファイルがブラウザで表示できない原因と対処法
Adobe Photoshopで書き出したSVGファイルがブラウザで表示されないときの原因と対処法について。 SVGファイルは、ベクター形式の画像として非常に軽…
HP制作
CSSで使える正規表現風セレクタの活用法！コード効率化テクニック
CSSのソースは少ないコードでシンプルにできると、管理が楽になるだけでなく、サイトの読み込み速度も向上し、容量も軽くなります。いわば「スマートなコーディング」が…
HP制作
Google アナリティクスのアカウント作成時「アナリティクス 4(GA4)」ではなく旧バージョンで設定する方法
2020年10月14日（米国時間）、Googleの「アプリ + ウェブ プロパティ」はベータ版から正式版「Google アナリティクス 4 プロパティ」にアップ…
HP制作
【商用利用可】Adobe Stockで写真や動画など約7万点の無料素材を公開
Adobeが写真やイラスト、動画など、約7万点の無料素材を「Adobe Stock無料コレクション」で公開しました。 有料素材と同じ商用利用可能ライセンスで、個…
HP制作
Bootstrapで5カラムレイアウトを実現するカスタムCSSの作成方法
Bootstrapは12分割のグリッドを採用しているため、通常は5等分されたレイアウトを実現することができません。 Bootstrapのグリッドシステムは、直感…
HP制作
CPIのレンタルサーバーで.htaccessを使ったリダイレクト設定方法
CPIレンタルサーバーで.htaccessを使ったリダイレクトを設定する際、特定の記述を追加してmod_rewriteを有効化する必要があります。 この記事では…
HP制作
iCLUSTAで.htaccessにhttpsリダイレクト設定しても動かない時の解決法
私はGMOのサーバーには何度もひどい目にあってきたので、新規では絶対に契約しないことにしています。…が、残念ながら過去に契約したまま使っているホームページもいく…
HP制作
【CSS】横並びメニューの区切り線を隣接セレクタと疑似要素で実装する方法
グローバルメニューやフッタメニューで利用することが多い区切り線（罫線）。皆さんはどのように実装していますか？ 区切り線を作る方法はいくつかありますが、CSSのb…
Wordpress
WordPressで特定ページにBasic認証をかける方法。functions.phpの使い方
サイト内の特定のページやディレクトリにBasic認証をかける場合、.htaccessを使って実装するのが一般的です。 しかし、WordPressのページにはディ…