![](https://www.kamecompass.com/wp-content/uploads/2024/02/0-2.png)
「フッターをカスタマイズする方法は?」
「モバイルでもフッターボタンを設置したい」
「リンクをどうやって挿入するの?」
この記事では、そんな方に向けて、Cocoonでフッターのカスタマイズ方法を解説します。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
こんにちは、かめコンパスです!
この記事を読めば、フッターのカスタマイズ方法はもちろん、
- フッターを設定する2つの機能の使い分け
- モバイルフッターメニューの作り方
- リンクの挿入
が理解できるようになります。
私自身、CSSを使わないとフッターを自由に設定できないと思っていましたが、本記事の方法で好きなように設定できました。
どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでマスターしてください!
また以下の記事では、Cocoonの使い方や設定方法をブログ運営歴・公開した記事数別でまとめて紹介しています。
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3-2.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3-2.jpg)
さっそく本題に入りましょう。
当ブログ愛用のWordPressテーマ
\もっと早く乗り換えればよかった…/
使い心地バツグン、高機能でオシャレ!
フッターの前提知識と完成イメージ
フッターとは、サイト下部の場所のことです。
下の画像は、当ブログのフッターになります。
![PC画面で見た当ブログのフッター](https://www.kamecompass.com/wp-content/uploads/2024/02/1-1.png)
![PC画面で見た当ブログのフッター](https://www.kamecompass.com/wp-content/uploads/2024/02/1-1.png)
![スマホ画面で見た当ブログのフッター](https://www.kamecompass.com/wp-content/uploads/2024/02/1-3-2.png)
![スマホ画面で見た当ブログのフッター](https://www.kamecompass.com/wp-content/uploads/2024/02/1-3-2.png)
Cocoonでフッターは大きく2つに分かれており、
それぞれで設定できます。
![メニュー機能とウィジェット機能で設定できるフッターの場所](https://www.kamecompass.com/wp-content/uploads/2024/02/1-2-1.png)
![メニュー機能とウィジェット機能で設定できるフッターの場所](https://www.kamecompass.com/wp-content/uploads/2024/02/1-2-1.png)
フッターを設定することで、
- サイトの情報を整理できる
- ページの回遊率が向上する
- ブログ全体のデザインを整える
などの役割を果たします。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ブログを開設したら真っ先に行う設定だね!
Cocoonフッターをカスタマイズする方法
Cocoonでフッターをカスタマイズする方法は、下記の通りです。
WordPress管理画面で、Cocoon設定⇒フッターの順にクリックする
![「Cocoon設定」、「フッター」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-1-1-1.png)
![「Cocoon設定」、「フッター」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-1-1-1.png)
カスタマイズし終えたら、変更をまとめて保存をクリックする
![「変更をまとめて保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-1-3.png)
![「変更をまとめて保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-1-3.png)
フッターでカスタマイズできる項目は、下記5つあります。
それぞれ詳しく解説します。
色をつける
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-2-0.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-2-0.png)
![「フッター色」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-2-1-2.png)
![「フッター色」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-2-1-2.png)
「フッター色」では、
- 背景色
- 文字色
の2つに色をつけれます。
設定したい色が見つからない場合は、設定したい色のカラーコードを入力すると見つかります。
![カラーコードを入力する場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-2-2-1.png)
![カラーコードを入力する場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-2-2-1.png)
カラーコードで設定したい色を見つける方法は、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2023/07/アイキャッチ画像-5.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/07/アイキャッチ画像-5.jpg)
フッターの表示タイプを選ぶ
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-3-0.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-3-0.png)
![「フッター表示タイプ」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-3-1-1.png)
![「フッター表示タイプ」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-3-1-1.png)
「フッター表示タイプ」では、
- ロゴ&メニュー&クレジット
- メニュー&クレジット(左右)
- メニュー&クレジット(中央揃え)
の3つの項目から選べます。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
フッターにロゴを表示する場合は、ロゴ&メニュー&クレジットを選んでね
ロゴを入れる
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-4-0.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-4-0.png)
![「フッターロゴ」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-4-1-1.png)
![「フッターロゴ」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-4-1-1.png)
「フッターロゴ」では、フッターに表示させたいロゴ画像を挿入できます。
クレジット表記を選ぶ
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-5-0.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-5-0.png)
![「クレジット表記」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-5-1-1.png)
![「クレジット表記」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-5-1-1.png)
「クレジット表記」では、5つの項目から選べます。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
よく分からない人は、そのままにしましょう
フッターのメニュー幅を指定する
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-6-0.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3-6-0.png)
![「フッターメニュー幅」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-6-1-1.png)
![「フッターメニュー幅」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-6-1-1.png)
「フッターメニュー幅」では、
- メニュー幅を指定する(70~300px)
- メニュー幅をテキストに合わせる
ことができます。
おすすめは、「メニュー幅をテキストに合わせる」に✔を入れることです。
メニュー幅をテキストに合わせないと、フッターメニューに表記されている項目が1行で収まらず、2行になってしまい、見栄えが悪くなります。
ですので、「メニュー幅をテキストに合わせる」に✔を入れましょう。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
メニュー幅をテキストに合わせたら、メニュー幅を指定しなくていいよ
Cocoonフッターをメニュー機能で設定する方法
![](https://www.kamecompass.com/wp-content/uploads/2024/02/2-4.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/2-4.png)
Cocoonでフッターをメニュー機能で設定する方法は、下記の通りです。
WordPress管理画面で、外観⇒メニューの順にクリックする
![「外観」、「メニュー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-1.png)
![「外観」、「メニュー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-1.png)
「新しいメニューを作成しましょう」をクリックする
![「新しいメニューを作成しましょう」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-2-1.png)
![「新しいメニューを作成しましょう」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-2-1.png)
- メニュー名を入力
- メニュー設定の「フッターメニュー」に✔
- メニューを作成をクリックする
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
メニュー名は分かりやすいように「フッター」でOKだよ
![「メニュー名」、「フッターメニュー」、「メニューを作成」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-2.png)
![「メニュー名」、「フッターメニュー」、「メニューを作成」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-2.png)
- フッターに表示したい項目に✔
- メニューに追加をクリック
- 追加した項目を並び替える
- メニューを保存をクリックする
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
一般的にフッターでは固定ページを表示させるよ
![「メニューに追加」、「メニューを保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-3.png)
![「メニューに追加」、「メニューを保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-3.png)
フッターをメニュー機能で設定完了!
フッターメニューで設置すべき4つの項目
フッターには、下記4つの項目を設置するのが一般的です。
- プロフィール
- お問い合わせフォーム
- プライバシーポリシー
- サイトマップ
それぞれの設置方法は、下の記事を参考にしてください。
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/01/a98b1120712ae2558c294773114e59b3-2.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/01/a98b1120712ae2558c294773114e59b3-2.jpg)
- プライバシーポリシーの作成は、当ブログのプライバシーポリシーを参考にしてください。コピペOKです。
![](https://www.kamecompass.com/wp-content/uploads/2024/02/e31e605bef37960cfbb9fbff279a65de.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/e31e605bef37960cfbb9fbff279a65de.png)
フッターにSNS・ホームボタンを設置する方法
フッターのメニュー機能で、SNS・ホームボタンを設置するには、カスタムリンクで設定します。
WordPress管理画面で、外観⇒メニューの順にクリックする
![「外観」、「メニュー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-1.png)
![「外観」、「メニュー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-1.png)
- 「カスタムリンク」をプルダウン
- フッターに表示したいURLを入力
- ブログ上の表記名を入力
- メニューを追加をクリックする
![「カスタムリンク」にURLとリンク文字列を入力している様子と、「メニューを追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-2-2-1.png)
![「カスタムリンク」にURLとリンク文字列を入力している様子と、「メニューを追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-2-2-1.png)
\フッターに表示させたい項目を選ぶ/
- URL:𝕏(旧Twitter)のURL
- リンク文字列:𝕏(旧Twitter)
を入力します。
メニューに追加されたカスタムリンクを並び替えて、メニューを保存をクリックする
![「メニューを保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-2-3.png)
![「メニューを保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-2-3.png)
フッターにSNS・ホームボタンを設置完了!
Cocoonフッターをウィジェット機能で設定する方法
![](https://www.kamecompass.com/wp-content/uploads/2024/02/4.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/4.png)
Cocoonでフッターをウィジェット機能で設定する方法は、下記の通りです。
WordPress管理画面で、外観⇒ウィジェットの順にクリックする
![「外観」、「ウィジェット」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-1-1.png)
![「外観」、「ウィジェット」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-1-1.png)
利用できるウィジェットからフッターに表示したい項目を選ぶ
![フッターに表示したい項目を選んでいる様子](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-2.png)
![フッターに表示したい項目を選んでいる様子](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-2.png)
- フッターに表示したい項目をプルダウン
- フッター左・中・右、もしくはフッター(モバイル用)から選ぶ
- ウィジェットを追加をクリックする
![フッター左・中・右、フッター(モバイル用)から選んでいる様子と、「ウィジェットを追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-3.png)
![フッター左・中・右、フッター(モバイル用)から選んでいる様子と、「ウィジェットを追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-3.png)
フッター左・中・右は、PCに設定する場合に使い、
![フッター左・中・右の場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-4.png)
![フッター左・中・右の場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-4.png)
フッター(モバイル用)は、スマホに設定する場合に使います。
フッターに追加した項目を設定し、保存をクリックする
![フッターに追加した項目を設定している様子と、「保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-5.png)
![フッターに追加した項目を設定している様子と、「保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-5.png)
フッターをウィジェット機能で設定完了!
ウィジェット機能で設置すべき5つの項目
フッターには、下記5つの項目を設置しましょう。
- プロフィール
- 検索
- カテゴリー
- アーカイブ
- タグ
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ユーザーが興味のある記事を見つけやすいよう情報をまとめるのがポイント!
スマホはPCと違い、サイドバーが常に表示されないので、
当ブログでは、フッター(モバイル用)にカテゴリー別の人気記事も入れてます。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
スマホとPCのフッターは統一しなくていいよ
フッターに住所・地図を設置する方法
フッターのウィジェット機能で、住所・地図を設置するには、カスタムHTMLで設定します。
WordPress管理画面で、外観⇒ウィジェットの順にクリックする
![「外観」、「ウィジェット」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-1-1.png)
![「外観」、「ウィジェット」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-1-1.png)
- 「カスタムHTML」をプルダウン
- フッター左・中・右、もしくはフッター(モバイル用)から選ぶ
- ウィジェットを追加をクリックする
![「カスタムHTML」からフッター左・中・右、フッター(モバイル用)から選んでいる様子と、「ウィジェットを追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-1.png)
![「カスタムHTML」からフッター左・中・右、フッター(モバイル用)から選んでいる様子と、「ウィジェットを追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-1.png)
- 「タイトル」に住所を入力
- 「内容」に住所の地図のHTMLを入力
- 保存をクリックする
住所の地図のHTMLを見つける方法
- Google検索窓に住所を入力
- 「地図」をクリックする
![Google検索窓に住所を入力している様子と「地図」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-3.png)
![Google検索窓に住所を入力している様子と「地図」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-3.png)
「共有」をクリックする
![「共有」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-4.png)
![「共有」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-4.png)
「地図を埋め込む」をクリックすると「HTMLをコピー」が見つかる
![「地図を埋め込む」、「HTMLをコピー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-5.png)
![「地図を埋め込む」、「HTMLをコピー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-5.png)
HTMLをコピーして、先ほどの「カスタムHTML」の「内容」に貼りつけましょう。
![「タイトル」に住所、「内容」に住所の地図のHTMLを入力している様子と、「保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-2.png)
![「タイトル」に住所、「内容」に住所の地図のHTMLを入力している様子と、「保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-2.png)
フッターに住所・地図を設置完了!
![フッターに住所・地図を設置できた様子](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-6.png)
![フッターに住所・地図を設置できた様子](https://www.kamecompass.com/wp-content/uploads/2024/02/4-2-6.png)
Cocoonフッターモバイルボタンを表示する方法
Cocoonでフッターモバイルボタンを表示する方法は、下記の通りです。
WordPress管理画面で、Cocoon設定⇒モバイルの順にクリックする
![「Cocoon設定」、「モバイル」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-1-1-1.png)
![「Cocoon設定」、「モバイル」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-1-1-1.png)
「モバイルメニュー」から「フッターモバイルボタン」か「ヘッダー・モバイルボタン」を選ぶ
![「フッターモバイルボタン」と「ヘッダー・モバイルボタン」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-1-2-1.png)
![「フッターモバイルボタン」と「ヘッダー・モバイルボタン」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-1-2-1.png)
変更をまとめて保存をクリックする
![「変更をまとめて保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-1-3-1.png)
![「変更をまとめて保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-1-3-1.png)
フッターモバイルボタンを表示できた!
次に、フッターモバイルボタンに表示させる項目を設定していきます。
モバイルでフッターメニューを設定する方法
- WordPress管理画面で、外観⇒メニューの順にクリックする
![「外観」、「メニュー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-1.png)
![「外観」、「メニュー」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-1.png)
「新しいメニューを作成しましょう」をクリックする
![「新しいメニューを作成しましょう」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-2-1.png)
![「新しいメニューを作成しましょう」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/2-1-2-1.png)
- メニュー名を入力
- メニュー設定の「フッターモバイルボタン」に✔
- メニューを作成をクリックする
![「メニュー名」、「フッターモバイルボタン」、「メニューを作成」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-2-1-2.png)
![「メニュー名」、「フッターモバイルボタン」、「メニューを作成」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-2-1-2.png)
- フッターモバイルに表示したい項目に✔
- メニューに追加をクリック
- 追加した項目を並び替える
- メニューを保存をクリックする
![「メニューに追加」、「メニューを保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-2-2-1.png)
![「メニューに追加」、「メニューを保存」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/5-2-2-1.png)
モバイルでフッターメニューを設定完了!
モバイルのフッターメニューで設置すべき3つの項目
モバイルのフッターメニューでは、下記3つのボタンを設定することをおすすめします。
- ホーム
- 目次に戻る
- サイドバー
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ユーザーの利便性を高めるボタンを設置するのがポイント!
紹介したおすすめボタンは、カスタムリンクに下記テキストを入力すると作れます。
リンク文字列 | URL |
---|---|
ホーム | #home |
目次に戻る | #toc |
サイドバー | #sidebar |
まとめ:フッターを設定して利便性の高いサイト設計に!
今回は、Cocoonでフッターのカスタマイズ方法を紹介しました。
フッターとは反対のヘッダーのカスタマイズ方法を知りたいという人は、下の記事も見てください。
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3-4.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/a98b1120712ae2558c294773114e59b3-4.jpg)
また以下の記事では、その他カスタマイズ方法も紹介しています。
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3-1.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3-1.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ためになったという人は“コメント”してくれると嬉しいです!
コメント