WordPress(ワードプレス) 【CSS】背景画像をウィンドウ横幅いっぱいに広げて表示させる方法｜WordPress入門
前回は「画像をコンテンツ幅を越えて画面の横幅いっぱいに広げる方法」を書きましたが、背景画像の場合は同じ方法では上手くいかないようでしたので、別の方法を試してみたいと思います。画像をウィンドウ幅いっぱいに広げる前回の復習ですが、前回はこのよう...
WordPress(ワードプレス) 
WordPress(ワードプレス) 【CSS】写真を画面の横幅いっぱいに広げる方法｜コンテンツ幅よりも画像を広げてウィンドウ幅に合わせる｜WordPress入門
WordPressのcocoonテーマあたりだとそうなのですが、画像を「全幅」にしていても、画像の横幅が「コンテンツ幅」までしか広がらないので「画面の横幅いっぱい」に広げたい場合に困ったことになってしまいます。追加 CSS クラスを設定する...
CSS(シー・エス・エス) 【CSS】グリッドレイアウトで更に複雑なボックスを並べてみる[2/4]グリッドデザイン(display: grid)
ディスプレイグリッド（グリッドレイアウト）前回、ディスプレイグリッド（グリッドレイアウト）を使ってCSSレイアウトを作ってみました。今回は、さらにdisplay: gridで色々と試してみたいと思います。※前回の謎のレイアウトですが、どうや...
WordPress(ワードプレス) 【WordPress】Contact Form7にreCAPTCHA(v3) を設定する方法～お問い合わせのスパムを無くす～
なんとも簡単にWordPressにお問い合わせフォームを組み込めてとてつもなく素晴らしいプラグイン「Contact Form7」なのですが、単に設定して置いただけだと、とかく大量のスパムメールが届いてしまい、にっちもさっちもいかない状態にな...
CSS(シー・エス・エス) 【CSS】グリッドレイアウトでサイズが違う複数のボックスを複雑に並べてみる[1/4]グリッドデザイン(display: grid)
複雑なブロックレイアウトをCSSでどうやって作るのか？と考えていたら「グリッドレイアウト」を使えばどうにかなりそう…ということで、試してみました。▶デモページはこちら グリッドレイアウト(display: grid)の基本グリッドは、列と行...
Marketing(マーケティング) 【PASONA（パソナ）の法則とは？】問題提起から解決策を提案して購買行動へと誘導するマーケティング方法
PASONA（パソナ）の法則とは？ユーザーの購買行動を促すためのマーケティングの法則で「Problem（問題）」「Agitation（扇動）」「Solution（解決策）」「Narrow down（絞込み）」「Action（行動）」の頭文字...
WordPress(ワードプレス) 【WordPress】メディアライブラリ画像（アップロード画像）を一括リサイズできる便利プラグイン｜Imsanity
一度アップロードした画像をリサイズしたい「WordPressに既にアップロードしてしまった画像をまとめて特定のサイズにリサイズしたい」…と思うことがあるかと思います。そんな時には「Imsanity」プラグインを使って、既にアップロードされて...
Excel(エクセル) 【EXCEL】MAX関数を使って一番高い成績を抽出した際にどの教科だったのかを探し当てる方法・応用｜MATCH関数＆INDEX関数
前回の続きですが、前回は「MAX関数を使って各生徒の成績の中で一番成績の良かった点数」を表示させましたが、では「一番点数が良かったのは、どの教科か？」という答えを抽出する方法について今回は解決していきたいと思います。前回の復習（MAX関数）...
WordPress(ワードプレス) AdminBar（管理バー）を常に非表示にする方法｜show_admin_bar【ワードプレス入門】
タイトルの通りなのですが、WordPressのAdminBar（管理バー）を強制的に非表示にしたい…と思った時に使える方法です。AdminBar（管理バー）とは、WordPressにログインしたあとにページの上部に表示される黒いバー部分のこ...
CSS(シー・エス・エス) 【CSS】【１枚ずつ表示編】アニメーションで画像や文字を遅延表示（遅れて表示）させる方法｜CSS animation
前回、CSSのアニメーションを使って「画像や文字を遅延表示（遅れて表示）」させる方法を書きましたが、今回はさらにパワーアップして「１枚ずつ順番に」画像や要素を表示させる方法に挑戦をしてみたいと思います。CSS animation（復習）もう...
CSS(シー・エス・エス) 【CSS】アニメーションで画像や文字を遅延表示（遅れて表示）させる方法｜CSS animation
CSSで遅延アニメーションを作りたいWEBサイトを見ていると「画像や要素が遅れて表示されている！」という、かっこいいWEBサイトを見る場面も多いかと思います。複雑なものはどうなっているのかよく分かりませんが、CSSの基本アニメーションだけで...
WordPress(ワードプレス) 【ワードプレス】アイキャッチ画像(サムネイル画像)を一括設定・一括変換したい時に便利なWordPressプラグイン｜Quick Featured Images
ワードプレスのアイキャッチ画像を一括設定したいWordPressの投稿記事でアイキャッチ画像（サムネイル画像）が設定されていない記事が多くあった時。編集画面に入っていけばアイキャッチ画像の設定は可能ですが、１件１件にアイキャッチ画像を設定し...
Excel(エクセル) 【EXCEL】MAX関数を使ってリストから成績が一番高い結果を抽出する方法
一番成績の高い点数を求めたい今回は、成績一覧表から一番成績の高い点数を「MAX関数」で抽出する方法です。例えば、このような表があった場合。各個人の成績の中で「一番成績の高かった成績は何点か？」を取りたい場合があるかと思います。その際には「M...
WordPress(ワードプレス) 【WordPress】サムネイル（アイキャッチ）画像を簡単に切り抜き編集できる便利プラグイン｜Crop-Thumbnails
ワードプレスを使っていると「サムネイル画像を切り抜きしたい」「アイキャッチ画像の比率を統一したい」といった時に使える便利なプラグインが「Crop-Thumbnails」です。Crop-Thumbnailsをインストールするまずは、いつものよ...
Marketing(マーケティング) 【ストーリーライティング】ストーリー型のページ構成で引き込ませるような流れる文章を作る【ブログ入門】
ブログの記事を書こうとした時に「どんな流れで記事・文章を書けば…」と感じた時は、ひとつの方法として「ストーリー型」を意識してページを作ると良いかと思います。ストーリー型の文章とは読者に共感してもらう文章にするためには、この「ストーリー型の文...
Books(本・書籍) 小さな会社が売り上げを爆発的に増やすためのセールスライティングの教科書【オススメの１冊】
小さな会社が売り上げを爆発的に増やすためのセールスライティングの教科書: 150倍の売上増、年間10万名の顧客獲得出来た秘密。詳細はこちらセールスライティングを学びたい！という方にオススメの１冊です。ぜひ読んで習得してみて頂ければと思います...
Marketing(マーケティング) 【コンコルド効果（Concorde Effect）とは？】心理学効果｜損失が出ると分かっているのに止められないという心理効果
コンコルド効果とはコンコルド効果とは、「このまま投資を継続すると損失が出ると分かっているのに、投資した分を惜しみ、投資を止められない心理学効果」のことを言います。別名「コンコルドの誤り」「コンコルドの誤信」「コンコルド錯誤」とも言われます。...
Marketing(マーケティング) 【WEBライティング】コピーライティング 「BDF」とは？見込み客リサーチによってまだ見ぬお客様を発見するマーケティング手法
コピーライティングの「BDF」とはBDFとは、Belief（ビリーフ）、Desire（デザイア）、Feeling（フィーリング）の頭文字をとったもので、顧客が「信じていること」「望んでいること」「感じていること」を表したものです。Belie...
Marketing(マーケティング) 【WEBライティング入門】オファーとは？「オファー（提案）」文章テクニックを使って結果を生み出すマーケティングテクニック
「効果の出る」「売れる」文章・WEBページを作るための効果的なテクニックのひとつが「オファー」を使うという方法です。今回は、このオファーについてご紹介していきます。オファーとはなにかWEBライティングにおける「オファー」とは、「商品を提案す...
Photoshop(フォトショップ) 【Photoshop】WebP（ウェッピー）画像を開く（編集・保存）する方法
PhotoshopでWebP（ウェッピー）画像を開きたいPhotoshopで「WebP（ウェッピー）画像」をどうにか開いて編集できないかな…？と思いましたが、開こうとしてもエラーが表示されて、無理でした。×要求された操作を完了できません。ド...
Mac(マック) [MacBook]ログイン画面に表示されている「ゲストユーザ」を削除する方法
M1のMac Book Airで再起動していたら「ゲストユーザ」が増えて…？いやこれ…ゲストユーザを選択すると、パスワード不要で誰でもログインできるということになるのでは…？Macにいつの間にか表示され始めた「ゲストユーザ」M1Macをイン...
WordPress(ワードプレス) サイトヘルスステータスとは？サイトで起こっている致命的な問題点や改善ポイントを教えてくれる便利機能【ワードプレス入門】
WordPressのダッシュボードに表示されている「サイトヘルスステータス」とは？サイトヘルスステータスとはWordPress 5.2「Jaco」から導入された、WordPressの健康状態を知ることができる機能です。サイトヘルスステータス...
WordPress(ワードプレス) 【WordPress×Stripe】ワードプレスにStripe（ストライプ）で決済サービスを導入する方法｜[2/4]支払い作成編
Stripe（ストライプ）アカウント作成完了前回まで「Stripe（ストライプ）アカウント作成」についてご紹介しました。ということで、今回は前回の続きからお話をしていきます。Stripeの支払いを作成する商品作成のページから新しく「商品追加...
WordPress(ワードプレス) 【WordPress】FileBird｜メディアライブラリ内の画像をフォルダ分けできる便利なプラグイン – WordPress Media Library Folders & File Manager
メディアライブラリのフォルダ分けが出来ないワードプレスのメディアライブラリは、記事や投稿が段々と増えていくに伴って、画像が溜まっていくので、ロゴやヘッダー画像などに利用した画像が、埋もれてどこかにいってしまいます・・・。そんな時に便利に使え...
WordPress(ワードプレス) 【WordPress】WordPress5.8にアップデート！今回の新機能とは？｜2021年7月20日の記録
WordPressが2021年7月20日、ついにバージョン5.8にアップデートしました！今回はさっそく5.8で追加された新機能を試してみたいと思います。今回追加された３つの新機能1.ブロックを使ったウィジェット管理これはなかなか便利な気がし...
WordPress(ワードプレス) 【WordPress】投稿（記事）固定ページを複製（コピー）できる便利プラグイン｜Yoast Duplicate Post
WordPressの投稿・固定ページに複製（コピー）機能が…無い。ワードプレスの投稿や固定ページを複製（コピー）して作りたい…と思っても、標準には複製（コピー）機能が無いので、記事をコピーすることができません。コピー機能は、どこにもありませ...
WordPress(ワードプレス) 【WordPress×Stripe】ワードプレスにStripe（ストライプ）で決済サービスを導入する方法｜[1/4]アカウント作成編
決済サービス「Stripe（ストライプ）」とは「Stripe（ストライプ）」という決済サービスをご存知でしょうか？こちらはカリフォルニア州サンフランシスコとアイルランドのダブリンに本社を置く、金融サービスおよびSaaS企業「Stripe, ...
WordPress(ワードプレス) 【ワードプレス入門】コメントフィードライクのUI・レイアウトをCSSで作るには（どうやって１行にまとめるか？）【WordPress】
最近もCSSで四苦八苦していますが…今回はコメントフィードライクのレイアウトについて考えてみます。コメントフィードライクのレイアウトが、けっこう難しい…？難しいというか単にスキルが足りないだけだろうとは思いますが…コメントフィードライクのレ...
CSS(シー・エス・エス) 【2021年版】「Font Awesome」とは？アイコンのインポートと設置方法
「Font Awesome」というものをご存知でしょうか。使えるようになっておくと、WEBデザインの場でも役に立ちますので、ぜひ知見として覚えておくとよいかと思います。「Font Awesome」とは？「Font Awesome」とは、CS...
Marketing(マーケティング) 【WEBライティング入門】ブログのタイトルやキャッチコピーに使える２０の例文集！読まれる記事タイトルの具体例
ブログを書こうにも、良いタイトルが思いつかない…と悩んでいる方へ。WEBライティング・ブログ記事を書く時に、タイトルやキャッチコピーに詰まった時にご参考ください。なぜ読まれる記事タイトルにした方がいいのか？記事のタイトルは、そのページを見て...
