一文字ずつランダムにふわっと浮かび上がる見出しのアニメーション
一文字ずつふわっとランダムに浮かび上がる見出しのアニメーションを実装してみたのでメモ。 サンプル ふわっと浮かび上がる見出し HTML CSS ふわっとのスピードを変えたい場合は、以下の数字を調整します。 JS .fad … Read more
ブログ
文中に動くアンダーラインを追加
長文のテキストを読ませたいときには、所々さりげない強調や動きをつけてはどうでしょう。今日はそんなときに使える、文中に動くアンダーラインを追加する方法をご紹介します。スクロールにあわせて発火します。 サンプル テキストテキ … Read more
手軽に教会向けWEBサイトを作れるプラン第一弾をリリース！
教会向けに格安でWEBサイトを制作できるがプランが完成しました！ WordPressの人気テーマ「Generatepress」をベースに、半年以上の時間をかけてコツコツと丁寧に作り上げたフォーマット第一弾です。シンプルな … Read more
WordPressサイトで最低限設定しておきたいセキュリティ対策をご紹介
WordPressはブラウザー上で管理できるCMSサイトです。動的なPHPサイトのため、とても多機能で色々な可能性がある反面、不正なアクセスやサイト改ざんのリスクも伴います。WEBサイトは生物ですから、「出来たら終わり」 … Read more
（改訂）スクロールに合わせて要素にアニメーション（WordPress版）
以前、jQueryプラグインScrolla.jsを使って、スクロールに合わせてanimate.cssを発火させる方法についての記事を書きましたが、チャットちゃん（GPT）曰く、その方法はすでに古く、今ではIntersec … Read more
【無料】簡単！クリックアニメーション
クリックを誘うアニメーションを作ったのでメモしておきます。 １．2枚のSVG画像をアップロード SVG画像素材も私が作ったものなので、必要がありましたらダウンロードしてお使いください。（再配布や直リンクは禁止です）※Wo … Read more
待ち受けイラスト更新しました
こんにちは！ 今日は久しぶりに心の余裕があったので、待ち受けイラストを更新してみました。 よろしければDLしてお使いください！ 山ぶどうとジョウビタキにしてみました。 イラストの下には、詩篇23：6の聖書の言葉↓が英語で … Read more
Contact Form 7でよく使うオプションまとめ
WordPressのプラグイン「Contact Form 7」で、私がよく使うけれど忘れてしまうオプション項目をメモとしてまとめておきます。 オプション項目 フォームサイズに関する指定 テキストボックス サイズ（20） … Read more
明けましておめでとうございます！
あっという間に2025年が過ぎ去り、2026年になりました。2025年７月にフリーランスとして独立したこともあり、特にあっという間の一年でした。主に企業さんのお手伝い案件ばかりやっているため、事例に追加できるものがほとん … Read more
ページ内リンクのジャンプ位置を調整する方法
ページ内リンクにジャンプをすると、微妙に表示位置が上にずれますよね。それを解消するための方法を（いつも忘れてしまうので…）メモしておきます。 HTML CSS 上記のように、リンク先のコンテンツに「padding-top … Read more