URLをコピーしました!
スキルアップを始める!

2021-08

WordPress(ワードプレス)

【WordPress】「致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードする必要があります。」【解決?】

ワードプレスのテーマエディタから「ファイルを更新」を押したタイミングで、突然。 致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の手段で PHP ファイルの変更をアップロ...
Marketing(マーケティング)

【OATH(オース)の法則とは?】人が抱える問題意識をレベル分けして課題解決を図るマーケティング手法

OATH(オース)の法則とは 「OATH(オース)の法則」とは、人が抱える問題意識をレベル分けして、課題解決を図るフレームワークです。「Oblivious(無知)」「Apathetic(無関心)」「Thinking(関心)」「Hurting...
Marketing(マーケティング)

【アイビーリーメソッドとは?】生産性を上げるToDo管理手法!仕事の効率化に役立つテクニック!

アイビーリーメソッドとは? アイビーリーメソッドとは、現代のパブリック・リレーションズの創始者アイビー・リー氏が考案したメソッドです。 ■参考記事 アイビーリーメソッド その方法は、いたってシンプルです。 1.紙に明日やるべき項目を、6つ書...
Marketing(マーケティング)

コンテンツマーケティングとは?「広告」と「マーケティング」の違いについて

コンテンツマーケティングとは「ユーザーにとって価値があるページ・記事を作る」→「ユーザーに商品・サービスの関心を高めてもらう」→「ファンとしてリピートしてもらう」といった流れを作るマーケティングの戦略手法です。 コンテンツマーケティングを駆...
Googleアナリティクス

【GA4】チャネル(グループ)とは?ウェブサイトに流入するチャネル経路はこの10種類から始まる

GA4には「デフォルト チャネル グループ」というレポート項目があり「ユーザーさんがWEBサイト(自分のブログ)に流入してきた経路」を見ることができます。チャネルとは何か?どのような種類があるのかを見ていきましょう。 チャネル グループとは...
jQuery(ジェイクエリ)

【jQuery】ドラッグ&ドロップでページ内の画像を動かす方法(要素をドラッグアンドドロップ移動)

前回は「JavaScriptを使ってドラッグアンドドロップでページ内の画像を移動させる」という話を書きましたが、今回は「jQuery」を使ってドラッグアンドドロップを実現してみます。 ▶サンプルページはこちら CDNで jQuery をイン...
JavaScript(ジャバスクリプト)

【JavaScript】ドラッグ&ドロップでページ内の画像を動かす方法(要素をドラッグアンドドロップ移動)

画像を「ドラッグアンドドロップで移動」させたい時に使える方法です。マウスクリックした時とドラッグした時、離されたときにイベントを発生させて画像を移動させる処理をJavaScriptで作ってみます。 ▶サンプルページはこちら DataTran...
CSS(シー・エス・エス)

【CSS】グリッドレイアウトで更に複雑なボックスを並べてみる[3/4]グリッドデザイン(display: grid)

ディスプレイグリッド(グリッドレイアウト)で調整する 前回まではディスプレイグリッド(グリッドレイアウト)を使ってCSSレイアウトの横幅や縦幅を調整する方法を書きました。今回は、さらに複雑なレイアウトに挑戦してみたいと思います。 grid-...
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(マーケティング)

【シャルパンティエ効果とは?】表現を変えるだけで錯覚が起こり印象を変えるマーケティングテクニック

シャルパンティエ効果とは 「2つ以上の同じ物(大きさや単位)を小さくて数が多い単位に変換することで、より多く見えるという錯覚が起こる」という現象を「シャルパンティエ効果」と呼びます。 フランス人医師のオーグスチン・シャルパンティエ(Augu...
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」プラグインを使って、既にアップロードさ...
Kindle Unlimited 会員は無料で購読できます
購読はこちら
Kindle Unlimited 会員は無料で購読できます
購読はこちら