ブロックエディタ時代（Gutenberg）の最適テーマ4選 【WordPress】
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でチェックボックスを変更する方法をご紹介します。「チェックボックス、全部チェック入れる・全部チェックを外す、特定のグループを全部チェック入れる・全部チェックを外す、という機能がほしい」というクライアント様のご要望があり、お...functions.phpを直接編集せずにコード追記できるプラグイン「Code Snippets」
WordPressのカスタマイズでfunctions.phpを編集することはよくあると思います。ですが、少しでもコードを間違えるとエラーが出てしまったり、最悪の場合は真っ白になって動かなくなったり…せっかく編集しても、テーマのアップデートでfunctions.phpが上書...WordPressカスタム投稿タイプの記事一覧を日付順に変更
WordPressは通常、管理画面の投稿や固定ページの一覧は日付順に並んでいますので、新規にページを追加すると一番上にきます。しかし、カスタム投稿の場合なぜかタイトルの名前順になっています。日付のところをクリックすると日付順にソートされますが、ペ...
組織をトビ出し自立を目指すフリーランスデザイナーの支援と、初心者向けWordPress情報のブログ
フリーランス・個人事業主として独立を目指すデザイナー、副業を始めたいデザイナーを応援します！ 自立支援に役立つ初心者向けWordPress情報も随時アップします！
経験者が教える、フリーランスを目指すデザイナーのやることリスト その1
超初心者向け！ WordPressの基礎知識
ただのポートフォリオじゃもったいない！デザイナー向けWebサイト掲載内容
こんなサービスが欲しかった！ フリーランスに優しい【FREENANCE（フリーナンス）】の評価
WordPressでホームページを作るのに必要なもの【初心者向け】
みんな勘違いしている？！専門家に聞いたコピーライト（Copyright）の正しい表記
適正料金はいくら？高めでOK！フリーランスのデザイン費を算出する方法
フリーランス・副業・転職を目指すデザイナーがサイトを作る理由は3つ
