-
【初心者】Reactのイベント処理の書き方
HTMLとの違い 例）クリックするとアラートがでるボタン ボタン ▼HTML <html> <script> const buttonAlert = () => { alert(); } </script> <bo... -
fast-forwardマージとは【Git】
Fast-Forwardマージのしくみ Fast-Forwardマージが起こる条件： メインブランチが、分岐したブランチを作った時点から全く変更されていない場合。 Fast-Forwardマージの... -
【React】useState（デモコンポーネント：続きを読むボタン）
Stateの概念とは それぞれのコンポーネントが持っている状態です。 例 エラーがあるのか、ないのか モーダルが開いているのか、いないのか ユーザーが入力した内容 Reac... -
SSL化済のサイトなのに検索結果にhttpsとならない
参考サイト SSL化について質問です。 Googleで検索した直後の一覧ではhttp表示なのですが、サイトに移行するとhttps化に成功しています。 検索直後の一覧でもhttps表示... -
【お名前.com】Googleサーチコンソールで「所有権を証明できませんでした」の対応
起きていること ▼Googleサーチコンソールでプロパティを追加する際、下記の通り 対応方法 ▼お名前ドットコムにログインしドメイン設定を選択 ▼「DNS設定/転送設定」を選... -
【Snow Monkey】Googleサーチコンソール登録
Googleサーチコンソール登録手順 1）【Googleサーチコンソール】HTMLタグの値を確認 ▼Googleサーチコンソールにログイン「設定」→「ユーザーと権限」を選択 ▼三点ドット... -
タイトルやディスクリプションが検索結果に反映されない
-
LOLIPOPサーバーで「All-in-One WP Migration」のアップロードファイルサイズ変更方法
ロリポップサーバー ユーザー専用ページ ▼ユーザー専用ページの「サーバーの管理・設定」→「PHP設定」を選択 ▼CGI版のPHPに変更 ▼設定項目のupload_max_filesizeが「2M... -
.htaccessとは
.htaccessで行うこと リダイレクト設定 BASIC認証 .htaccess作成サイト：https://www.htaccesseditor.com/#a_basic .htaccessファイルを設置する場所 .htaccessは複数設... -
Xserverドメインで取得した独自ドメインをロリポップで使用
手順 ▼Xserverレンタルサーバの管理画面にログインし対象のドメインを選択 ▼ドメインの契約情報のネームサーバー設定の「設定変更」を選択 ▼その他のサービスで利用する... -
ロリポップ設定
ロリポップ初期の構成 最初に配置されているファイルはwelcome.htmlのみ クライアント様環境 WordPressインストール履歴 構成ファイル wp<dir> .htaccess index.p... -
XML Sitemap Generator for Google不具合のダウングレード対応、代替プラグイン
Googleサーチコンソールへの登録 WordPressで作成したサイトの場合「Site Kit by Google」というプラグインで行うとスムーズです インデックス登録の方法 Googleにイン... -
【WordPress】パンくずリスト作成（プラグインBreadcrumb NavXT）
Breadcrumb NavXT インストールして有効化 パンくずにホームページを含める。等設定をする テンプレートファイル編集 ファイルの表示したい箇所に下記コード <div cl... -
【WordPress】独自のフックを定義してタグクラウド挿入
do_action()関数でフックを定義 ▼header.php <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=... -
Reactプロジェクト作成方法
作業ディレクトリを作成 作成したディレクトリをVSCodeでひらきます Node.jsをインストールする 下記コマンドでバージョン確認ができればインストール済みです node -v ... -
Googleタグマネージャーで好きな地点までのスクロール計測
chrome拡張機能「Page Percentizer」 10%刻みで線を引くことができます https://chromewebstore.google.com/detail/page-percentizer/dlgollejhdkimfihhhlocjpbdjgkffij... -
Looker Studio使用法
Looker Studioとは 無料のダッシュボードツールです Googleアナリティクスのイベントを可視化できます GA4のレポート探索より自由度が高く定点観測がしやすいです Looke... -
【GTM】サンクスページがないフォームの計測
フォーム送信完了のイベントの作成 タグの作成 名前：問い合わせ完了2 タグの種類：Google アナリティクス: GA4 イベント イベント名：generate_lead イベントパラメー... -
【Googleタグマネージャー】バナー表示イベント
バナークリックイベントの作成 ↓ページ下部のようなIDが付与されているバナーの表示イベントを考えます。 ▼Googleタグマネージャーの変数より【Click Element】があるか... -
ハンバーガーメニュー・グローバルナビゲーション
テンプレートファイル編集 ▼header.php <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content=... -
【CSS】「grid」便利な使い方、flexボックスでjustify-content: center;だけど子要素は左寄せにしたい場合
↑下の行を左寄せにしたい display: grid; display: flex;ではなくdisplay: grid;にする .grid { display: grid; grid-template-columns: repeat(auto-fit, 80px); justi... -
【GA4】キーイベント（コンバージョンイベント）の登録
※アナリティクスのコンバージョンは、キーイベントという名前に変更されました。 方法（1）キーイベントから設定 ▼データの表示からキーイベントを選択 ▼新しいキーイベ... -
【Google Tag Manager】サンクスページ到達イベントの作成
準備 今回はプラグイン「コンタクトフォーム7」でフォームを作成、サンクスページを下記記事参考で作成しました https://wpmake.jp/contents/plugin/contact-form7/than... -
設定したイベントをGA4の探索で見る方法
探索機能で設定した情報を確認する方法 データ探索で空白を選択（基本的な内容） ▼Googleアナリティクスで探索から空白を選択 ディメンションを選択する ※ディメンショ... -
WordPressの管理バーがヘッダーと重なるときの対処法
headタグ内もしくはfunctions.phpに下記記述 functions.phpの場合 add_action('wp_head', function () { ?> <?php if( is_user_logged_in() ) : ?> <style type="... -
WordPressでdrawer.js実装
CDN読み込み 公式サイト：https://git.blivesta.com/drawer ▼一部参考 https://www.miso.blog/jquery-drawer 公式サイトよりCDNの記述をコピーしてheadタグ内に張り付け... -
【WordPress】カラーパレット追加方法
▼functions.php function my_wp_theme_json_data_theme( $theme_json ){ $new_data['version'] = 2; // カラーパレット カスタマイズ 既存パレットに追加（単色） $... -
【Googleタグマネージャー】内部リンククリックイベント作成手順
1）組み込み変数の設定 ▼Googleタグマネージャーで変数を選択し組み込み変数の設定をクリック ▼Click URLとClick Textを追加 2）タグの作成 タグの設定 名前：内部リン... -
「Googleタグマネージャー」アカウントを作る→「GA4」を設定する方法
Google Tag Manager（GTM）とは Google Tag Managerで扱うタグとはWebサイトとマーケティングツール間で情報をやりとりするためのコードです Googleアナリティクス、Goo... -
【テンプレートタグ】the_post_thumbnailでサイズ指定ができない
<?php the_post_thumbnail(array(200, 100)); ?> 上記のように(200, 100)と指定しているのに、実際は img[Attributes Style] { width: 150px; aspect-ratio: ...
