フィードを1行でページ全体に表示するには？

フィードの幅が100%に設定されているにもかかわらず、ページの幅いっぱいに表示されない場合は、フィードの幅を広げるためにテーマを変更する必要があるかもしれません。ここでは、自分でできるいくつかの手順を紹介します：

1. まず、インスタグラムのフィード設定エリアの「カスタマイズ」タブで、フィードの幅が100%に設定されていることを確認してください。また、「投稿数」の設定を「列数」と同じにして、フィードに1列の投稿を作成します。
2. フィードを右クリックし、Chromeブラウザの場合は「Inspect」、Firefoxの場合は「Inspect Elements」を選択します（他のブラウザの場合は、開発者ツールのアドオンまたは拡張機能をダウンロードしてインストールする必要があるかもしれません）。
3. Instagramのフィードを囲む要素を見てください。フィードの幅を制限している要素を見つけたい。例えば <div class="widgets-wrap"> この例では width: 50%;
4. 要素を見つけたら、セレクタ（要素の "class "または "id"）をコピーし、"カスタマイズ "タブの "カスタムCSS "エリアに貼り付けます。
5. widthプロパティを追加し、次のように100%に設定することで、要素の幅を強制的に100%にします：

   .widgets-wrap {
       width: 100% !important;
   }

6. フィードの幅を制限している可能性のあるテーマ内の他の要素を見つけるために、このプロセスを繰り返す必要があるかもしれません。また、折り返し要素に付加されているパディングとマージンを削除する必要があるかもしれません。たとえば、次のようにCSSに追加してみてください：

   .widgets-wrap {
       width: 100% !important;
       padding-right: 0 !important;
       padding-left: 0 !important;
       margin-right: 0 !important;
       margin-left: 0 !important;
   }

正しい要素が見つからない、またはCSSがうまく動作しない場合は、テーマの作者に問い合わせるか、Instagram Feedのサポートにお問い合わせください。

ドキュメントに答えが見つからない？

サポート