CSS(シー・エス・エス) 【CSS】背景画像（background-image）を横幅100%に広げる方法【レスポンシブWEBデザイン】
「CSSで背景画像を画面幅いっぱいに広げたい」という時に使える方法です。背景画像を配置しただけでは、必ずしも画面幅いっぱいに広がる訳ではなく、no-repeatなどを指定した場合、左上の方に１枚ポツンと表示されてしまったりします。 このよう...
2021-09
CSS(シー・エス・エス) 
WordPress(ワードプレス) 【WordPress】画像のマウスオーバー時に表示画像を切り替える方法！プラグインなしでも可能
ワードプレスで「画像にマウスオーバーさせた時に画像が切り替わるようにしたい」と思う時もあるかと思います。そのような時に使える方法です。直接書く方法とプラグインを使う方法です。 まずは、表示させる画像、マウスを乗せた時に切り替わる画像の２つの...
Googleスプレッドシート 【Googleスプレッドシート】記事一覧からタイトルを抽出して表示させる便利な関数｜ IMPORTXML関数
「URLの一覧からすべてのページタイトルを一気に取得したい」という、こんな時に使えるのがGoogleスプレッドシート独自の便利関数「IMPORTXML関数」です。 IMPORTXML関数とは？ =IMPORTXML(“URL”, “XPat...
WordPress(ワードプレス) 【WordPress】パーマリンク設定は要注意！全部のページが開けなくなるリスク有り！※途中での変更は基本NG！
「パーマリンク設定はくれぐれも気をつけましょう」という話をいつもさせてもらっているのですが、おそらくパーマリンクについて知らない方も少なくないかと思いますので、今回は改めて「パーマリンク設定」とは何か？についてと注意点をお伝えしたいと思いま...
CSS(シー・エス・エス) 【CSS】文字の行右端の位置が合わない…？時に使えるjustify（均等割り付け）の方法｜text-align
p(段落)でテキストを入れた時に、右側の端が微妙に合わない…？という状態になっていました。 そんな時は「text-align プロパティに「justify」を指定する」という方法で、CSSの両端揃え(均等割り付け)を設定すると、行の右端も揃...
CSS(シー・エス・エス) 【CSS】メディアクエリ(Media Queries)の「only」とは何か？という素朴な疑問について
メディアクエリ(Media Queries)にonlyがある場合と無い場合があることに今さらながら気付きましたが、このonlyがある場合と無い場合の違いとは何か…？について書いてみます。 そもそもメディアクエリ(Media Queries)...
WordPress(ワードプレス) 「Query Monitor」WordPress が重い時は？クエリ（検索）に掛かる時間を調べることができるプラグイン
WordPressで記事数や画像が増えてくると、段々と表示時間や検索したときの検索結果に時間が掛かるようになっていきます。もしかすると、クエリ（検索）に時間が掛かっている原因がなにかあるかもしれません。そのようなときは「Query Moni...
WordPress(ワードプレス) Akismet（アキスメット）プラグインとは？スパム対策にオススメのWordPressプラグイン
ワードプレスで記事を書いて公開している際のひとつの悩みが「スパムコメントが大量に入ってくる…」という点かと思います。 放置しておくと、すさまじい数のスパムコメントが…。 このようなときに役立つプラグインが「Akismet（アキスメット）」で...
Marketing(マーケティング) 「隣の芝生は青く見える」とは何か？意味・由来や語源とは？使用例について
「隣の芝生は青く見える」という言葉（ことわざ？）は、よく聞くかと思いますが、こちらの言葉の意味や語源について紹介していきます。 「隣の芝生は青く見える」とは？ 「隣の芝生は青く見える」とは「隣の芝生は青い(となりのしばふはあおい)」という、...
Landing Page（ランディングページ） 初心者向け！【ランディングページ（LP）とは？】LPの解説と作り方について
「ランディングページ（Landing Page）」という言葉はよく聞くけど一体…という方も多いかと思います。本日はそのような方々のためにランディングページ（通称：LP）というものについてご紹介していきます。 ランディングページとは 「ランデ...
Marketing(マーケティング) 【マッチングリスク意識とは？】消費者が買わない理由を解消して購入確率を上げるマーケティング方法
物の購入やサービスの契約をする際に「もし○○だったらどうしよう…」といった不安や「もし壊れたら」「もっといいものが出たら」といった様々な疑問や考えが出てくるかと思います。そのような時は「マッチングリスク意識」を考えるとよいかと思います。 マ...
Instagram(インスタグラム) 【Instagram利用者必見！】linktree（リンクツリー）とは？SNSのリンク集を作って訪問者にアクションを促す便利サービス
みなさん「linktree（リンクツリー）」というサービスをご存知でしょうか？こちらのlinktreeを使うと主にInstagram（インスタグラム）やTwitterなどで使える便利なリンク集を、あっという間に作ることができます。 lit....
CSS(シー・エス・エス) 【パララックスページ】HTMLとCSSを使ってパララックスサイトを作る方法【視差効果】
ワードプレスなどでパララックスページを作りたいと思った時に、「そもそもどうやって作るんだろう？」という疑問が出るかと思います。かくいう僕も同じ疑問でパララックスの壁にぶち当たりました。そのような時に参考にしてみていただければと思います。以前...
WordPress(ワードプレス) 【ワードプレス】「このサイトで重大なエラーが発生しました。対応手順については、サイト管理者のメール受信ボックスを確認してください。」が表示された場合
WordPress（ワードプレス）で「このサイトで重大なエラーが発生しました。」と表示された時の御参考にどうぞ。 更新の途中であれば本体のファイル欠損の可能性？ もし「ワードプレス本体の更新」の最中でエラーが発生したとなれば、本体のファイル...
Marketing(マーケティング) 【バーナム効果とは？】誰でも当てはまりそうな事に対して自分だけと捉えてもらって心を掴み興味を持ってもらう心理効果
バーナム効果とは？ 「バーナム効果（Barnum effect）」とは、誰にでも当てはまるような曖昧なことを、自分や自分が属するコミュニティなどだけに当てはまるものと捉える心理効果のこと。フィニアス・テイラー・バーナム氏が提唱されています。...
WordPress(ワードプレス) Crop-Thumbnailsプラグインでサムネイル画像をOGPに反映させてTwitterのサムネイルを好みの位置で表示させる【ワードプレス】
OGP（Open Graph Protocol）については今まであまり考えていなかったのですが、こちらのWordPressプラグイン「Crop-Thumbnails」で「任意の位置のCrop画像」をOGPに設定するには一体どうすれば…という...
Googleスプレッドシート 【Googleスプレッドシート】条件付き書式で土日のみセルや行列に背景色を付ける方法（EXCELも可）
例えばGoogleスプレッドシートで「見やすいように土日のみセルや行列に背景色を付けておきたい」と考えることはあるかと思います。 これを毎回手作業で塗りつぶしをしていたら、時間も掛かりますし曜日を間違えたり曜日が変わった時に手作業で修正をす...
Free-Sozai(フリー素材) 「吹き出し」の画像（透過済）フリー素材
吹き出し」の画像素材（透過済）を作ってみました。 需要があるのかは良く分かりませんが、もし必要な方がいましたらお気軽にご連絡下さいませ。
Free-Sozai(フリー素材) 「SAMPLE」の画像（透過済）フリー素材
「SAMPLE」の画像素材（透過済）をillustratorCCで作ってみました。 需要があるのかは良く分かりませんが、もし必要な方がいましたら、お気軽にご連絡下さいませ。
Marketing(マーケティング) 【AIDCAS（アイドカス）の法則とは？】プラスの欲求で購入を促す展開マーケティング方法
AIDCAS（アイドカス）の法則とは？ AIDCAS（アイドカス）の法則とは、消費者が商品を購入するときの心理または一連の行動を分析し、その心理に沿った展開を行う手法のひとつです。「Attention」「Interest」「Desire」「...
