Almondlab

WordPressでbodyタグのクラスにページスラッグを追加。

2021.05.24 / Notes

WordPressのテーマの作成で、bodyタグに表示しているページスラッグを追加する際のメモです。
functions.php内に次のように追記します。

function get_page_parts() {
	$parts = array();
	$url_parse = parse_url($_SERVER['REQUEST_URI']);
	foreach (explode('/', $url_parse['path']) as $part) {
		if (!preg_match('/^[0-9]+/', $part) && $part != '') {
			$parts[] = $part;
		}
	}
	return $parts;
}

function get_page_parts() {

$parts = array();

$url_parse = parse_url($_SERVER['REQUEST_URI']);

foreach (explode('/', $url_parse['path']) as $part) {

if (!preg_match('/^[0-9]+/', $part) && $part != '') {

$parts[] = $part;

}

return $parts;

}

header.php内のbodyタグを次のように書き換えます。

<body <?php body_class(get_page_parts()); ?>>

1	<body <?php body_class(get_page_parts()); ?>>

階層ページでは各スラッグをbodyタグのクラスに追加して、数字から始まるものは除外するようにしています。

YouTubeの埋め込みをレスポンシブに対応。

2020.04.22 / Notes

YouTubeの<iframe>による埋め込みをレスポンシブに対応するには、外側に<div>で囲み、次のようなCSSで可能です。

<div class="video-wrapper">
<iframe src="https://www.youtube.com/embed/xxxxxxxxxx"></iframe>
</div>

</div>

div.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 比率が16:9の場合 */
}
div.video-wrapper iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

div.video-wrapper {

position: relative;

padding-bottom: 56.25%; /* 比率が16:9の場合 */

}

div.video-wrapper iframe {

position: absolute;

width: 100%;

height: 100%;

left: 0px;

top: 0px;

}

WordPressのエディタなどで、毎回手作業による囲む作業は大変なので、JavaScript（jQuery）で一括で処理を行っておくと便利です。

$("iframe[src*='youtube.com']").each(function() {
	$(this).wrap("<div class=\"video-wrapper\"></div>");
});

$("iframe[src*='youtube.com']").each(function() {

$(this).wrap("<div class=\"video-wrapper\"></div>");

});

CentOS8にAnsibleでPHP7をインストール。

2020.04.14 / Notes

CentOS
PHP

CentOS8になってから、PHPのインストール方法に多少変更がありました。Ansibleでの記述も、それに合わせていくつか変更が必要になります。

はじめに変数は次のように設定しておきます。これはCentOS7と比べて、特に違いはありません。
roles/php/defaults/main.yml

php_version: 7.4
language: Japanese
internal_encoding: UTF-8
encoding_translation: Off
detect_order: auto
filesize: 128M

php_version: 7.4

language: Japanese

internal_encoding: UTF-8

encoding_translation: Off

detect_order: auto

filesize: 128M

シンプルな構成ですが、タスクは次のように記述します。
roles/php/tasks/main.yml

- name: Add EPEL Repository
  dnf:
    name: https://dl.fedoraproject.org/pub/epel/epel-release-latest-8.noarch.rpm
    state: present

- name: Add Remi Repository
  dnf:
    name: https://rpms.remirepo.net/enterprise/remi-release-8.rpm
    state: present

- name: Enable PowerTools
  shell:
    cmd: dnf config-manager --set-enabled PowerTools

- name: Install PHP
  shell:
    cmd: dnf module install -y php:remi-{{ php_version }}

- name: Install Modules
  dnf:
    name: ['php-apcu', 'php-devel', 'php-gd', 'php-mbstring', 'php-mysqlnd', 'php-opcache', 'php-pdo', 'php-pear', 'php-pecl-zip', 'php-xml']
    state: present

- name: Configure PHP
  ini_file:
    path: /etc/php.ini
    section: "{{ item.section }}"
    option: "{{ item.option }}"
    value: "{{ item.value }}"
    backup: "{{ item.backup }}"
  with_items:
    - { section: PHP, option: post_max_size, value: "{{ filesize }}", backup: true }
    - { section: PHP, option: upload_max_filesize, value: "{{ filesize }}", backup: false }
    - { section: Date, option: date.timezone, value: "{{ timezone }}", backup: false }
    - { section: mbstring, option: mbstring.language, value: "{{ language }}", backup: false }
    - { section: mbstring, option: mbstring.internal_encoding, value: "{{ internal_encoding }}", backup: false }
    - { section: mbstring, option: mbstring.encoding_translation, value: "{{ encoding_translation }}", backup: false }
    - { section: mbstring, option: mbstring.detect_order, value: "{{ detect_order }}", backup: false }

- name: Add EPEL Repository

dnf:

