Web制作– tag –
-
【コピペOK】ページトップへ戻るボタン【jQuery未使用】
Web制作をしていると実装を求められることがある「ページトップへ戻るボタン」 今回はそのソースコードをコピペ可能な形で丸っとご紹介します。 この記事で紹介する「ページトップへ戻るボタン」 常に画面の右下に表示されている 一定量スクロールするとフ... -
【Font Awesome】背景画像として使用する方法【CSS】
Font Awesomeって簡単にアイコンを挿入できて便利だけど、背景画像として使う方法って無いのかな……? 今回はこのようなお悩みにお答えします。 この記事を読むとわかること Font Awesomeを背景画像として使用する方法 【Font Awesomeとは?】 そもそもFont... -
【コピペOK】ハンバーガーメニューの紹介【アコーディオン付きあり】
こんにちは! ケケンタです。 今回はWeb制作において必須パーツのひとつ「ハンバーガーメニュー」をご紹介します。 複数のパターンをご紹介しますので、いままさに「ハンバーガーメニューを実装しないといけない!」という方は丸っとコピペしてどうぞご活... -
【Splide】サムネイル型スライダーの簡単な作成方法【JSライブラリ】
こんにちは! ケケンタです。 この記事では サムネイル型のスライドショーを簡単に作成する方法 をご紹介します。 シンプルなスライダーであれば同じくJavaScriptライブラリの「Slickスライダー」を使用することで簡単に実装できますが、サムネイル型のス... -
【WordPress】headタグ内にソースコードを簡単に追加する方法
WordPressを利用しているとheadタグにソースコードを追加する必要が出てくることがあります。 例えば、JavaScriptライブラリを新たに導入したいときなどです。 「headタグにソースコードを追加する方法」はいくつかありますが、今回はその中でも最も確実で... -
【ACF】日付選択ツールで出力する日付の形式を自由に調整する方法
WordPressのプラグインでACFをよく使うけど、「日付選択ツール」の出力形式をもっと自由に調整したいなあ…… 今回はこのようなお悩みをお持ちの方に向けて、WordPressのプラグインのひとつ ACF(Advanced Custom Fields)の日付選択ツールの出力形式を自由... -
【WordPress】パスワード保護ページで任意のコンテンツを保護する
WordPressでは簡単にページ単位でパスワード保護設定をすることが可能です。 これにより、パスワードを知らない人しかそのページのコンテンツを閲覧できないよう制限することができます。 しかし、この「パスワード保護機能」で実際にパスワード保護される... -
【SWELL】誰でも簡単!フッターのコピーライトをリンクにする方法
こんにちは! ケケンタです。 今回は SWELLでフッターにあるコピーライトをリンクにする方法 をご紹介します。 コピーライトというと通常はWebサイトの最下部に当たり前のように設置するイメージがありますが、今回はこのコピーライトにリンクを設定する... -
【WordPress】特定のページのみ背景色を変える方法
WordPressで特定のページだけ背景色を変えたいんだけどやり方がわからない…… 今回はこのようなお悩みについて解説をしていきます。 この記事で分かること WordPressの特定のページの背景色を変える方法 HTMLやCSSの知識が無くても、この記事の手順通りに作... -
【SWELL】CTAエリアを活用して広告を上手に設置しよう!
こんにちは! ケケンタです。 当ブログでは最近SWELLを導入しました。 しかし、さすがは有料テーマということもあり様々な機能が搭載されていて、まだまだ使いこなせていないというのが正直なところです。 今回は僕と似たようなご状況の方に向けて、SWELL...