ルクセリタスで1カラムのLPを作る方法

会社で使う評価シートが、どこかの会社のコピーを使っていて、評価項目があわなかったり、評価の定義や計算式を確認しても誰もわからない状況だった為、自分で作成し運用していました。その運用していた「人事評価シート」を、ココナラとSTORESでダウンロード販売しています。そこで、この「人事評価シート」の販売LPを作ってみました。前回、「有給休暇管理表」の販売LPをCocoonでつくりましたので、今回はルクセリタスで作ってみました。

[ 完成イメージ ]

完成イメージ
スポンサーリンク

固定ページの作成

固定ページの新規作成

「新規追加」をクリック

新規追加の管理画面

タイトルの入力

タイトルを入力して、下書き保存します。

固定ページの画面

表示の確認

当然ですが、タイトルやパンくずリスト、ヘッダー、フッター、サイドバーが表示されています。これらを非表示にしていきます。

固定ページの画面

CSSの変更

固定ページの編集

固定ページのサイドバーを非表示とする。

固定ページの追加ヘッダーに以下のCSSを記述します。

記述したCSS

サイトの確認

保存して、プレビューすると、以下のように表示されます。

サイドバーが非表示となった固定ページ

1カラムとなり、サイドーバーが表示されなくなりました。

固定ページから不要な表示を消す。

ヘッダー画像、タイトル、パンくずリスト、メニューバーを非表示とします。但し、フッターについては、ここでは削除できませんので、テンプレートファイルを作成することで対応します。

記述したその他のCSS

サイトの確認

ヘッダー画像、タイトル、パンくずリスト、メニューバーが非表示となりました。

その他が非表示となった固定ページ

テンプレートの適用

テンプレートファイルの作成

WordPress の公式オンラインマニュアル(Codex)に記載ある通り固定ページの表示順番は、カスタムテンプレートの後にpage.phpが読み込まれますので、カスタムテンプレートを作成して、カスタムテンプレートでフッターを非表示とします。

WordPressの公式マニュアル

page.phpのダウンロード

カスタムテンプレートファイルは、page.phpを変更して作成しますので、ダウンロードします。

page.phpのFTP画面

ファイル名の変更

ここでは、「page.php」を「1column.php」に変更します。

ファイル名を変更したダウンロードファイル

1column.phpの変更

まず、テンプレートとして認識させる為に、テンプレート変更します。ここでは、Template Nameを「1カラム」とします。
注意:エディターは、VSC(ビジュアルスタジオコード)を使用しています。

TemplateNameを変更したCSS

つぎに、サイドバーとフッターを呼び込んでいる箇所をコメントアウトします。

サイドバー等を変更したソース

サーバーへUPLOAD

内容を変更した1column.phpをサーバーにUPLOADします。
※ダウンロードしたpage.phpと同じ階層へアップロードします。

1column.phpをアップロードするFTP画面

固定ページの編集

パーマリンクの変更

日本語は、英数字に変えておきます。
注意:これは、LPの作成方法とは何らの関係もありませんので、変更しなくとも良いてす。

パーマリンクの変更画面

テンプレートの選択

1column.phpで、「Template Name: 1カラム」と記述したテンプレートを選択します。

テンプレートを選択した固定ページ

追加ヘッダーの修正

サイドバーの非表示は、「1column.php」で、読み込まない様にした為、追加ヘッダーに記載したCSSは、サイドバーの箇所は削除します。

サイドバーのくさいを削除した追加ヘダーのCSS

最終的には、追加ヘッダーの設定は以下の通りです。

追加ヘッダー記載の最終CSS

サイトの確認

サイトを確認すると、LP用の何もないページとなりました。完成です。

完成した何もない固定ページ
WordPressWordPressのテーマ販促ツール
スポンサーリンク
シェアする
管理人
gungii

どうも、こんにちは!gungii(ガンジー)と申します。
2012年頃、一度に大腸がんと前立腺がんを患い、2ヶ月位入院していた為、職場の部下より、゛がんの爺さん゛とのあだ名をつけられ、以降、gungii(癌爺)と名乗っています。2021年06月でリタイアして、リタ活中です。パソコン大好きシニアが、これまでインプットしてきた経験と知識をアウトプットすることで、皆さんのお役に立てればうれしく思います。

gungiiをフォローする
gungiiのなるほどHack&Tips

コメント