MYLINKSFREEWordPressにも、無料のCloudflareにも置けるリンク集ジェネレーター
スマホ表示のプレビュー（編集するとすぐ反映されます）
MYLINKS 取扱説明書
MYLINKS FREEは、SNSのプロフィール欄に置く「リンク集ページ」を、自分のWordPressサイトや、無料のCloudflareで公開できる無料ツールです。
画面の指示にそって入力して、できあがったコードを貼り付けるだけ。レンタルサーバーを持っていない方でも、0円で始められます。プログラミングの知識はいりません。
画面の指示にそって入力して、できあがったコードを貼り付けるだけ。レンタルサーバーを持っていない方でも、0円で始められます。プログラミングの知識はいりません。
1MYLINKSでできること
| 何のためのツール？ | X・Instagram・YouTubeなど、いろいろな場所で発信している内容や商品へのリンクを、1ページにまとめるためのツールです。 |
|---|---|
| できること | プロフィール・リンクボタン・SNSアイコン・見出し・テキスト・区切り線を自由に組み合わせて、スマホで見やすい縦長のページを作れます。バナーのスライド表示や動画の埋め込みは、PRO版で使えます（「5 FREEとPROの違い」へ）。 |
| 料金・登録 | 無料・会員登録なしで使えます。 |
| 必要なもの | WordPressのサイト（「カスタムHTML」ブロックが使えればOK）。 サーバーを持っていなくても大丈夫。無料のCloudflareで公開できます（「8 Cloudflareで公開する」へ）。 |
| データの扱い | 入力した内容は、お使いのブラウザの中だけで処理されます。外部のサーバーに送信されることはありません。 |
2ビジネスにどう役立つの？
| SNSからの集客を 自分のサイトに集める | SNSのプロフィールに貼るURLが、自分のドメインのページになります。SNSから来た人を、そのまま自分のサイトに迎え入れられます。 |
|---|---|
| 導線を設計できる | 一番見てほしいリンクを上に、お問い合わせは下に。見てほしい順番を、ページの上から並べられます。PRO版なら、カルーセルや「塗りつぶし」ボタンで、目立たせたいリンクをさらに強調できます。 |
| 外部サービスに 左右されない | ページは自分のサイトの中にあるので、外部サービスの終了や仕様変更の影響を受けません。 |
| 効果を測れる | サイトに入れているアクセス解析（Googleアナリティクスなど）で、訪問数やクリックの様子を確認できます。 |
リンクまとめサービスとの違い
| リンクまとめサービス | MYLINKS | |
|---|---|---|
| ページのURL | サービスのドメイン | 自分のドメイン （Cloudflareなら自分専用のURL） |
| 広告・サービスのロゴ | 表示されることがある | なし（クレジット表示は任意） |
| デザインの自由度 | 用意された範囲内 | 色・形・パーツの並びを自由に |
| 始めやすさ | アカウントを作ればすぐ使える | WordPressがなくても 無料のCloudflareで公開できる |
3使い方は3ステップ
| ① 編集する | 「デザイン」「プロフィール」「パーツ」を入力します。右側（スマホでは「プレビュー」タブ）に、仕上がりがすぐ表示されます。 |
|---|---|
| ② 確認する | 「コードを取得」の欄に、入力漏れがあると黄色い注意メッセージが出ます。すべて直して、緑のメッセージになればOKです。 |
| ③ 貼り付ける | 「コードをコピー」を押して、WordPressの「カスタムHTML」ブロックに貼り付けます（詳しくは「7 WordPressへの設置方法」へ）。WordPressがない方は、「index.htmlで保存」を押して、Cloudflareで公開できます（「8」へ）。 |
4入力項目の説明
デザイン
| 背景の表示方法 | カード型：リンク集をカードとして中央に置きます。どのテーマでも崩れません。 ページ全体：ページの背景全体に色を付けます。1カラムの専用ページ向けで、明るい色での利用がおすすめです。 背景なし：テーマの背景になじませます。記事の中に置くときに向いています。 |
|---|---|
| テーマ | 「爽やか」「ミニマル」から選ぶと、色がまとめて切り替わります。 |
| 鍵マークの項目 | 「ポップ」「和風」「ナイト」のテーマや、色・ボタンの形・フォント・影の細かい調整は、PRO版で使えます。 |
プロフィール
| アイコン画像URL | WordPressのメディアにアップした画像のURLを貼ります。正方形の画像がおすすめです。「仮表示」ボタンを使うと、手元の画像でプレビューだけ確認できます。 |
|---|---|
| 名前・肩書き・自己紹介 | 自己紹介の改行は、そのまま反映されます。肩書きは空欄にすると表示されません。 |
パーツ（自由に追加・並べ替えできます）
| リンクボタン | アイコン付きのボタンです。アイコンは一覧から選ぶか、「画像」を選んで好きな画像を使えます。 |
|---|---|
| SNSアイコン | 丸いアイコンを横に並べます。アイコンで「画像」を選ぶと、公式ロゴなどの画像も使えます（各サービスのロゴ利用ルールに沿ってお使いください）。 |
| 見出し・テキスト・区切り線 | 「PICK UP」「LINKS」のような小見出しや、ひと言メッセージ、区切り（線・ドット・余白）を入れて、ページを読みやすく整えます。 |
| 鍵マークのパーツ | 「カルーセル」「画像リンク」「YouTube」は、PRO版で使えるパーツです。 |
| パーツの操作 | パーツ名をクリックすると編集できます。↑↓で並べ替え、⧉で複製、✕で削除します（削除は2回押し）。 |
5FREEとPROの違い
MYLINKSには、このページで使えるMYLINKS FREEと、メールアドレスを登録すると使えるMYLINKS PROがあります。どちらも無料です。
| FREE | PRO | |
|---|---|---|
| 料金 | 無料・登録なし | 無料（メール登録のみ） |
| テーマ | 2種類 | 5種類 |
| 色の細かい指定 | なし | 5か所を自由に |
| ボタンの形・フォント・影 | なし | 自由に選べる |
| リンクボタンのスタイル | 標準 | 標準・塗りつぶし・控えめ |
| カルーセル | なし | ○ |
| 画像リンク | なし | ○ |
| YouTube埋め込み | なし | ○ |
| プロフィール・SNSアイコン 見出し・テキスト・区切り線 | ○ | ○ |
ツールの中で鍵マークが付いている項目が、PROで使える機能です。
こんなときは、PROがおすすめです
講座や商品のバナーを、ページの一番上でスライド表示したい
メルマガや無料プレゼントへ、画像付きで案内したい
一番押してほしいリンクを「塗りつぶし」ボタンで目立たせたい
自己紹介動画を埋め込んで、人柄を伝えたい
ブランドの色やフォントに合わせて仕上げたい
リンク集は、SNSから来た人が最初に見るお店の入り口のようなものです。FREEで入り口を整えて、「もっと見てもらいたい」と思ったら、PROで看板やショーウインドウを足していく。そんな使い分けがおすすめです。
FREEで作ったリンク集は、PROでそのまま続きから編集できます。作り直しの手間はありません。
6あとから編集したいとき
| 同じブラウザなら | 編集内容は自動で保存されています。このページを開けば、続きから編集できます。 |
|---|---|
| 別のパソコン・スマホ／ 保存が消えたとき | 公開中のコードをコピーして、「あとから編集する」の欄に貼り付け、「このコードから復元」を押します。Cloudflareで公開している場合は、「index.htmlを読み込む」を押して、保存しておいたindex.htmlを選ぶだけです。出力したコードの中に設定が入っているので、いつでも元に戻せます。 |
7WordPressへの設置方法
| ① 画像を準備 | アイコンの画像を「メディア」にアップして、画像のURLをコピーします（メディアの画像を開くと「URLをクリップボードにコピー」ボタンがあります）。 |
|---|---|
| ② リンク集を作る | MYLINKS FREEで入力して、「コードをコピー」を押します。 |
| ③ ページを作る | 「固定ページ」を新しく作ります。URL（スラッグ）は links のように短くしておくと、SNSに貼るときにスッキリします。 |
| ④ 貼り付ける | ブロックの追加から「カスタムHTML」を選んで、コードを貼り付けます。 |
| ⑤ 確認して公開 | プレビューでスマホ表示も確認してから公開します。テーマに「1カラム」や「タイトル非表示」の設定があれば、使うとより専用ページらしく仕上がります。 |
| ⑥ SNSに設定 | 公開したページのURLを、各SNSのプロフィールのリンク欄に設定したら完成です。 |
8WordPressがない方は：Cloudflareで公開する
MYLINKS FREEは、WordPressのサイトやレンタルサーバーを持っていなくても使えます。おすすめは、無料で使えるCloudflare（クラウドフレア）です。サーバー代0円、クレジットカードの登録もなしで、作ったリンク集を自分専用のURLで公開できます。
言ってみれば、家賃0円で借りられる小さなお店の区画のようなもの。リンク集のファイルを置くだけで、SNSから来た人を迎えられるようになります。
| ① フォルダを作る | パソコンに mylinks など好きな名前のフォルダを作ります。アイコンなどの画像も、このフォルダに入れておきます（ファイル名は icon.jpg のように半角英数字で）。 |
|---|---|
| ② リンク集を作る | MYLINKS FREEで入力します。画像URLの欄には、/icon.jpg のように「/（スラッシュ）＋ファイル名」を入れます。 |
| ③ index.htmlで保存 | 「コードを取得」の欄にある「index.htmlで保存」ボタンを押します。そのまま公開できる1枚のページができあがるので、①のフォルダに入れます。 |
| ④ Cloudflareで公開 | Cloudflareに無料登録して、フォルダごとドラッグすれば公開完了です。登録から公開までの手順は、画面つきの解説記事にまとめています（下のボタンへ）。 |
| ⑤ SNSに設定 | 公開されたURL（https://○○.△△.workers.dev の形）を、各SNSのプロフィールのリンク欄に設定したら完成です。 |
| 背景の表示方法 | Cloudflareで公開するときは「ページ全体」がおすすめです。テーマの飾りがないので、画面いっぱいがリンク集の色になり、専用ページらしく仕上がります。 |
|---|---|
| ブラウザのタブの名前 | 「名前 | リンク集」が自動で入ります。プロフィールの名前を入力しておけばOKです。 |
| あとから直すとき | ツールで直して、もう一度「index.htmlで保存」。フォルダの中のファイルを差し替えて、Cloudflareの「New deployment」から上げ直します。URLは変わりません。 |
9困ったときは
| 保存するとエラーが出る | サーバーのセキュリティ機能（WAF）が、コードをブロックしていることがあります。レンタルサーバーの管理画面で一時的にWAFをオフにして保存し、保存後にオンに戻してください。 |
|---|---|
| 画像が表示されない | 画像URLが正しいか（https://から始まるか）を確認してください。「仮表示」の画像は、公開用のコードには含まれません。Cloudflareの場合は、 /icon.jpg のように「/」から始まっているか、画像がindex.htmlと同じフォルダに入っているか、ファイル名の大文字・小文字が合っているかを確認してください。 |
| 鍵マークの項目を使いたい | 鍵マークの付いた項目は、PRO版で使えます。メールアドレスの登録だけで、無料で使えます（「5 FREEとPROの違い」へ）。 |
| 両サイドが白くて気になる | 「背景の表示方法」を「カード型」か「ページ全体」に変えてみてください。 |
| 1ページに2つ置きたい | リンク集は1ページに1つまでです。2つ置くと、デザインが正しく反映されません。 |
| WordPress以外でも使える？ | 使えます。WordPressやレンタルサーバーがない方は、無料のCloudflareで公開できます（「8 Cloudflareで公開する」へ）。 |
リンク集の見た目をもっと自分らしく仕上げたくなったら、MYLINKS PROもあわせてどうぞ。
