【SWELL】LPのURL「LP」を別のディレクトリー名に変更するカスタマイズ方法

WordPressテーマSWELLのカスタマイズ作業メモです。

SWELLにはLP（ランディングぺージ）を作成する専用のカスタム投稿機能が標準搭載されています。

SWELLのLP作成画面

標準の投稿や固定ページとは完全に分離しているので、LPが管理しやすいし仕組みです。

LP投稿で作成するURLは特に指定を変更しない限り次の通りです。

• ドメイン名/lp/lp_01

• ドメイン名/lp/lp_02

ドメイン名とページ名の間に「/lp/」というディレクトリー名が付きます。

本記事ではこのlp部分を別のディレクトリー名に変更した方法を紹介します。ちなみにlpからswellmaniaにしています↓

• ドメイン名/swellmania/lp_01

• ドメイン名/swellmania/lp_02

※上記末尾の「lp_01」、「lp_02」は各ページで設定する任意のページ名です。

サンプルサイト

今回のカスタマイズを実装したサンプルサイトです。

【SWELL】LPページのアドレスを変更したサンプルサイト

→サンプルサイトを開く

上記サンプルサイトのホームページアドレスは次の通りです。

https://webrent.xsrv.jp/demo/swell103/

本来、LPを作ると

「https://webrent.xsrv.jp/demo/swell103/lp/ページの名前」といった具合に、lpを含んでしまいます。

今回は、lp部分をswellmaniaに変更してみました↓

https://webrent.xsrv.jp/demo/swell103/swellmania/sub_01

https://webrent.xsrv.jp/demo/swell103/swellmania/sub_02/

サンプルサイトの構成

【バージョン】

• WordPress：6.3

• SWELL：2.7.8.2

• Code Snippets：3.4.2

WordPress、テーマともに記事執筆時に利用可能な最新バージョンです。

表示設定

次の画像の通りです↓

固定ページで作成した２つのページ（それぞれ「ホーム」「お知らせ」）を、ホームページと投稿ページに設定しています。

パーマリンクの設定

次の画像の通りです↓

特別な設定はしていません。「投稿名」を選択しています。
オプションは未設定です。

LPの設定(その１）

→サンプルサイトを見る

ヘッダー・フッター設定で次のオプションにチェックを入れています。

• ヘッダーを使用する

• フッターを使用する

LPの設定(その2）

→サンプルサイトを見る

ヘッダー・フッター設定で次のオプションにチェックは入れていません。

• ヘッダーを使用する

• フッターを使用する

カスタマイズの概要

今回のカスタマイズはフックを使ったカスタマイズです。

サンプルサイトでは無料のCode Snippetsプラグイン利用しています。WordPress公式プラグインディレクトリーから無料でダウンロードできるプラグインです。

→公式サイト：Code Snippets

PHPのテンプレートを直接編集する必要はありません。子テーマも必須ではありません（子テーマ化してあっても問題ありません）。

カスタマイズの難易度と所要時間

作業の流れですが指定のフックをCode Snippetsプラグインの管理画面に設置して、パーマリンクを更新するという内容です。

個人的にカスタマイズの難易度はかなり低め。

作業の見込み時間はCode Snippetsプラグイン利用経験者であれば3分程度です。

更新履歴

• 2023年8月　記事公開