投稿者: demo1

Cocoon/WordPress

WordPressで目次の作り方

by demo1

Cocoonの設定で目次を自動作成できる
[Cocoon設定]-[目次]で[目次を表示する]にチェックを入れるとH2見出しが2つ以上あると自動で目次が作成される
[目次ナンバーの表示]は、「数字詳細」にする

H2見出し（その１）

H3見出し（その１）

H2見出し（その２）

WordPress

WordPressにGoogle アナリティクス（GA4）の導入

by demo1

Google アナリティクスのアカウントを作成

https://marketingplatform.google.com/about/analytics

「Site Kit by Google」プラグインをインストールして設定

アナリティクス | ホームで確認

https://analytics.google.com/

Google アナリティクスの初期設定
・コンバージョンの設定
　　ホームー管理ーイベントーイベントを作成で、カスタムイベントー作成
　　カスタムイベント名　about_click
　　一致する条件　event_name　次と等しい　page_view
　　　　　　　　　page_location　次と等しい　https://demo1.kame.mydns.jp/about/
　　以上で「このサイトについて」ページの表示件数を測定できる
　　
・データ保持期間の変更
　　ホームー管理ーデータの保持で、デフォルトの2か月から14か月に変更

・内部トラフィックの除外
　　ホームー管理ーデータストリームで、対象のストリームを選択
　　タグ設定を行うー内部トラフィックの定義で作成をクリック
　　ルール名　local_ip
　　IPアドレス　192.168.0.0/24

・Google サーチコンソールとの連携
　　ホームー管理ーSearch Console のリンクで、リンクをクリック
　　アカウントを選択でサイトのURLを選択して確認をクリック
　　ウェブ ストリームを選択して次へをクリックして送信をクリック
　　

以上

参考サイト

https://www.xserver.ne.jp/bizhp/how-to-set-up-google-analytics

WordPress

WordPressでコードにコピーボタンを追加

by demo1

「Copy Anything to Clipboard」プラグインをインストール

プラグインの設定で「Add new」をクリック

Post Title は何でもよい、例「コードブロック」と入力

設定変更箇所
　Selectorを”pre”から”code”に変更
　Positionを”Inside”に変更
　Styleを”Icon”に変更
して、「Create」をクリック

以上で設定は終わり

使い方１：
ブロックエディタでコードブロック(<>)を挿入してaaaと入力
ブロックのスタイルの色の設定でテキストの色を白にして背景を黒に設定
ブロックのスタイルのタイポグラフィの設定で「行の高さ」を表示させ1.5から2に変更

aaa

使い方２：
エディタで<code> aaa </code>

aaa

WordPress

NginxでWordPress構築

by demo1

Nginx+MariaDB+Wordpressを構築

ドメインを取得

mydns.jpでkame.mydns.jpを取得

nginxをインストール

apt install nginx

apacheがインストールされている場合は削除する

apt purge apache2

PHPをインストール

PHP本体とモジュールをインストール

apt install php php-fpm php-mysql php-mbstring php-gd php-json php-cli php-common

バージョン確認

php -v

PHP 8.2.7 (cli) (built: Jul 20 2023 18:02:54) (NTS)
Copyright (c) The PHP Group
Zend Engine v4.2.7, Copyright (c) Zend Technologies
with Zend OPcache v8.2.7, Copyright (c), by Zend Technologies

nginxの設定ファイル編集

vi /etc/nginx/sites-available/kame

書き換え部分

index index.php index.html index.htm index.nginx-debian.html;

追加部分→”php8.2-fpm”の部分は先に確認したバージョンに合わせる

location ~ \.php$ {
  include snippets/fastcgi-php.conf;
  #
  # # With php-fpm (or other unix sockets):
  fastcgi_pass unix:/run/php/php8.2-fpm.sock;
  # # With php-cgi (or other tcp sockets):
  # fastcgi_pass 127.0.0.1:9000;
}

参考サイト

RaspberryPiにNGINX＋MySQL(MariaDB)+PHPの環境を構築する
https://tsuzureya.net/raspberrypi-nginx-sql-mariadb-php-environment-setup/

RaspberryPi+NGINX環境にWordPressをインストールする方法
https://tsuzureya.net/raspberrypi-nginx-wordpress-setup/

Raspberry Pi (Raspbian)上にNginxを使ったWordPressサーバーを構築する
https://ideal-reality.com/computer/raspberry-pi/rpi-buster-nginx-wordpress/