name: https://dl.fedoraproject.org/pub/epel/epel-release-latest-8.noarch.rpm

state: present

- name: Add Remi Repository

dnf:

name: https://rpms.remirepo.net/enterprise/remi-release-8.rpm

state: present

- name: Enable PowerTools

shell:

cmd: dnf config-manager --set-enabled PowerTools

- name: Install PHP

shell:

cmd: dnf module install -y php:remi-{{ php_version }}

- name: Install Modules

dnf:

name: ['php-apcu', 'php-devel', 'php-gd', 'php-mbstring', 'php-mysqlnd', 'php-opcache', 'php-pdo', 'php-pear', 'php-pecl-zip', 'php-xml']

state: present

- name: Configure PHP

ini_file:

path: /etc/php.ini

section: "{{ item.section }}"

option: "{{ item.option }}"

value: "{{ item.value }}"

backup: "{{ item.backup }}"

with_items:

- { section: PHP, option: post_max_size, value: "{{ filesize }}", backup: true }

- { section: PHP, option: upload_max_filesize, value: "{{ filesize }}", backup: false }

- { section: Date, option: date.timezone, value: "{{ timezone }}", backup: false }

- { section: mbstring, option: mbstring.language, value: "{{ language }}", backup: false }

- { section: mbstring, option: mbstring.internal_encoding, value: "{{ internal_encoding }}", backup: false }

- { section: mbstring, option: mbstring.encoding_translation, value: "{{ encoding_translation }}", backup: false }

- { section: mbstring, option: mbstring.detect_order, value: "{{ detect_order }}", backup: false }

CentOS8では、PHPのインストールに「dnf module」が必要になりましたが、現状ではAnsible側が対応していないので直接、「cmd」にて実行しています。

- name: Install PHP
  shell:
    cmd: dnf module install -y php:remi-{{ php_version }}

- name: Install PHP

shell:

cmd: dnf module install -y php:remi-{{ php_version }}

また、「php-devel」モジュールをインストールする場合には、「PowerTools」も有効にしておく必要があります。

- name: Enable PowerTools
  shell:
    cmd: dnf config-manager --set-enabled PowerTools

- name: Enable PowerTools

shell:

cmd: dnf config-manager --set-enabled PowerTools

WooCommerceで配送地域を一括登録。

2020.04.10 / Notes

WordPressのECサイト構築プラグインWooCommerceで、配送地域をSQLコマンドで一括登録する際のメモです。
登録する内容は、配送地域と、それぞれの配送地域に含まれる地域（都道府県）、配送方法（定額送料）になります。

-- 配送地域を登録
INSERT INTO `wp_woocommerce_shipping_zones` (`zone_id`, `zone_name`, `zone_order`) VALUES
(1,	'北海道',	0),
(2,	'東北',	0),
(3,	'関東',	0),
(4,	'甲信越',	0),
(5,	'北陸',	0),
(6,	'東海',	0),
(7,	'関西',	0),
(8,	'中国',	0),
(9,	'四国',	0),
(10,	'九州',	0),
(11,	'沖縄',	0);

-- 各配送地域に地域（都道府県）を登録
INSERT INTO `wp_woocommerce_shipping_zone_locations` (`location_id`, `zone_id`, `location_code`, `location_type`) VALUES
(1,	1,	'JP:JP01',	'state'),
(2,	2,	'JP:JP02',	'state'),
(3,	2,	'JP:JP03',	'state'),
(4,	2,	'JP:JP04',	'state'),
(5,	2,	'JP:JP05',	'state'),
(6,	2,	'JP:JP06',	'state'),
(7,	2,	'JP:JP07',	'state'),
(8,	3,	'JP:JP08',	'state'),
(9,	3,	'JP:JP09',	'state'),
(10,	3,	'JP:JP10',	'state'),
(11,	3,	'JP:JP11',	'state'),
(12,	3,	'JP:JP12',	'state'),
(13,	3,	'JP:JP13',	'state'),
(14,	3,	'JP:JP14',	'state'),
(15,	4,	'JP:JP15',	'state'),
(16,	4,	'JP:JP19',	'state'),
(17,	4,	'JP:JP20',	'state'),
(18,	5,	'JP:JP16',	'state'),
(19,	5,	'JP:JP17',	'state'),
(20,	5,	'JP:JP18',	'state'),
(21,	6,	'JP:JP21',	'state'),
(22,	6,	'JP:JP22',	'state'),
(23,	6,	'JP:JP23',	'state'),
(24,	6,	'JP:JP24',	'state'),
(25,	7,	'JP:JP25',	'state'),
(26,	7,	'JP:JP26',	'state'),
(27,	7,	'JP:JP27',	'state'),
(28,	7,	'JP:JP28',	'state'),
(29,	7,	'JP:JP29',	'state'),
(30,	7,	'JP:JP30',	'state'),
(31,	8,	'JP:JP31',	'state'),
(32,	8,	'JP:JP32',	'state'),
(33,	8,	'JP:JP33',	'state'),
(34,	8,	'JP:JP34',	'state'),
(35,	8,	'JP:JP35',	'state'),
(36,	9,	'JP:JP36',	'state'),
(37,	9,	'JP:JP37',	'state'),
(38,	9,	'JP:JP38',	'state'),
(39,	9,	'JP:JP39',	'state'),
(40,	10,	'JP:JP40',	'state'),
(41,	10,	'JP:JP41',	'state'),
(42,	10,	'JP:JP42',	'state'),
(43,	10,	'JP:JP43',	'state'),
(44,	10,	'JP:JP44',	'state'),
(45,	10,	'JP:JP45',	'state'),
(46,	10,	'JP:JP46',	'state'),
(47,	11,	'JP:JP47',	'state');

