会社で使う評価シートが、どこかの会社のコピーを使っていて、評価項目があわなかったり、評価の定義や計算式を確認しても誰もわからない状況だった為、自分で作成し運用していました。その運用していた「人事評価シート」を、ココナラとSTORESでダウンロード販売しています。そこで、この「人事評価シート」の販売LPを作ってみました。前回、「有給休暇管理表」の販売LPをCocoonでつくりましたので、今回はルクセリタスで作ってみました。
[ 完成イメージ ]
固定ページの作成
固定ページの新規作成
「新規追加」をクリック
タイトルの入力
タイトルを入力して、下書き保存します。
表示の確認
当然ですが、タイトルやパンくずリスト、ヘッダー、フッター、サイドバーが表示されています。これらを非表示にしていきます。
CSSの変更
固定ページの編集
固定ページのサイドバーを非表示とする。
固定ページの追加ヘッダーに以下のCSSを記述します。
サイトの確認
保存して、プレビューすると、以下のように表示されます。
1カラムとなり、サイドーバーが表示されなくなりました。
固定ページから不要な表示を消す。
ヘッダー画像、タイトル、パンくずリスト、メニューバーを非表示とします。但し、フッターについては、ここでは削除できませんので、テンプレートファイルを作成することで対応します。
サイトの確認
ヘッダー画像、タイトル、パンくずリスト、メニューバーが非表示となりました。
テンプレートの適用
テンプレートファイルの作成
WordPress の公式オンラインマニュアル(Codex)に記載ある通り固定ページの表示順番は、カスタムテンプレートの後にpage.phpが読み込まれますので、カスタムテンプレートを作成して、カスタムテンプレートでフッターを非表示とします。
page.phpのダウンロード
カスタムテンプレートファイルは、page.phpを変更して作成しますので、ダウンロードします。
ファイル名の変更
ここでは、「page.php」を「1column.php」に変更します。
1column.phpの変更
まず、テンプレートとして認識させる為に、テンプレート変更します。ここでは、Template Nameを「1カラム」とします。
注意:エディターは、VSC(ビジュアルスタジオコード)を使用しています。
つぎに、サイドバーとフッターを呼び込んでいる箇所をコメントアウトします。
サーバーへUPLOAD
内容を変更した1column.phpをサーバーにUPLOADします。
※ダウンロードしたpage.phpと同じ階層へアップロードします。
固定ページの編集
パーマリンクの変更
日本語は、英数字に変えておきます。
注意:これは、LPの作成方法とは何らの関係もありませんので、変更しなくとも良いてす。
テンプレートの選択
1column.phpで、「Template Name: 1カラム」と記述したテンプレートを選択します。
追加ヘッダーの修正
サイドバーの非表示は、「1column.php」で、読み込まない様にした為、追加ヘッダーに記載したCSSは、サイドバーの箇所は削除します。
最終的には、追加ヘッダーの設定は以下の通りです。
サイトの確認
サイトを確認すると、LP用の何もないページとなりました。完成です。
コメント