見出し画像

【SWELL】LPのURLから「lp」を削除するカスタマイズ方法


※2023年1月4日追記
SWELL最新バージョン(2.7.2.1)でも有効です。

SWELLマニアの、かんた(@swell_mania)です。

WordPressテーマ「SWELL」のカスタマイズテクニックを紹介します。今回紹介するのはLPページのURL構造から「lp」の文字を削除する方法です。


<基本知識>

SWELLのLP機能で作成できるLPのURLは次の通りです↓

サイトアドレス/lp/任意の文字列


例えばサイトアドレスがswell-theme.comなら、LPのURLは次のような構造になります↓

swell-theme.com/lp/lp01

swell-theme.com/lp/sales-page


SWELLの管理画面には自動的に挿入される「lp」のカスタム投稿スラッグを非表示にしたり、変更するオプションはありません。


今回は「lp」を削除しURLをシンプルにするカスタマイズ方法をシェアします。


デモサイト


LP機能で作成したページのURLから「lp」を削除したサンプルです。

まずトップページのアドレスは次の通りです。

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


この環境にLPを作成しました↓

https://webrent.xsrv.jp/demo/swell27/lp01/

https://webrent.xsrv.jp/demo/swell27/lp02/


こちらはクリックすると開きます↓

LP01
LP02


LPのURLに「lp」を含んでいないことが分かります。




カスタマイズの概要


今回のカスタマイズはフックの追加です。

テンプレートファイルの編集はしません。サンプルのコードをfunctions.php(もしくはCode Snippets)に貼り付けるだけです。


<ポイント>

  • フックの追加(サンプルコードを貼るだけ)

  • テンプレートファイルの編集は不必要

  • 作業時間の目安:5分



<テーマのバージョン>

SWELL:2.7.2.1

※この記事執筆時に利用可能な最新バージョンです。


<前提>

パーマリンク設定で「基本」以外を選択していること。


ここから先は

1,561字 / 2画像

¥ 6,980

期間限定!PayPayで支払うと抽選でお得

この記事が気に入ったらチップで応援してみませんか?