-- 各配送地域に配送方法（定額送料）を登録
INSERT INTO `wp_woocommerce_shipping_zone_methods` (`zone_id`, `instance_id`, `method_id`, `method_order`, `is_enabled`) VALUES
(1,	1,	'flat_rate',	1,	1),
(2,	2,	'flat_rate',	1,	1),
(3,	3,	'flat_rate',	1,	1),
(4,	4,	'flat_rate',	1,	1),
(5,	5,	'flat_rate',	1,	1),
(6,	6,	'flat_rate',	1,	1),
(7,	7,	'flat_rate',	1,	1),
(8,	8,	'flat_rate',	1,	1),
(9,	9,	'flat_rate',	1,	1),
(10,	10,	'flat_rate',	1,	1),
(11,	11,	'flat_rate',	1,	1);

-- 配送地域を登録

INSERT INTO `wp_woocommerce_shipping_zones` (`zone_id`, `zone_name`, `zone_order`) VALUES

(1, '北海道', 0),

(2, '東北', 0),

(3, '関東', 0),

(4, '甲信越', 0),

(5, '北陸', 0),

(6, '東海', 0),

(7, '関西', 0),

(8, '中国', 0),

(9, '四国', 0),

(10, '九州', 0),

(11, '沖縄', 0);

-- 各配送地域に地域（都道府県）を登録

INSERT INTO `wp_woocommerce_shipping_zone_locations` (`location_id`, `zone_id`, `location_code`, `location_type`) VALUES

(1, 1, 'JP:JP01', 'state'),

(2, 2, 'JP:JP02', 'state'),

(3, 2, 'JP:JP03', 'state'),

(4, 2, 'JP:JP04', 'state'),

(5, 2, 'JP:JP05', 'state'),

(6, 2, 'JP:JP06', 'state'),

(7, 2, 'JP:JP07', 'state'),

(8, 3, 'JP:JP08', 'state'),

(9, 3, 'JP:JP09', 'state'),

(10, 3, 'JP:JP10', 'state'),

(11, 3, 'JP:JP11', 'state'),

(12, 3, 'JP:JP12', 'state'),

(13, 3, 'JP:JP13', 'state'),

(14, 3, 'JP:JP14', 'state'),

(15, 4, 'JP:JP15', 'state'),

(16, 4, 'JP:JP19', 'state'),

(17, 4, 'JP:JP20', 'state'),

(18, 5, 'JP:JP16', 'state'),

(19, 5, 'JP:JP17', 'state'),

(20, 5, 'JP:JP18', 'state'),

(21, 6, 'JP:JP21', 'state'),

(22, 6, 'JP:JP22', 'state'),

(23, 6, 'JP:JP23', 'state'),

(24, 6, 'JP:JP24', 'state'),

(25, 7, 'JP:JP25', 'state'),

(26, 7, 'JP:JP26', 'state'),

(27, 7, 'JP:JP27', 'state'),

(28, 7, 'JP:JP28', 'state'),

(29, 7, 'JP:JP29', 'state'),

(30, 7, 'JP:JP30', 'state'),

(31, 8, 'JP:JP31', 'state'),

(32, 8, 'JP:JP32', 'state'),

(33, 8, 'JP:JP33', 'state'),

(34, 8, 'JP:JP34', 'state'),

(35, 8, 'JP:JP35', 'state'),

(36, 9, 'JP:JP36', 'state'),

(37, 9, 'JP:JP37', 'state'),

(38, 9, 'JP:JP38', 'state'),

(39, 9, 'JP:JP39', 'state'),

(40, 10, 'JP:JP40', 'state'),

(41, 10, 'JP:JP41', 'state'),

(42, 10, 'JP:JP42', 'state'),

