-
Local（local by flywheel）でパスワードを忘れたときの対策
WordPressのローカル環境を構築するときの定番『Local（local by flywheel）』。無料で手軽に、しかも複数のWordPressをローカル環境で構築できるので、多くの方が利用していてオススメのツールです。でも複数のWordPressを管理していると、ついついパスワ... -
オンラインでプログラミング！Progate・ドットインストール
フリーランスや副業・パラレルワークでWebデザイナーやフロントエンジニアを目指すとき、まずオススメするのが「Progate」「ドットインストール」です。「Progate」「ドットインストール」どちらもオンラインでプログラミング学習ができ、多くの方が「初心... -
Google推奨！reCAPTCHAを消す方法
WordPressのスパム対策として、Googleの「reCAPTCHA V3」はとても便利です。ただ、お問い合わせ画面の右下にreCAPTCHAのロゴが表示されて少々邪魔に感じます。とくに、WordPressでお問い合わせフォームを設置するためのプラグイン「Contact Form 7」を使う... -
ブロックエディタでアニメーションできるプラグイン「Blocks Animation: CSS Animations for Gutenberg Blocks」
WordPressでアニメーションさせようとすると「javascriptやcssのカスタマイズが必要なんじゃないの？」と思われるかもしれません。しかし、WordPressがブロックエディタ（Gutenberg）になった現在では、ブロックごとにアニメーションの設定ができるプラグ... -
【Contact Form 7】郵便番号で住所を自動入力させる方法
フォーム周りでよくいただくご要望のひとつ「郵便番号を入力すると住所が自動で入力されるようにしてほしい」ではないでしょうか？ちょっと難しそうな感じがしますが、実際やってみると意外と簡単です。「Contact Form 7（コンタクトフォーム7）」は、いろ... -
画像の差し替えをCSSで行う方法
WordPressで画像を差し替える必要があって、CSSで簡単に対応できないかと思って調べたことを備忘録的に記事にいたします。なるべくCSSだけで画像を置き換えたかったのですが、コーディングはCSSまでしかできません！という方にはオススメです。以下は「○○○... -
CSSで行間と字間を調整する方法
行間（行高）や字間（文字間隔）は、文章の読みやすさに大きく影響します。読みづらい文章だと、続けて読みたいと思わないですよね。離脱率やセッション継続時間の低下に繋がりかねません。きれいなサイトは、文章スペースもスッキリしていて読みやすいと... -
CSSを使ってテキストを置き換える方法
WordPressで、カスタマイザーでは変更できないテキストに対して「変更してほしい」とクライアント様からご要望があり、CSSで簡単に対応したときのことを備忘録的にまとめます。CSSだけでテキストを書き換えることはできないかな？と思ってやってみました。... -
CSSで画像や文字に影をつける方法
今回は、CSSで画像や文字などの要素に影をつける方法（ドロップシャドウ）をご紹介します。要素に影をつけるCSS【box-shadow】CSSで影をつけるのによく使われるのがbox-shadowです。要素のボックス全体（ボーダーとその内側）に対して影をつけます。.sampl... -
jQueryでチェックボックスをグループごとに全選択・全解除する方法
今回は、jQueryでチェックボックスを変更する方法をご紹介します。「チェックボックス、全部チェック入れる・全部チェックを外す、特定のグループを全部チェック入れる・全部チェックを外す、という機能がほしい」というクライアント様のご要望があり、お... -
ブロックエディタ時代（Gutenberg）の最適テーマ4選 【WordPress】
WordPressでサイトを立ち上げる際、どのテーマを選ぶかはとても重要です。しかし、テーマと言っても無料のものから有料のものまで無数にあり、どれが良いのか迷います。初めてWordPressに触れる方は、まずここで止まってしまいます。（私もそうでした…）で... -
functions.phpを直接編集せずにコード追記できるプラグイン「Code Snippets」
WordPressのカスタマイズでfunctions.phpを編集することはよくあると思います。ですが、少しでもコードを間違えるとエラーが出てしまったり、最悪の場合は真っ白になって動かなくなったり…せっかく編集しても、テーマのアップデートでfunctions.phpが上書...
組織をトビ出し自立を目指すフリーランスデザイナーの支援と、初心者向けWordPress情報のブログ
フリーランス・個人事業主として独立を目指すデザイナー、副業を始めたいデザイナーを応援します！ 自立支援に役立つ初心者向けWordPress情報も随時アップします！
