jQuery 指定した位置までスクロールすると追従になるヘッダー
指定した位置までスクロールすると追従になるヘッダーの作り方を紹介します。比較的よく使うテクニックなので、覚えておいて損はないと思います。サンプルサンプルページHTML<header class="header"> <div class="h...
jQuery 
HTML/CSS CSSで作るスライドアニメーションで右横から出てくる追従お問い合わせボタン
CSSで作るスライドアニメーションで右横から出てくる追従お問い合わせボタンの作り方を紹介します。CSSのみでjsは未使用なので簡単・軽量です。サンプル<a href="/contact/" class="contact-btn slidei...
WordPress Contact Form 7で設置したフォームのformタグに任意のclassやidを設定する方法
「Contact Form 7」は、WordPressに簡単にフォームを設置できる便利なプラグインです。今回はContact Form 7で設置したフォームのformタグ部分に任意のclassやidを設定する方法を紹介します。classやi...
HTML/CSS 【CSS】背景色だけ透過させる方法 中に表示する画像やテキストはそのまま表示させたい
画像やテキストなどは通常表示で背景色だけを透過させる方法を紹介します。原因背景を透過させようとしたら画像やテキストなども全て透過されてしまいました。一体何が原因なのでしょうか。結論から言うとopacityを使用していたのが原因でした。背景だ...
Webサイト全般 サーチコンソールで所有権の確認を行ったらサブドメインだけアクセスができなくなった話
先日サブドメインを使用しているサイトだけアクセスができないという現象が発生しました。同じようなことで困っている方もいると思うので、原因と対処方法を記載しておきます。原因はDNSレコードサブドメインではない、メインのドメインのほうでは普通にア...
jQuery jQueryでスムーススクロール機能付きのトップに戻るボタンを作る
jQueryでスムーススクロール機能付きのトップに戻るボタンを作る方法を紹介します。コピペで簡単に実装できるサンプルを用意したので、自分好みにカスタマイズしてみてください。サンプルサンプルページHTML<div class="btn-top...
Webサイト全般 エックスサーバーの管理画面から.htaccessを編集する方法
エックスサーバーの管理画面から.htaccessを編集する方法を紹介します。エックスサーバーの管理画面から.htaccessを編集する手順1.エックスサーバーのサーバーパネルにログインする2.サーバーパネル画面にログインしたら、左側のメニュ...
Webサイト全般 .htaccessを編集してhttpからhttpsに自動的にリダイレクトさせる
.htaccessを編集してhttpからhttpsに自動的にリダイレクトさせる方法を紹介します。サイトをSSL化した際には必ず設定しておきましょう。.htaccessとは？そもそも.htaccessって何？って話ですよね。読み方はドットエイ...
WordPress WordPressのfaviconを管理画面から簡単に設定する方法
WordPressのfaviconを管理画面から簡単に設定する方法を紹介します。私も実は今まで普通にFTPでアップロードしたりしていたのですが、とても楽だったのでこれからは管理画面から設定すると思います。WordPressのfavicon設...
Cocoon Cocoonでカテゴリーのアイキャッチ画像を設定する方法と表示されない際の対処法
Cocoonテーマ使用時の、カテゴリーごとにアイキャッチ画像を設定する方法と、設定したアイキャッチ画像がうまく表示されない際の対処法を紹介します。カテゴリーのアイキャッチ画像設定手順WordPressの管理画面から投稿→カテゴリーを選択。カ...