-
WordPressの「前へ」「記事一覧」「次へ」のリンクを左右均等に配置する方法
WordPressの記事詳細ページで、「前の記事」「記事一覧」「次の記事」のリンクを、左右均等に余白を保って配置するCSSの記述方法を紹介しています。 オリジナルテーマ制...Webデザインの再現
-
SWELLのハンバーガークリック時の動きをドロワーからフェードに変更してみた
WordPressテーマのSWELLにおいて、ハンバーガーメニューをクリックした際のアニメーションをCSSで変更する方法をご紹介しています。 SWELLと同じ開発者さんが制作されて...テーマカスタマイズ -
JavaScriptなし！HTML/CSSのみで作るロゴのローディングアニメーション
JavaScriptなしでシンプルなHTML/CSSのみで、ロゴのローディングアニメーションを実装する方法をご紹介しています。 ローディングを実装するにはたくさんの方法がありま...Webアニメーション -
Swiper | スライド番号と総スライド枚数の間にプログレスバーを導入してみた
JavaScriptのスライダーライブラリであるSwiperのページネーションを、分数の表記にしプログレスバー風のラインアニメーションを実装する方法をご紹介しています。Webアニメーション -
Swiperのページネーションにサークルアニメーションを実装する方法
JavaScriptのスライダーライブラリであるSwiperのページネーションに、円形のプログレスバーのアニメーションを実装する方法をご紹介しています。Webアニメーション -
WordPress｜カスタムフィールドで設定した日付に応じて投稿を出し分ける方法
WordPressのカスタムフィールドで設定した日付に応じて、投稿を出し分ける条件分岐の方法を紹介しています。 カスタムフィールドでイベントやセミナーなどを管理してい...オリジナルテーマ作成 -
リンク元に応じてラジオボタンの初期値（選択状態）を動的に変更する方法
遷移元のボタンに応じて、お問い合わせフォームのラジオボタンの初期値を動的にする方法をご紹介しています。 各サービスごとにお問い合わせフォームを分けていない場合...JavaScriptで機能の実装 -
WordPress｜繰り返しフィールドのデータを非同期で取得して表示する方法
WordPressのカスタムフィールドで繰り返されるデータを、Ajaxを使った非同期で取得する方法について解説しています。 繰り返し表示したいフィールドデータの数は多いが...オリジナルテーマ作成 -
HTMLのvideoタグに任意の音声切り替えボタンを設置する方法
HTMLにvideoタグで動画を埋め込んだ場合に、コントロールパネルでなく独自のボタンを設置して音声のオン/オフを切り替える方法をご紹介します。 【videoタグに任意の音...JavaScriptで機能の実装 -
SWELL｜固定フッターメニューをパソコンの時にも表示するカスタマイズ
WordPressテーマのSWELLにおいて、スマホ専用固定フッターメニューをパソコンでも表示させる方法をご紹介します。 デフォルトでは固定フッターメニューはスマホでのみ表...テーマカスタマイズ -
SWELL｜コピペで簡単！ロゴのローディングアニメーションを実装するカスタマイズ
WordPressテーマのSWELLにおいて、ロゴが表示されて消えるオープニングアニメーションを実装する方法をご紹介しています。 プラグインを使わず、ブログパーツとコードの...テーマカスタマイズ -
SWELL｜横方向に流れ続ける無限ループスライダーを実装する方法
WordPressテーマのSWELLにおいて、横方向に流れ続ける無限ループスライダーを実装する方法をご紹介します。 プラグインやライブラリは使用せず、SWELLのリッチカラムブ...テーマカスタマイズ
在宅で働く人のためのWeb制作ブログ
