CSS、JavaScript [超簡単]CSSだけでOK!テキストリンクにアニメーションを追加する方法 今回は私がサイトを作成する時によく使用するリンクのアニメーション2つを紹介したいと思います。 非常に簡単なコードでアニメーションできるので初心者の方でも簡単に設置できますし、カスタムすることも可能です! 2024.06.12 CSS、JavaScript
CSS、JavaScript [CSS]横スクロールするループアニメーション 今回はCSSを使っての横にスクロールするループアニメーションを作る方法をご紹介します。 HTMLとCSSのみ横スクロールするループアニメーションが簡単に作れますので、サイトに掲載したいとお考えの方はぜひご参照ください。 2024.06.11 CSS、JavaScript
CSS、JavaScript [CSS]ドロップダウンメニューを作る[CSS + JavaScript] Webのドロップダウンメニューとは、ユーザーがクリックするかホバー(マウスを重ねる)すると表示される選択肢のリストを提供するインターフェース要素です。 このメニューは通常、ページのナビゲーションバーやフォームの入力フィールドに組み込まれており、限られたスペースで多くの選択肢を提供するために使用されます。 2024.06.10 CSS、JavaScript
CSS、JavaScript ハンバーガーメニューのアイコンが動くアニメーションを作りたい。[CSS+JavaScript] 今回はハンバーガーメニューが動くスタイルシートをご紹介したいと思います。 マウスオーバーのみのアニメーション、クリックをしてのアニメーションに加えて、スタイルシートとJavaScriptを使ったちょっとしたメニューを作ってみましたのでご参考ください。 2024.06.08 CSS、JavaScript
CSS、JavaScript 備忘録 フォントサイズをウィンドウサイズに合わせて可変させるCSS 今回はスタイルシート(CSS)を利用してフォントサイズの最小値と最大値を指定し、ウィンドウサイズに合わせて自動で文字の大きさが変更される方法の紹介となっております。 2024.05.30 CSS、JavaScript
WordPress WordPressのREST APIについて 以前、WordPressのREST APIの記事を紹介させていただきましたが、今回は少し特殊なREST APIの使い方を紹介いたします。 お試しの場合はREST APIを利用するので、必ずバックアップを取ってから対応してください。 2024.05.28 WordPress設置・設定
WordPress ブロックエディターのみでアーカイブ(日付)一覧を固定ページ等に表示させる方法 今回は前回、前々回に引き続きブロックエディターの機能を利用しアーカイブ(日付)一覧を掲載していきたいと思います。 前回はタグ一覧の表示方法をご紹介させていただきましたが、今回はアーカイブ(日付)一覧を表示させる方法をご紹介したいと思います。 2024.05.21 WordPress設置・設定
WordPress 「Jetpack」を利用してInstagramのタイムラインをサイトに表示させてみた。 今回は、Instagramのタイムラインをサイトに表示させる方法をご紹介させていただきます。 プラグイン「Jetpack」を利用しての方法となりますので、誰での比較的簡単に表示させることができると思いますのでInstagramのタイムライン表示でお悩みの方はご一読ください。 2024.05.14 WordPressプラグイン
WordPress ブロックエディターのみでタグクラウド(タグ一覧)を固定ページ等に表示させる方法 今回は前回に引き続きブロックエディターの機能を利用していきたいと思います。 前回はカテゴリー一覧の表示方法をご紹介させていただきましたが、今回はタグ一覧を表示させる方法をご紹介したいと思います。 2024.05.13 WordPress設置・設定
WordPress ブロックエディターのみで、カテゴリー一覧を固定ページ等に表示させる方法 今回はプラグインを利用せずに「カテゴリー一覧」を表示させる方法をご紹介します。 デフォルトの機能を使うため、あまり装飾などすることは出来ませんが、まずはプラグイン無しで表示させたいという初心者の方向けとなっております。 2024.05.09 WordPress設置・設定