コードを書く– Coding –
-
チャプターへのリンク付きでYouTube動画をHTMLに埋め込む方法
HTMLに埋め込んだiframeのYouTube動画において、任意の時間から再生がスタートするボタンを設置する方法をご紹介しています。 動画チャプターを設定しているYouTube動画...JavaScriptで機能の実装
-
JavaScriptで実装する投稿一覧のカテゴリー検索【リスト表示を絞り込み】
外部サービスやライブラリなしで、投稿一覧（ページ）にカテゴリー検索を実装する方法を紹介しています。jQueryも使用せず、素のJavaScriptだけのシンプルな実装方法で...JavaScriptで機能の実装 -
Smart Custom Fieldsで登録した画像をaltを含めて出力する方法
WordPressのプラグイン「Smart Custom Fields」において、画像とaltテキストを出力する方法をご紹介しています。 単純に画像のみを出力する方法は検索でたくさんヒット...オリジナルテーマ作成 -
Swiperのページネーションのドットをスライド毎に個別に装飾する方法
JavaScriptのスライダーライブラリであるSwiperにおいて、ページネーションのドットをカスタマイズする方法をご紹介しています。 今回はページネーションのドットをスラ...Webデザインの再現 -
WordPressの「前へ」「記事一覧」「次へ」のリンクを左右均等に配置する方法
WordPressの記事詳細ページで、「前の記事」「記事一覧」「次の記事」のリンクを、左右均等に余白を保って配置するCSSの記述方法を紹介しています。 オリジナルテーマ制...Webデザインの再現 -
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で機能の実装
12