【ゲムマ管理サイト】リンクをクリックした時に「新しいタブで開きたい」時の対処方法（コピペOK）

出店者向けの管理サイトでは誰でも使いやすい（=ノーコード）でブログやゲームページを作成できる素敵なシステムが実装されていますが、色々使いにくいんですよねぇ…

WordとかGoogleドキュメント、また当サイトで使用しているWordPressみたいに直感的で使いやすいUIだったら良いのですが、割と苦戦する方も多いのではないでしょうか？

例えばTwitterの埋め込みをして、それを中央配置にするだけでも大変…URLを自動で埋め込みできて、それをノーコードで編集できる機能とかあれば便利なのにね。

ゲムマで使用しているシステムはアークライト様が作ってるものではないので、細かい機能の実装は出来ないのかなぁと思ってます。あと自分でコードを書けば色々と実装できるのは個人的には楽しくてありがたいです、、

リンクを新しいタブで開く意味があるの？

僕のコラムが不要な方は次の「本題」まで飛んでくださいませ！

ゲムマのサイトでリンクを設置される方は多いと思います。
活用していない人は便利機能ですから使ってみてください！！

ただ、標準機能では「新しいタブで開く」という機能が実装されていません。

こういった場合に困るわけですね。

そもそもですが「標準機能で実装されていないなら、わざわざカスタマイズする必要ある？」という方も多いかと思います。ぶっちゃけ面倒くさいですよね。

結論！

場合によってはユーザーの利便性が低くなり、結果的には予約数や販売数にも影響が出る可能性があります。

ゲムマの予約に限った話ではありませんが、[ゲムマサイト]でゲームの詳細を見ながら[予約フォーム]を入力したいのような、複数タブを開いて行動する方が多いと思います。

予約以外にもゲームの紹介ページで「詳しいルールはこちら」と書かれていてクリックしたらnoteに飛んでしまって、ゲムマのサイトをもう一回検索し直した…

のような経験がある方もいるでしょう

ユーザーや読者が手間や煩雑に感じる行為は基本的にはNGとされていますので、些細な事ですがこのサイトで解説しますので、ぜひ試してみてください😊

何でもかんでも新規タブがおすすめかと言われればそうではないです。言語化が難しいですが「ユーザーの次の行動」を意識することが大切です！

本題：リンクを新しいタブで開く方法

STEP１：下記のコードをコピーする

<a href="〇〇〇〇〇" target="_blank">&gt; ⬜︎⬜︎⬜︎⬜︎⬜︎</a>

〇：遷移先のURLを入力してください。

⬜︎：リンクにしたい文章を入力してください。

STEP２：リンクを貼りたい記事の編集画面でコードエディターを開く

ツールバー(上にある色々カスタマイズできる所)の一番右側に「source」というボタンがありますので、そこをクリックしてください。

コードエディターを開く前に念のために記事を下書き保存しておくと、最悪の場合にはブラウザバックで保存したところまで復元できるのでオススメです。

ぶっ壊れたのかな？と思うような画面が表示されると思いますが正常です。

あとは先ほどコピーしたコードを、下の画像のように好きな箇所に貼り付けるだけ。。。

というのが本来の手順ですが、訳わからないコードから「自分が貼りたい位置」を探すのは慣れていないと大変でしょう。テーブルタグ(表)とかリストを使用している人は、より変なコードが並んでいますし、誤ってそのコードのダメな箇所に貼り付けてしまうと、せっかくの記事が壊れてしまう可能性もあります。

STEP３：安全なところに貼り付けた後にビジュアルエディターに戻す

というわけで、慣れていないうちは「絶対に大丈夫な場所」に先に貼り付けて、それを移動する方法をお勧めします。

簡単なのは「一番最後の部分で作業を行う」方法です。

作業枠内の一番下のところを改行しまくって「絶対に大丈夫な場所」を作成して、そこに貼り付けました。

貼り付けたらSTEP2の source をクリックすると、元の状態に戻って下のようにリンク付きの文章が表示されます。

あとはリンク付きの文字を選択してコピー
→ 好きな場所に貼り付け

これだけで、簡単に新しいページで開く特殊なリンクの作成完了です！

最後に必ずプレビューで確認してください！

別のページで開くリンクは、文章の最後に　仚　こんなマークがついてると思います。
このマークがついているリンクは自動で新規タブで開きますので必ず確認してみてください！