Twitchでは、プロフィール欄の他にパネルの機能もあり、パネルをカスタマイズすることで画像を追加したりSNSと連携することが可能です。
今回は、パネルの編集方法を紹介したいと思います。
パネルの編集
パネルの表示される位置は、チャンネルページ内の「クリエイターについて」を選択すると設定したパネルが表示されます。
![パネルの編集 クリエイターについて](https://little-movie.com/wp-content/uploads/2022/11/tpa1.jpg)
パネル左上にある「パネルを編集」を押すとパネルの編集が可能になります。
![パネルの編集](https://little-movie.com/wp-content/uploads/2022/11/tpa2.jpg)
パネルの編集では、「テキストまたは画像パネルを追加」「拡張機能パネル」を追加することが可能です。
パネルを編集にある「+」のボックスを選択すると、どちらかを選ぶことが出来ます。
![テキストまたは画像パネルを追加 拡張機能パネル](https://little-movie.com/wp-content/uploads/2022/11/tpa3.jpg)
テキストまたは画像パネルを追加
テキストまたは画像パネルを追加を選択すると、パネルのタイトルを付けたり、画像追加、リンク先の設定、テキストを入力するフォームが表示されます。
![パネルのタイトル 画像追加 画像リンク先 テキスト](https://little-movie.com/wp-content/uploads/2022/11/tpa4.jpg)
これらのフォームにテキストや画像を追加することでチャンネルページに入力、追加した情報を表示することが出来ます。
タイトルとテキストを入力した場合
![タイトル テキスト 入力](https://little-movie.com/wp-content/uploads/2022/11/tpa5.jpg)
![タイトル テキスト 表示される](https://little-movie.com/wp-content/uploads/2022/11/tpa6.jpg)
画像とリンク先を設定した場合
![画像 リンク先 追加](https://little-movie.com/wp-content/uploads/2022/11/tpa8.jpg)
![](https://little-movie.com/wp-content/uploads/2022/11/tpa9.jpg)
画像幅は320pxですが画像を作成する時、横幅は640pxで作成します。
拡張機能パネル
拡張機能パネルでは、拡張機能をインストールすることでパネルに表示することが出来ます。
例えば、パネル追加時に拡張機能を選択しパネルを追加したら、拡張機能マネージャーを選択します。
![拡張機能マネージャー](https://little-movie.com/wp-content/uploads/2022/11/tpa10.jpg)
拡張機能マネージャーを選択すると、クリエイターダッシュボード内の拡張機能のページに移行します。
![拡張機能](https://little-movie.com/wp-content/uploads/2022/11/tpa11.jpg)
現在、拡張機能が選ばれてますがおすすめがを選択すると拡張機能がたくさん表示されます。
![拡張機能 おすすめ](https://little-movie.com/wp-content/uploads/2022/11/tpa12.jpg)
今回は、Twitterのタイムラインを表示する拡張機能を追加しようと思います。
Twitter(タイムライン)拡張機能
検索で「Twitter」と検索し「Timeline」をインストールします。
![Timeline インストール](https://little-movie.com/wp-content/uploads/2022/11/tpa13.jpg)
インストールが完了すると「拡張機能の設定を行いますか?」と出てくるので「設定」を押します。
![インストール完了 設定](https://little-movie.com/wp-content/uploads/2022/11/tpa14.jpg)
「設定」を押すとTwitterと連携が必要になるので「Authorize with Twitter」を押しTwitterのアカウント情報を入力してください。
![Authorize with Twitter 選択](https://little-movie.com/wp-content/uploads/2022/11/tpa15.jpg)
認証が完了するとアカウント情報が表示されプレビュー画面にタイムラインが表示されます。
![Twitter 連携](https://little-movie.com/wp-content/uploads/2022/11/tpa16.jpg)
Twitterと連携することが出来たので「✕」を押しインストール済みの拡張機能にあるタイムラインから「アクティベート」を選択しパネル1に設定を押します。
![タイムライン パネル 追加](https://little-movie.com/wp-content/uploads/2022/11/tpa17.jpg)
これでTwitterのタイムラインをチャンネルページに表示することが出来ました。
![](https://little-movie.com/wp-content/uploads/2022/11/tpa18.jpg)