.htaccessファイルなどでは上手くいかなかった。 普段はサイトの移転などでURL変更があった場合、.htaccessで301リダイレクトの設定をしているが、今回のケースでは上手くいかなかった。 ネット上で情報を探していたところ、functions.phpに記述する方法もあったが、これも上手くいかなかった。 WordPressプラグイン、「Redirection」で解決。...
リダイレクトがうまくいかない時のプラグイン、「Redirection」の設定方法。
Memos
WordPressに最終更新日を表示させる方法。（プラグイン不要。）
WordPressのテンプレートタグでOK。 「the modified date」と「get_the_modified_date」。 記事の最終更新日。 WordPressで投稿した内容を、後になって追記したり修正したりする場合がある。 そういった場合は「最終更新日」を表記させた方が、訪問する方へ対して親切であり、SEO的にも何かしら効果があると思われる。 ...
widthの読み方は、ウィドスやウィドゥスよりもウィズが良い理由。
widthのカタカナ読みはウィズ。 widthの読み方。 スペルでも発音記号でも。 widthはスペルや発音記号を見てもウィズと読めて、英語圏の外国人と話すときもウィズというカタカナ発音で通じる。 HTMLやCSSでよく使うwidth。 width="" / width: ""; Webデザインで幅の指定に使う「w...
VSCodeでファイルをダブルクリックで開きたい時。
ファイルはダブルクリックで開きたい。 VSCodeでファイルを開く時は、左側のサイドメニューの「エクスプローラー」から開くことができるが、デフォルトでは「シングルクリック」になっている。 慣れると便利なのかもしれないが、通常、ファイルを開くときは「ダブルクリック」で開く方が一般的ではないだろうか。 一般的にはダブルクリックで開く方が多い。 MacでもWind...
CSS position: stickyの使い方。効かない！ときはここをチェック。
position: stickyの使い方。 CSSでsticky。 position: sticky; サイドバーをスクロールの途中で固定させたい場合は、以前はJavaScriptなどを組み合わせなければ実装できなかった。 それが「position: sticky」の登場により、CSSだけで可能になった。 ブラウザ対応もすでに追いついており、使い方を覚えると、...
jQuery + JavaScript + CSSでコピーボタンを実装。（コピペ可。）
Codeのコピーボタン追加のWordPressプラグイン。 意外としっくりくる感じのものが見つからなかった。 ネット上でよく見る、コードをコピーできるボタンをWordPressのプラグインなどで実装しようとしたところ、なかなか見つからなかった。 「Copy Anything to Clipboard」や「highlight.js」、「prism.js」はうまくいか...
WebP対応。JPGやPNGからの変換も簡単。SEOにも効果的に。
WebPの壁、IEが公式にサポート終了。 Internet Explorerがサポート終了に。 IEの終了とWebPの台頭。 いよいよというか、ついにというか、2022.06.16にIEのサポートが終了。 そこで、改めて画像形式、WebPについて考察。 WebPの開発元であるGoogle社のChromeはもちろん、Apple社のSafariも202...
VSCodeのテーマ変更方法。
VSCodeの配色テーマ選択方法。 GitHubからAtomの開発終了が発表されたので、ひとまずVSCodeへ移行することに。 VSCodeはちょっと画面がガチャガチャしているので、極力シンプルにしたいときは... 手順。 「Code」 > 「基本設定」 > 「配色テーマ」へ進む。 画面左下の歯車マークからも進むことができる。 ショートカット ...
デザインの原則。想像力と、時代や国や地域でも有効な法則たち。
想像力がなければ、デザインしようがない。 デザインには想像力が必要だ。そして想像力を持つためには知識と経験が必要だ。なので知識の中に原則・法則を入れておくととても役に立つ。 知らないことを想像することはできない。 200年前に地球の反対側に住んでいた人の流行りごとは何なのか？ 現代で最もクールでホットで新しくて古い画家は誰なのか？ 深海の底...
Webや絵画制作の着手金は、しっかり請求した方が絶対に無難。
仕事の報酬を得られないのは非常にまずい。 過去に、数万円が数度、数十万円が１度、数百万円が1度、計数名から未払いを食らったことがある。全て当時の「知り合い」の紹介だった。 今でも連絡先はわかる。仕事上のやりとりのメールや制作物も大体残っている。ちなみに当時の労働基準監督署は残念ながら全くと言って良いほど動いてくれなかったので、数百万円の時はさすがに弁護士へ依頼した。 We...
jQueryの読み込み位置はhead内。（bodyの閉じタグの前じゃない!?）
jQueryの読み込みは、bodyの閉じタグの前じゃない。 jQueryはどこに書くか？ bodyの閉じタグ前じゃなくてもいい。 なんとなくjQueryの読み込みは、bodyの閉じタグの直前に書いた方が良いと言われている。 ただし、盲目的にbodyの閉じタグの前に書く、というのはやめておいた方が無難。 jQueryはどこに書くか？という...
WebサイトSEO検証。Google5位以内を達成。ビッグなワードで。
SEOの実証結果。その後。 SEO対策でさらに順位が上がる。 少し前に何度かSEO対策についてのメモ書きをしたが、その後、さらに順位が上がっていった。なので改めてメモに残して置こうと思う。 あるサイトで「地域名+ビッグキーワード」でスマホ・パソコンともに5位以内となった。被リンクの購入はしていない。Google マイビジネスで数えると、競合サイトは200ほどある。 ...
Webデザイナー、Webコーダーのお金事情。Are you hungry?
Webデザイナーは、なぜか日本では対価に見合っていないらしい。 Webデザイナーの収入の問題。これは、10年以上前から言われていたことだ。 まず、「Webデザイナー」という定義が曖昧だ。制作作業的には、コーディングができるかどうかで大きく違う。 なのでひとまずここでのWebデザイナーは、Webサイト制作のデザイナー、コーダーは、Webサイト制作でのコーダーと定義する。 ...
WebデザインのSEOとは？SEOに強いデザイン脳とは？
SEO対策？ 本職はデザイン業、デザイン脳なのに。 デザインとSEO。 SEOに強くなった。 というか、実はずっと前から強い。 SEOとデザインは基本的には別種だが、デザイン思考でSEO対策をすることは不可能ではない。 例えば〇〇教室。 「地域名 + 〇〇」で検索すると、スマホでもパソコンでも10位前後で推移している。 前後の順位にあるのはすでに名前の知れ...
Contact Form 7に確認画面がない！の対処方法。CSSか固定ページで。
Contact Form 7には確認画面、サンクスページはない。 サンクスページ。 かつてはよく見たサンクスページ。 だがそもそも、確認画面やサンクスページは必要だろうか？ 送信完了後のメッセージと、自動返信メールの内容で確認した方が確実ではないだろうか？ という時代になってはいないだろうか？ Contact Form 7 プラグイン公式ページ。 ...
WordPressの引越しは、All-in-One WP Migrationでささっと。
All-in-One WP Migration。WordPressの引越しのトラブルを防ぐ。 All-in-One WP Migration。WordPressの引越し用プラグイン。 All-in-One WP Migration and Backup WordPressの引越し作業では、何かしら問題が起こりやすい。 なのでトラブルが起こることを前提として、気持ちや...
Sassは必要？メリットは？ Sassからの卒業。Back to CSS。
Sassで書く意味はなんだろう？ Sassのメリット。 まず第一に、Sassを使用する理由・メリットは何だっただろう？ 個人的には... 変数を使える。 関数を使える。 四則演算が使える。 Sassのかっこよさげなイメージ。 この4つは大きかった。テキストや背景色などのカラーコードを変数に格納、widthの幅を四則演算、というのは非常に便利だった。そ...
WebPとは？JPGからWebPへ。HTMLへの実装・検証結果。
WebPってどうなのだろう？ メリットは？ 画像はWebP形式の時代へ。 WebPはGoogleが作った画像ファイル形式。 Webサイトで使用されている画像をJPGからWebPにしよう、という流れがある。 Googleの推しが凄いが、実際に軽くなる。 JPGやPNGからWebPへ。 WebPのメリット。 画像自体の見た目のクオリティはJPG...
CSSのidセレクタは使ってはいけないって本当なの？
idセレクタは使ってはいけない？ あるときある学校で、idセレクタは遅いから使ってはいけない、という講師と出会ったことがある。CSSのセレクタはclassセレクタが一番速い、検証してみたから間違いない、そうだ。 正直なところまったく賛同できなかった。本当に検証したのならそうなのかもしれないが、実際にはその証拠を見せていなかった。 ちなみに、学校で学ぶことも多いWebデザイ...
SEO対策とキーワード。コミットするならGoogleとW3Cへ。
SEO対策の真実？ 自分は元々鉛筆画やデザインがメインなので、サイトのSEO対策は補助的に行っている。 だが、複数のサイトで数年間、ある程度の全国的なビッグキーワードでも、15位以内には入っている。中小企業の社名やパーソナルなサイト名では（同名の会社名がいくつかあっても）全国1位は普通で、ローカルSEOや、2〜3単語以内のキーワードで10位以内に入ることも普通だ。モバイル検索で...