トップページのレイアウト用コード反映手順

ここでは特典としてご用意している、TOPページのコピペ用コードの反映手順を解説していきます。

• コピペ用コードの保管場所
• TOPページのデザインを固定ページで作成する方法
• 固定ページをTOPページとして反映させる方法

をそれぞれ解説していきますので、手順通りに進めて行ってください。

TOPページのコピペ用コード保管場所

TOPページのコピペ用コードは特典配布ページ内にある、デザイン済みデータダウンロードボタンの下にあります。

［＋ クリックしてください］をクリックするとコードが出現します。

右上の［コピー］をクリックするとコードがすべてクリップボードにコピーされます。

固定ページを新規作成する

１）メニューの［固定ページ］→［新規固定ページを追加］をクリック。

２）右上の［︙］→［コードエディター］をクリック。

３）先ほどコピーしたTOPページ用コピペコードを枠内へ貼り付けます。

４）［コードエディターを終了］をクリックし、ビジュアルエディターに戻します。

５）設定の［固定ページ］タブを開き、［LPワイド化する］を選択。

６）これで公開できる準備ができました。右上の［公開］ボタンをクリックすると「公開してもよいですか？」と出てくるので［公開］をクリックし固定ページを公開します。

固定ページIDをコピー

１）［固定ページ一覧］をクリック。

２）TOPページ用に作成した”固定ページID”をコピーする。

AFFINGER管理の設定

１）AFFINGER管理を開く。

２）［トップページ］→「トップページに固定記事を挿入」に先ほどコピーした固定ページIDを貼り付けて保存します。

これでデモサイトと同じTOPページのデザインが反映されているはずです。

テキストや画像、ボタンのリンクなどを変更し、オリジナルのTOPページを作成してくださいね。