「プライバシーポリシーを作ったんだけど設置の仕方が分からない」特に「Luxeritasにプライバシーポリシーを設置するにはどうすれば？」という方へ。この記事では無料テーマ「Luxeritas」のフッター部分にプライバシーポリシーを設置する方法の一例をお伝えします(当ブログとは別のブログへの設置方法になります)
プライバシーポリシーそのものの作成方法については別記事「プライバシーポリシーの書き方・作り方」が参考になると思います。
目次(クリックでジャンプ)
0.プライバシーポリシーの作成
こんにちは！そうちゃ@zky_creatorです。
0.(事前)プライバシーポリシーの作成
↓
1.フッターにテキストウィジェット設置
↓
2.フッターの見栄えを調整
予め「プライバシーポリシー」を固定ページで作成して公開しておきます。
作成がまだの方は当ブログの記事「3ステップでプライバシーポリシーを作る」等を参考にして、まずプライバシーポリシーを作成して下さい。
ちなみに「当ブログのプライバシーポリシーの原本」を参考にしていただいても構いません。
1.フッターへのテキストリンク設置
ダッシュボードの「外観」「ウィジェット」をクリックすると、設置可能なウィジェットと、ウィジェットの設置場所が表示されます(➀)ので、下にスクロールしてウィジェット「テキスト」と設置場所「フッター中央(タイトルH4)」を見つけて下さい。
「テキスト」を「フッター中央」にドラッグアンドドロップ(➁)すると、テキストウィジェットが設定され編集が開くので、「タイトル」は空白のままに(➂)、本文に「プライバシーポリシー」と入力して、リンクボタンからプライバシーポリシーの固定ページへのリンクを設定します(➃)。
保存して(➄)ブログのトップ画面を確認すると、テキストリンクが表示されました。
ただ、テキストが左に寄っているし、余白が多くてイマイチです。これを格好良くなるように調整していきます。
2.フッターの表示を調整
(1)表示を中央に
まずテキストの配置を中央に寄せます。単純にテキストを中央寄せにしようと試したけれど出来なかったので(汗)苦し紛れに文字の字数を増やしました。
(2)フッターの高さ調整
次に、フッターの高さを減らしてシェイプアップさせましょう
ダッシュボードの「Luxeritas」「子テーマの編集」からテーマ編集画面を開いて…
一番下の行に追加していきます
次のCSSを追加して保存します。
padding-top: 10px;
padding-bottom: 0px;
}
ブログのトップを確認すると…
(3)背景色を設定
背景がつまらないので、背景色を設定します。
先ほどと同様にテーマ編集画面を開いて、CSSを追加します。当ブログでは、以下のCSSを追加しました。
background: linear-gradient(25deg,#3a1c2e,#693454 57%,#c35e68);
}
確認すると…
もっと単純な色つけで良い！という場合は
background-color:#000;
}
これで黒一色になります。「#000」の部分で色を変更します。
色の変更や確認は「デベロッパーツール」を使うと良いでしょう。こちらの記事「Luxeritasのカスタマイズとデベロッパーツールの使い方」が参考になると思います。
(4)文字の色を調整
なお、文字の色は「リンク色」なので、テーマのカスタマイズから変更します。
ダッシュボードの「外観」「カスタマイズ」から
「文字色」「フッターリンク色」で変更して下さい
これで格好良くプライバシーポリシーが設置できました！
あとがき
特に「Luxeritas」をお使いの方に、この記事がお役に立てたら幸いです。
最後まで
お読みいただき
ありがとうございました！