この記事では、SANGO Gutenberg プラグインのオリジナルブロックである【SANGO 参考ブロック】について解説していきます。例えば以下のような参考リンクを【SANGO 参考ブロック】で作ることができます。
まずは、使い方をざっくりと掴んでいただけるように動画を用意しましたのでご覧ください。
目次 非表示
SANGO参考ブロックの呼び出し方
まずはエディターを開き、ブロック追加ボタンをクリックします。
![](https://saruwakakun.com/sango/wp-content/uploads/2021/05/1b96824b9df1ea2c6f072271d87e12e8.png)
クリックすると、ブロック一覧が表示されるのでその中から「参考リンク」と書かれたブロックを選択します。
![](https://saruwakakun.com/sango/wp-content/uploads/2021/06/ca424651ad5dd5dc32ec5aa068415fcf.png)
各種設定項目
次に、SANGO参考ブロックの設定項目についてご紹介します。
入力欄に参考にしたいリンクのURLを入力し、「データを取得」をクリックします。
![](https://saruwakakun.com/sango/wp-content/uploads/2021/06/522bf03cea64d5c8f43cd97460a5fe6e-1000x235.png)
データを取得すると、下のような参考リンクが自動生成されます。リンク内に表示されている文章は、全て書き換え可能です。カーソルを合わせて文章を書き換えていただくことができます。
リンク先を別タブで開く場合は、トグルをオンにしてください。
![](https://saruwakakun.com/sango/wp-content/uploads/2021/06/37e6e6e8b47503addec9f7d4407f1b01.png)
参考リンクの先頭に表示されるアイコンを選択できます。FontAwesomeに登録されているアイコンの中からお好きなアイコンを選択いただけます。font-awesomeのアイコン名をご存知の場合は、クラス名で検索と書かれたフィールド内に、アイコン名を入力していただくことでアイコンを絞り込むことができます。
![](https://saruwakakun.com/sango/wp-content/uploads/2021/05/580eea98eb5fec0c4c6d80a618a92f9f.png)
アイコンの色をお好きな色に変更することができます。
![](https://saruwakakun.com/sango/wp-content/uploads/2021/05/489a87669cc8e266dc4a4e6421772d3e.png)
参考リンク 旧型PC崩れ PC横設定がスマホでは縦になっている
参考リンクの旧型を利用するとPCでの表示 参考部分がかなり細くなって表示されています スマホでもきれいに表示されています 正しく表示させるにはどうしたらよいでしょうか❓ 参考のアドレスをサイトに添付しておきました また新しいリンク(画像あり) 横と縦を選択できるようになったと思いますが 横を設定するとPCでは横表示 スマホでは縦になっています 横にすることはできないでしょうか? どうぞよろしくお願…