JIMDOクリエイターサイトのフリープランで、ナビゲーションメニューにカスタムリンクを設定する裏技を画像付きで解説!

今回は、JIMDOクリエイターサイトのフリープランでナビゲーションメニューに外部リンクやブログリンクを設定する裏技を画像付きで紹介します。

フリープランでナビゲーションメニューに設定できるリンクは、通常ページとブログテーマのページのみです。

本来有料プランであれば、外部リンクやブログ記事をメニューに追加することができますが、フリープランではその機能が制限されているため設定ができません。

しかし、ある裏技を使うことで、フリープランでもナビゲーションメニューに外部リンクやブログ記事のリンクを設定できるようになります。

今回やりたいこと

JIMDOクリエイターで作成した、フリープランのサイトでナビゲーションメニューに

  1. 外部リンクを設定したい
  2. ブログ記事リンクを設定したい

それでは早速方法を手順を確認していきましょう。

STEP1:編集画面からナビゲーションメニューの設定を開く

ナビゲーションの編集ボタン

まずは、サイトの編集画面を開き、ページ上部の青い「ナビゲーションの編集」ボタンをクリックしましょう。

ボタンはレイアウトによって大きさや表示される位置が異なりますが、ナビゲーションメニューにカーソルを合わせると表示されるのですぐに見つけられると思います。

STEP2:ページを追加する

ページ追加画面

ナビゲーションメニューの編集を選択したら、「+新規ページを追加」ボタンから新しくページメニューを追加します。

ページリンクを追加したい位置で「+」ボタンをクリックしても大丈夫です。

STEP3:メニュー名を記入する

ページメニュー入力画面

ページを追加したら、設定するページリンクのメニュー名を記入します。

メニュー名はなんでも良いですが、サイトの見栄えや見やすさを損ねないためにも、なるべく短い文字数でそのページの特徴を一番捉えられるキーワードを設定しましょう。

さっち
多くても10~12文字程度、それ以上はメニュー構成によってバランスが悪くなるので注意!

STEP4:ページタイトルの後ろに裏技コードを入力する

ページタイトルを入力したら、今回の本題の裏技です。

裏技の記号入力画面

ページタイトルの後ろに「::_::」と記号を入力しましょう。

STEP5:URLを追加する

URL入力画面

記号を入力したら、その後ろにリンクを入力し、「保存」をクリックしましょう。

これで設定は完了です。

さっち
複雑な設定は特にないから簡単だね!

設定後の注意点

設定完了後の画面

リンクの設定が完了すると、最初に入力したメニュー名のみが表示されます。

注意点として、編集画面で設定したメニューをクリックすると、JIMDOのページは開けず、設定したリンク先に新しいタブを開いてからアクセスされます。

そのため、JIMDOブログ記事のURLを設定する場合は、このメニューをクリックしても編集画面にいくことができませんので、管理メニューのブログから今まで通り編集するようにしましょう。

まとめ

ここまでをまとめると、このような手順になります。

「管理画面にログイン」→「ナビゲーションの編集」→「メニューを作成」→「メニュー名を記入」→「::_::を入力」→「URLを入力」→「保存」

 

メニュー名の構造はこのようになります。

{メニュー名}::_::{URL}

記入例を一応書いておきます。

  • 例1:外部サイト名::_::https://sample-site.com
  • 例2:ブログ記事名::_::https://sample-site.jimdofree.com/sample-blog

実際にフリープランのサイトで設定したサンプルを見たい方はこちら

おわりに

今回はJIMDOクリエイターサイトのフリープランで、ナビゲーションメニューに外部リンクやブログリンクを設定する方法を解説しました。

ネットショップを外部サービスで使用している場合や、系列サイト、ブログ記事などを設定するときなどに活用できるので、是非試してみて下さい。

アイキャッチ用サムネイル画像
最新情報をチェックしよう!
>バナー、ヘッダー、LP、サイト制作のお困り事があればいつでも気軽にご相談下さい。

バナー、ヘッダー、LP、サイト制作のお困り事があればいつでも気軽にご相談下さい。

姉妹サイト「WEB SACHI LABO」では安心して商用利用できるバナーやヘッダー画像、ランディングページやホームページ等のWEB制作のご依頼を承っております。

CTR IMG