人気記事一覧

Web制作を副業として始めている人が増えているけど、具体的に自分も案件を取れるようになるためにはどうすればいいの…？独学でも可能なの…？ 今回はこのようなお悩みをお持ちの方に向けて HTML未経験だった僕が 独学でWeb制作の初案件を獲得するまでに取り...

この記事ではWordPressで カスタム投稿タイプのパーマリンクを「数字ベース」にする方法 をご紹介します。 デフォルト機能である「投稿」であれば、パーマリンク構造は管理画面「設定」→「パーマリンク」から簡単に設定可能です。 しかし、カスタム投稿タ...

こんにちは！　ケケンタです。 この記事では、 メインビジュアル下までスクロールすると固定ヘッダーの背景画像がふわっと浮かび上がる実装 についてご紹介をしていきます。 具体的な動き See the Pen Untitled by ケケンタ (@lgshifbg-the-looper) on Cod...

ヘッダーメニューの表示アニメーションを実装したい…… サイト全体のナビゲーション効果を作りたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において人気の高いアニメーション効果スクロール対応ヘッダーメニューアニメーション をご紹介しま...

ブログ始めてみようと思うけど、Cocoonが無料なのに有料レベルらしいからとりあえずテーマはこれに決定かな！ こんな軽い気持ちでWordPressテーマにCocoonを選んだのが、2024年の秋頃でした。 しかし、そのわずか半年後。 やっぱり有料テーマ気になる！SWE...

Web制作学習シリーズの第3回目です！ 今回は、本格的なWebサイトの完成に向けて、ナビゲーションメニューを追加します！ホバー効果でインタラクティブな体験を提供しつつ、Flexboxによる初めての横並び実装を体験してみましょう。 前回（第2回）の記事を完...

WordPressのオリジナルテーマで「検索機能」ってどうやったら実装できるの……？ このようなお悩みをお持ちの方に向けて、この記事では WordPressのオリジナルテーマで検索機能と検索結果ページを作成する方法 をご紹介します。 一見すると難しそうに思うか...

この記事ではHTMLへのCSS読み込み方法を「３つ」解説していきます！  この記事でわかること CSSファイルをHTMLファイルに読み込む方法（＝外部ファイル読み込み） CSSをHTMLファイルに直接書き込む方法 各読み込み方法のメリット・デメリット CSSとは？ CS...

今回は PHPでテキストファイルにデータを出力する方法 をご紹介します。 初めてテキストファイルへデータを出力してみようと考えた方の中には、もしかすると「難しそう」と想像している方もいらっしゃるかもしれません。 しかし実際にふたを開けてみると ...

ステップ表示にアニメーション効果を追加したい…… ステップセクションをもっと魅力的にしたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において必須のUI要素ステップ表示アニメーション をご紹介します。 5種類のアニメーション効果を完全網...