昨今のコロナ禍において在宅ワークやリモートワークが注目されていますが、そのリモートワークにうってつけの仕事がWEBデザインです。 WEB業界はまだまだ活況で、今後の需要も見込めます。フリーランスや副業・複業・転職を検討している方で、未経験から「...

WordPressでサイトを立ち上げる際、どのテーマを選ぶかはとても重要です。 しかし、テーマと言っても無料のものから有料のものまで無数にあり、どれが良いのか迷います。初めてWordPressに触れる方は、まずここで止まってしまいます。（私もそうでした…） ...

【】 デザイナーにとってAdobe Creative Cloud（アドビ・クリエイティブ・クラウド 以下 Adobe CC）は無くてはならないものです。 フリーランスのデザイナー・クリエイターにとってPhotoshop・Illustaratorは必須、エディトリアルデザインにはInDesignは欠...

LocalにAll in One WP Migrationでアップロードするとき最大アップロードファイルサイズで引っかかった方のための、アップロードサイズの上限を変える方法です。 公開済みのWordPressサイトをカスタマイズする際、一旦ローカル環境に移行してカスタマイズ...

WordPressサイトを運営していると、急遽メンテナンスが必要になったり、一度公開停止しないとカスタマイズできない場合が結構ありませんか？またレンタルサーバーにWordPressをインストールして直接構築する場合も、公開日まで隠しておきたいですね。 そん...

CSSでプロパティをリセットする時に使うinitial／inherit／unset。 一見するとどれも似たような挙動をしますので「どれが何だっけ？」と迷ってしまいます。 なので覚え書きついでにまとめてみます。 【】 プロパティの初期値（または規定値）を設定。 初期...

「お問い合わせ」と「お問合せ」どちらもよく見かける表記ですが、どちらが正解なのでしょうか？気になりますね… ということで調べてみました。 【】 日本語的に正しいのは「お問い合わせ」です。内閣告示「送り仮名の付け方」https://www.bunka.go.jp/kok...

DTPデザイナーやグラフィックデザイナーの基本テクニック「文字詰め」。多くのデザイナーがPhotoshopやIllustratorなどのAdobe系ツールで自動カーニングしていると思います。DTPでは当たり前でしたが、WEBでもCSSで実現できます。その方法をまとめましたの...

ブレンドモードは、描画モードとしてPhotoshopやIllustratorなどのAdobe系ツールに搭載されている、グラフィックデザイナーにとってはおなじみの機能です。以前はPhotoshopなどで加工してからWebサイトに使用していましたが、現在はCSSで実装できるように...

背景画像を指定した<div>タグや<p>タグをバナーっぽくするため<a>タグでリンクを張ってみても、うまくいかないときがあります。 こういうときは逆に<a>に背景画像を指定することで解決します。 <p class="top"><a href="top.html" title...

WEBの表示は横書きが基本です。が、和風のサイトならワンポイントで縦書きにしてみたいですよね。 今ではCSSで縦書きにすることも可能です。早速やってみましょう。 【】 CSSのwriting-modeを使います。 縦書きは writing-mode: vertical-rl; 縦書きで左か...

WordPressで記事を非公開に切り替える場合、下書きにするか、パスワードで限定公開にするか、記事を削除するか、の選択になります。いずれも手動です。 もし指定した日時に自動で下書きや削除ができれば、手間いらずで忘れたりすることも無くなりますよね...

WordPressテーマによっては記事下にTwitter各SNSのシェアボタンをつけられるようになっています。 記事の途中や固定ページなどにツイッターのシェアボタンを設置して記事をツイートできるようにする場合は、今回のような方法があります。 シェアボタンの設...

WordPressにはデフォルトでページにパスワードを設定する機能があり、ページ全体を限定公開にすることが可能です。ページの一部だけパスワードをかけて閲覧制限するには「Passster」というプラグインが使えます。 続きは登録した人だけ見れるようにしたい...

WordPressで、敢えて子テーマを使わずにカスタマイズされる方、子テーマの作り方がわからない方におすすめ！プラグインでCSS・JavaScriptを追加する方法をご紹介します。 最近ではあえて子テーマを使わないカスタマイズも推奨されています。 PHPは別記事で...

【】 デザイナーにとってAdobe Creative Cloud（アドビ・クリエイティブ・クラウド 以下 Adobe CC）は無くてはならないものです。 フリーランスのデザイナー・クリエイターにとってPhotoshop・Illustaratorは必須、エディトリアルデザインにはInDesignは欠...

これが無いと始まらない、デザイナーにとって必須のツール『Adobe Creative Cloud（アドビ・クリエイティブ・クラウド）』。非常に重要なツールですが、少々高価なのがネックです。独立したばかりのフリーランスデザイナーなら、少しでも固定費を下げたい...

WordPressでサイトを立ち上げる際、どのテーマを選ぶかはとても重要です。 しかし、テーマと言っても無料のものから有料のものまで無数にあり、どれが良いのか迷います。初めてWordPressに触れる方は、まずここで止まってしまいます。（私もそうでした…） ...

デザイナーにとって大事なツール『Adobe Creative Cloud（アドビ・クリエイティブ・クラウド）』、キレイな画像がたっぷり『Adobe Stock（アドビストック）』。重宝するのですが、その分ちょっと高価です。そこで、安く利用する方法をご案内してきました。...

レスポンシブ全盛の今、CSSで要素の幅や高さを指定するときの単位に px よりも % を使うことが増えたと思います。でも、もっと便利な単位がありました。vh,vw。いやー不勉強でした…ということで備忘録的にまとめたいと思います。 【】 vh,vwは、ブラウザ（...

Webサイトにお問合せフォームを設置するとスパムメール悩まされます。スパム対策として有名なプラグイン『Akismet』がありますが、ここではGoogleの『reCAPTCHA v3』での対策を紹介します。 【reCAPTCHAとは？】 Webサイトにお問合せフォームを設置すると...

WordPressの問い合わせフォームの定番プラグインといえば【Contact Form 7】で、私も使用しています。これがある時点から機能しなくなったので、悪戦苦闘しながら対策したときのお話を備忘録的にまとめてみました。 お問い合わせが送信できない ある時、問...

Google AdSense（グーグルアドセンス）の審査は年々厳しくなっていると言われていますが、実際はどうなのか気になりましたので試しにサイト開設45日目15日の時点で申請してみました。以外にもあっさり審査が通り、その後他のサイトも連続合格しましたので...

デザイナー必須のツール『Adobe Creative Cloud（アドビ・クリエイティブ・クラウド）』。とても便利なのですが、高額なのが最大の問題です。開業したてのフリーランスデザイナーとしては、少しでも経費を削減したいですね。これまで、約半額で安く利用す...

WordPressのスパム対策として、Googleの「reCAPTCHA V3」はとても便利です。 ただ、お問い合わせ画面の右下にreCAPTCHAのロゴが表示されて少々邪魔に感じます。 とくに、WordPressでお問い合わせフォームを設置するためのプラグイン「Contact Form 7」を使...

WordPressのSEO対策としてよく挙げられるプラグイン『WordPress Ping Optimizer』。ですが「WordPress Ping Optimizerって必要?」という方もおられます。「SEO効果が無い」ということから、そのような意見を述べられているようです。 しかし、それは『Word...

WordPressのローカル環境を構築するときの定番『Local（local by flywheel）』。無料で手軽に、しかも複数のWordPressをローカル環境で構築できるので、多くの方が利用していてオススメのツールです。 でも複数のWordPressを管理していると、ついついパス...