ゆろぐ

ゆるく、ろぐる。独学フロントエンドエンジニアの技術ブログ

ゆろぐ

ゆるく、ろぐる。独学フロントエンドエンジニアの技術ブログ

Month: 1月 2024

【CSS】transitionのアニメーションがカクツクときの対処法について

平日更新を意地でも続けたい。でも納期に迫られている案件もある。そんな状態で頭を掻きむしりながらこの記事を書いています。 というわけで今日は初学者向けに簡単な内容だけど、意外に中級者以上の人でもハマりやすいアニメーションの […]

【Swiper】逆再生を実装する2つの方法とそれぞれの違いを解説

少しお久しぶりの更新になってしまいました。 実は先週メインのPC(mac book pro)の基盤がやられてしまい、Appleサポートへの連絡やら修理のための持ち込み(自宅から車で1時間半のお店)のために動き回ってました […]

【WordPress】GDPRの導入と消えないトラブルにあった話

2018年5月に施行されたGDPR(EU一般データ保護規則)ですが、最近では日本国内のWEBサイトでも認証を求めるポップアップの導入などかなり進んできましたね。 法律的な話になるので専門的な部分は深くわかりませんが、基本 […]

【WordPress】固定ページの表示を親ページのスラッグで切り替える方法

WordPressでの開発が慣れてくると、いろいろな条件分岐を使うことで、より柔軟に、よりクライアントが使いやすいようにカスタマイズをすることができるようになります。 覚えたての頃はまるで魔法でも使えるようになったかのよ […]

【ACF】カスタムフィールド名の決め方に注意をしましょう

WordPressでWEBサイト制作を行なっていると、お客様が簡単に更新できるようにカスタムフィールドを使ってテンプレートのようなものを作成することがあります。 最近ではブロックエディタがだいぶ使いやすくなってきたので、 […]

【CSS】フレックスボックスの「gap」便利に使ってる?

レスポンシブデザインのコーディングには欠かせないと言っていいほど使う機会の多い「display:flex;」 一昔前まではfloatやgridを使って表現していたレイアウトも、正直flex-boxさえあれば全て解決できる […]

【WordPress】移転作業しようと思ったらInvalid default value for user_registeredが出た!

WordPressでは移転作業もプラグインひとつで簡単にできるので、特に専門知識を持たない方でもドメインの変更やローカル環境の構築などがお手軽にできます。 私自身、コーディングやフロントエンドがメインなので、サーバー関係 […]

【HTML/CSS】position:sticky;が効かないときにチェックすること

最近のWEBデザインで使用頻度が高く、初学者が躓きやすいものに「position:sticky;」と「display:flex;」があります。(個人的な意見ですが・・・) どちらもレスポンシブデザインでコーディングするに […]

【WordPress】メニューを静的に作る時のカレント設定の方法

前回、Wordpressのメニューに対して、カレント設定をする方法の記事を書きました。 WordPressのデフォルトのメニュー機能(外観→メニュー)を使うことで、自動的にカレント用のクラスが付与されること、投稿ページを […]

【WordPress】投稿ページを開いているときにメニューのアーカイブリンク(親ページ)にカレント設定をする方法

WordPressでテーマ開発をするとき、ほぼ必ず実装するのがヘッダーやフッターに配置するメニュー。 通常は管理画面の「外観」→「メニュー」で作成して、テーマ側では出力設定をするだけでOKですが、案件によっては静的に組む […]

トップへ戻る