こんにちは。
OLのmisato(@kamiya_xxx_chi)です。
最近筆者のHPであるOLOGを少し充実させました☆彡
今回は主に充実させた所2点について紹介します。
![筆者](https://misato.apples.jp/wp-content/uploads/2021/07/S__45555719-2-150x150.jpg)
筆者
2点ともプログラミング無しで出来る方法なので
ブログをやってる方は是非参考にしてみてください!!
下記に過去の充実させた方法も載せているので
気になる方はそちらも併せてご覧ください♪
ヘッダー下に通知メッセージを出力
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像1-1024x395.png)
1つ目に上記のようにヘッダー下に通知メッセージを出力する方法を紹介します。
筆者のブログはテーマをコクーンで構築しているので入れていない方は
コクーンを入れてから実施してくださいね☆★
ダッシュボードからCocoon設定のCocoon設定を選択
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像2.png)
Cocoon設定から通知タブをクリック
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像3.png)
通知表示に✓を入れ通知メッセージを入力
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像4-1-1024x539.png)
通知URLにURLを貼り付け通知リンクを新しいタブで開くに✓を入れる
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像5-1024x577.png)
通知タイプト通知エリア背景色と通知エリア文字色を選択
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像6-1024x336.png)
変更をまとめて保存をクリック
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像7-1024x150.png)
お問い合わせページを作成
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像8-1024x404.png)
2つ目に上記のようにお問い合わせのページを作成しました。
お問い合わせページの完成形は以下です↓
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像9-1024x809.png)
DMの文字の所をクリックすると筆者のTwitterに飛びます。
また、筆者に問い合わせをするのボタンを押しても筆者のTwitterに飛びます。
2点目はこのお問い合わせページの作成の仕方を紹介します。
固定ページから新規作成をクリック
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像10-1024x267.png)
タイトルと本文を入力
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像11-1024x606.png)
DMの文字を選択しリンクを選択
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像12-1024x605.png)
URLを入力し新しいタブで開くをクリック
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像13-1024x611.png)
ブロック追加からボタンを選択
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像14-1024x600.png)
ボタン設定からURLを入力しリンクの開き方は新しいタブで開くを選択
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像15-1024x471.png)
ボタン設定から円形にすると光らせるを選択
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像16-1024x400.png)
ボタンに文字を入力し背景色と文字色を選択
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像17-1024x493.png)
ボーダー色を選択し更新をクリック
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像18-1024x445.png)
外観のメニューからお問い合わせに✓を入れメニューを追加を選択
![](https://misato.apples.jp/wp-content/uploads/2021/07/画像19-1024x739.png)
まとめ
![](https://misato.apples.jp/wp-content/uploads/2021/07/アイキャッチ-4-1024x376.png)
今回は筆者が実施したHPを充実させる方法を2つ紹介しました。
どちらもプログラミング無しで出来るので是非挑戦してみてください☆★
それでは。
コメント