コーディング

コーディング

Figmaのメールアドレスを変更する方法。変更できない時はココをチェック!

Figmaに登録しているメールアドレスの変更方法をまとめました。また、Googleと連携させてアカウントを作った場合、通常の方法では別のメールアドレスに変更できないので、そちらの変更方法もまとめています。
コーディング

メールで共有するボタンをWebページに簡単に作る方法【HTML】

Webサイトに、そのページを共有する「メールでシェア」の機能を簡単に作る方法をご紹介。クリックしたらメーラーが起動して、メール本文にページのURLが書かれていて、宛先は空になっている状態です。
コーディング

画像の遅延読込でページ内リンクがずれる時の解決法【jQuery】

画像にloading=”lazy”などの遅延読み込みを設定したら、ページ内リンクのジャンプ先がずれてしまった…。そんなトラブルを解決した、jQueryの記述方法をご紹介します。
コーディング

カスタム投稿記事をタグ一覧ページに表示させる方法【WordPress】

tag.phpはデフォルトの設定のままだと、通常の投稿タイプ(post)しか表示しないため、アーカイブページで該当タグがついたカスタム投稿記事を表示させたい場合の、functions.phpへの記述方法です。
コーディング

カスタム投稿のカテゴリ一覧を表示する方法【WordPress】

カスタム投稿のカテゴリーをリスト形式で表示する方法。メニューやサイドバーに使えば、WP管理画面でカテゴリーを追加したり削除したときにも自動対応できます。個別にクラス名をつける方法や、リンクありなしの場合の書き方もご紹介。
コーディング

伸び縮みする矢印のアニメーションサンプル【CSSのみや、スクロールで発火】

コピペで簡単! HTMLとCSSのみで描画する、動く矢印のアニメーションサンプルです。スクロールして要素が出現してからアニメーションを開始させたい場合の、jQueryを使ったソースコードも載せています。
コーディング

tableと他要素の幅が小数点以下切り捨てのせいで揃わない時の対処法

tableの横幅をパーセントで指定し、同じ横幅のdiv要素を下に並べたとき、微妙に横幅が揃わないことがあります。 ずれる原因は、ブラウザによってtableのサイズが小数点以下で切り捨てられてしまうため。 (例)スマホのとき、横幅92...
コーディング

抜粋の文字数をPCとスマホで別々に設定する方法【WordPress】

WordPressでthe_excerpt()関数を使って抜粋文を表示させる時、スマホとPCそれぞれで表示する文字数を自由に設定したい時の書き方をまとめました。あわせて抜粋の文末の文字も変更する方法も紹介します。
コーディング

WebP対応/非対応ブラウザで画像を表示させる方法2選。PC、スマホで切替も

WebP(ウェッピー)をサイトで表示させる時、SafariやIEなどの非対応ブラウザでは代替画像を表示させ、かつ画面幅によりさらに表示を切り替える方法をまとめました。
コーディング

トップのお知らせ部分に別ページの新着情報だけを表示する【jQuery】

WordPressを導入しない静的サイトで、別ページのお知らせ一覧の最新の数件だけを取得して、トップのお知らせ(NEWS)部分に表示させたい。そんな機会があったのでjQueryだけで実装しました。