SNS(ソーシャルネットワーキングサービス) 【SNS運用者必見】OGP（Open Graph Protocol）とは？OGPの設定方法とシミュレータについて
みなさん、OGPという言葉をご存知でしょうか？OGPとは「Open Graph Protcol」の略で、主に「Facebook」「Twitter」といったSNS（Social Networking Service）で投稿をする際に、記事やW...
EGUWEB
SNS(ソーシャルネットワーキングサービス) 
Youtube(ユーチューブ) 【著作権フリーのBGM】Youtubeでも使える無料サイト＆有料サイト
Youtube動画を作成する際には「Youtubeでも使える著作権フリーのBGMや音楽素材を配布しているサイトが知りたい」と考えることがあるかと思います。商用利用しても大丈夫かな？と考えた時、音楽素材を提供しているサイトも中にはあります。。...
GoogleSpreadsheet(スプレッドシート) 【Googleシート】ABCDEFG〜のようにアルファベッドの連続データをオートフィルで入力する方法〜CHAR関数｜EXCELも可。
Excelでも使えます。Googleスプレッドシートを使って、ABCDEFG〜とアルファベッドの連番をオートフィルして入力する方法です。CHAR関数を使えば簡単にできる「CHAR関数」を使えば簡単にできます。CHAR関数とは「数値で指定され...
WordPress(ワードプレス) 【WordPress】データをインポート・エクスポートする方法（基本機能）ワードプレスのバックアップ
ワードプレスは基本メニューの中にデータの「インポート」「エクスポート」機能があり、固定ぺージや投稿の文章の文字情報のバックアップだけでよければ、こちらのバックアップでも事足りる場合があります。（画像やテーマなどの情報は含まれずあくまで投稿の...
WordPress(ワードプレス) 【WordPress】本体（プラグイン・テーマ）の更新通知を非表示（オフ）にする方法【プラグインなし】
WordPressの更新通知は、新しいワードプレスのバージョンやテーマやプラグインの更新があった際は通知を出してくれるので便利なのですが、例えば、オリジナルのシステムを組み込んでいる時などに管理者が更新をしてしまうことで不具合が生じてしまう...
WordPress(ワードプレス) 【WordPress】「致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードする必要があります。」【解決？】
ワードプレスのテーマエディタから「ファイルを更新」を押したタイミングで、突然。致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の手段で PHP ファイルの変更をアップロー...
Marketing(マーケティング) 【OATH（オース）の法則とは？】人が抱える問題意識をレベル分けして課題解決を図るマーケティング手法
OATH（オース）の法則とは「OATH（オース）の法則」とは、人が抱える問題意識をレベル分けして、課題解決を図るフレームワークです。「Oblivious（無知）」「Apathetic（無関心）」「Thinking（関心）」「Hurting（...
Marketing(マーケティング) 【アイビーリーメソッドとは？】生産性を上げるToDo管理手法！仕事の効率化に役立つテクニック！
アイビーリーメソッドとは？アイビーリーメソッドとは、現代のパブリック・リレーションズの創始者アイビー・リー氏が考案したメソッドです。■参考記事アイビーリーメソッドその方法は、いたってシンプルです。１．紙に明日やるべき項目を、６つ書く。２．そ...
Marketing(マーケティング) コンテンツマーケティングとは？「広告」と「マーケティング」の違いについて
コンテンツマーケティングとは「ユーザーにとって価値があるページ・記事を作る」→「ユーザーに商品・サービスの関心を高めてもらう」→「ファンとしてリピートしてもらう」といった流れを作るマーケティングの戦略手法です。コンテンツマーケティングを駆使...
Googleアナリティクス(GA4) 【GA4】チャネル（グループ）とは？ウェブサイトに流入するチャネル経路はこの１０種類から始まる
GA4には「デフォルト チャネル グループ」というレポート項目があり「ユーザーさんがWEBサイト（自分のブログ）に流入してきた経路」を見ることができます。チャネルとは何か？どのような種類があるのかを見ていきましょう。チャネル グループとは？...
jQuery（ジェイクエリ） 【jQuery】ドラッグ＆ドロップでページ内の画像を動かす方法（要素をドラッグアンドドロップ移動）
前回は「JavaScriptを使ってドラッグアンドドロップでページ内の画像を移動させる」という話を書きましたが、今回は「jQuery」を使ってドラッグアンドドロップを実現してみます。▶サンプルページはこちらCDNで jQuery をインポー...
JavaScript(ジャバスクリプト) 【JavaScript】ドラッグ＆ドロップでページ内の画像を動かす方法（要素をドラッグアンドドロップ移動）
画像を「ドラッグアンドドロップで移動」させたい時に使える方法です。マウスクリックした時とドラッグした時、離されたときにイベントを発生させて画像を移動させる処理をJavaScriptで作ってみます。▶サンプルページはこちらDataTransf...
CSS(シー・エス・エス) 【CSS】グリッドレイアウトで更に複雑なボックスを並べてみる[3/4]グリッドデザイン(display: grid)
ディスプレイグリッド（グリッドレイアウト）で調整する前回まではディスプレイグリッド（グリッドレイアウト）を使ってCSSレイアウトの横幅や縦幅を調整する方法を書きました。今回は、さらに複雑なレイアウトに挑戦してみたいと思います。grid-te...
Word(ワード) 【Word】「蛍光ペン」を使う方法（文字に背景色を付ける）～検索＆一括設定＆一括置換の方法～
Wordには「蛍光ペン」という便利なツールがあります。今回はWordに搭載されている便利な「蛍光ペン」についての使い方をご紹介していきます。Wordの「蛍光ペン」とは？文字の背景に色を付ける機能です。本に蛍光ペンでマークするのと同じように、...
WordPress(ワードプレス) WordPressにsquareのクレジット決済ボタンを付けて決済をする方法【ワードプレスにスクエアの決済機能】
オンラインショップに限らず、例えば「イベントの決済をしてもらいたい」「オンラインで寄付を募りたい」といった希望はあるかと思います。ワードプレスと言えど、自力で直接決済システムを作る…となるとハードルが上がってしまうかと思います。そんなときに...
CSS(シー・エス・エス) 【CSS】HTMLのinputで入力フォームを作る基本方法＆CSSでフォームのデザインを変える方法[1/3]
WEBページでよく見る「入力フォーム」ですが、今回はHTMLのinputでの入力フォームの作り方の基本とCSSでデザインする方法についてご紹介をしていきます。入力フォーム要素HTML のinput要素は、ユーザーからデータを受け取るための、...
WordPress(ワードプレス) 【ワードプレス】固定ページや投稿の編集画面を公開サイト上と同じようなスタイルにCSSを設定する方法
編集画面と公開画面で色やデザインが変わってしまう？WordPressの編集（エディター）画面で、例えば「CSSを加えてページの背景色を黒」にした場合などに、「編集画面」と「公開されているページ」とで表示に違いが出てしまい、編集の難易度が上が...
Marketing(マーケティング) 【シャルパンティエ効果とは？】表現を変えるだけで錯覚が起こり印象を変えるマーケティングテクニック
シャルパンティエ効果とは「２つ以上の同じ物（大きさや単位）を小さくて数が多い単位に変換することで、より多く見えるという錯覚が起こる」という現象を「シャルパンティエ効果」と呼びます。フランス人医師のオーグスチン・シャルパンティエ（August...
WordPress(ワードプレス) 【CSS】背景画像をウィンドウ横幅いっぱいに広げて表示させる方法｜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の投稿記事でアイキャッチ画像（サムネイル画像）が設定されていない記事が多くあった時。編集画面に入っていけばアイキャッチ画像の設定は可能ですが、１件１件にアイキャッチ画像を設定し...