(43, 10, 'JP:JP43', 'state'),

(44, 10, 'JP:JP44', 'state'),

(45, 10, 'JP:JP45', 'state'),

(46, 10, 'JP:JP46', 'state'),

(47, 11, 'JP:JP47', 'state');

-- 各配送地域に配送方法（定額送料）を登録

INSERT INTO `wp_woocommerce_shipping_zone_methods` (`zone_id`, `instance_id`, `method_id`, `method_order`, `is_enabled`) VALUES

(1, 1, 'flat_rate', 1, 1),

(2, 2, 'flat_rate', 1, 1),

(3, 3, 'flat_rate', 1, 1),

(4, 4, 'flat_rate', 1, 1),

(5, 5, 'flat_rate', 1, 1),

(6, 6, 'flat_rate', 1, 1),

(7, 7, 'flat_rate', 1, 1),

(8, 8, 'flat_rate', 1, 1),

(9, 9, 'flat_rate', 1, 1),

(10, 10, 'flat_rate', 1, 1),

(11, 11, 'flat_rate', 1, 1);

登録後は次のようになります。

配送地域
都道府県の「JP01〜JP47」は北海道から沖縄に該当しますが、一覧はこちら。

JP01：北海道
JP02：青森県
JP03：岩手県
JP04：宮城県
JP05：秋田県
JP06：山形県
JP07：福島県
JP08：茨城県
JP09：栃木県
JP10：群馬県
JP11：埼玉県
JP12：千葉県
JP13：東京都
JP14：神奈川県
JP15：新潟県
JP16：富山県
JP17：石川県
JP18：福井県
JP19：山梨県
JP20：長野県
JP21：岐阜県
JP22：静岡県
JP23：愛知県
JP24：三重県
JP25：滋賀県
JP26：京都府
JP27：大阪府
JP28：兵庫県
JP29：奈良県
JP30：和歌山県
JP31：鳥取県
JP32：島根県
JP33：岡山県
JP34：広島県
JP35：山口県
JP36：徳島県
JP37：香川県
JP38：愛媛県
JP39：高知県
JP40：福岡県
JP41：佐賀県
JP42：長崎県
JP43：熊本県
JP44：大分県
JP45：宮崎県
JP46：鹿児島県
JP47：沖縄県

JP01：北海道

JP02：青森県

JP03：岩手県

JP04：宮城県

JP05：秋田県

JP06：山形県

JP07：福島県

JP08：茨城県

JP09：栃木県

JP10：群馬県

JP11：埼玉県

JP12：千葉県

JP13：東京都

JP14：神奈川県

JP15：新潟県

JP16：富山県

JP17：石川県

JP18：福井県

JP19：山梨県

JP20：長野県

JP21：岐阜県

JP22：静岡県

JP23：愛知県

JP24：三重県

JP25：滋賀県

JP26：京都府

JP27：大阪府

JP28：兵庫県

JP29：奈良県

JP30：和歌山県

JP31：鳥取県

JP32：島根県

JP33：岡山県

JP34：広島県

JP35：山口県

JP36：徳島県

JP37：香川県

JP38：愛媛県

JP39：高知県

JP40：福岡県

JP41：佐賀県

JP42：長崎県

JP43：熊本県

JP44：大分県

JP45：宮崎県

JP46：鹿児島県

JP47：沖縄県

phpMyAdminやWP-DBManagerのようなプラグインからSQLコマンドを実行できますが、事前にバックアップをとってから慎重に行った方が良いです。

Drupal8で「node.html.twig」をURLエイリアスごとに振り分ける際のメモ。

2020.04.03 / Notes

ノード用テンプレート「node.html.twig」でURLエイリアスに基づいて、テンプレートファイルの命名規則を追加します。
例えば「company」ページの場合「node-company.html.twig」といった命名規則になります。

function THEME_NAME_theme_suggestions_node_alter(array &$suggestions, array $variables) {
	if (\Drupal::routeMatch()->getParameter('node')) {
		$alias = \Drupal::request()->getPathInfo();
		$alias = ltrim($alias, '/');
		$alias = ($alias) ? $alias : 'front';
		$suggestions[] = 'node__'.str_replace('/', '_', $alias);
	}
}

function THEME_NAME_theme_suggestions_node_alter(array &$suggestions, array $variables) {

if (\Drupal::routeMatch()->getParameter('node')) {

$alias = \Drupal::request()->getPathInfo();

$alias = ltrim($alias, '/');

$alias = ($alias) ? $alias : 'front';

$suggestions[] = 'node__'.str_replace('/', '_', $alias);

}

上記ではトップページの場合「node-front.html.twig」に、「company/about」ページの場合「node-company-about.html.twig」となるようにしています。