フッターにページリンクを設置する方法 #NSTips001

NSTipsは、ユーザーの皆さまに本テーマをより活用していただく為のスキルをお伝えするコラムです。技術的な記事や、書籍では見つけづらい「それ知りたかった!」にお答えします。

一般的なコーポレートサイトでは、フッターに規約や個人情報保護方針などのページへのリンクが設置されています。

https://info.cookpad.com/

今回はこのフッターリンクの作り方のご紹介です。

設定場所は「テーマ設定>表示設定」の中の「フッターコンテンツ」もしくは、「外観>ウィジェット」の中の「フッター1〜3」です。お好みでお選びください。

上記のクックパッド社を例にコードを書いてみます。

 

このコードを「テキスト」タブの方にコピー&ペーストします。

 

貼り終えたら「ビジュアル」タブに戻って、フォントの色や配置を整えましょう。例えば以下のような表示が可能です。

 

コードは以下太字の2箇所をお客さまのサイトに合わせて修正します。

<a href=”#“>個人情報保護方針</a>

#はリンク先のURLに変えます。個人情報保護方針というページのURLが「http://newstd.net/hogohou」であれば、以下のようになります。

<a href=”http://newstd.net/hogohou“>個人情報保護方針</a>

ページ名が個人情報保護方針ではなく、個人情報保護ポリシーであれば以下の通り記述します。

<a href=”http://newstd.net/hogohou”>個人情報保護ポリシー</a>

 

いかがでしたでしょうか? このテクニックを応用すれば、フッターに全ページのリンクを引いてサイトマップ代わりにしたり、地図や会社概要のリンクを載せてコーポレートサイトらしさを演出したりできます。ぜひ試してみてくださいね。

「New Standardでこんなことをしたい」「 New Standardにこんな機能・デザインが欲しい」という要望がありましたら、問合せフォームよりお気軽にリクエストをお送りください。お待ちしております。

3時間で最先端のHPを持ち帰るワークショップ vol.09

毎回大人気のワークショップ! 次回は4/16(日)14時に開催します。プロのWebデザイナーがあなたといっしょにホームページを作ります。

ファーストビュースタイル

カラー

※製品版では自由に配色を選べます

ヘッダー表示