メインコンテンツにスキップ
すべてのコレクションFeedlink フィードリンク各種機能の設定方法
カスタムCSSを使ってFeedlinkページをカスタマイズする方法
カスタムCSSを使ってFeedlinkページをカスタマイズする方法
Rio Tanaka avatar
対応者:Rio Tanaka
1年以上前に更新

この記事は英語版を翻訳したものです。英語の管理画面の画像が表示されていますが、日本ユーザー様は日本語化された管理画面をご利用いただけます。

この記事では、Feedlinkページをカスタマイズするために使用できる、最も一般的なCSSの変更をシェアします。始めるには、以下の手順に従ってください:

  • ステップ1: Feedlinkページにアクセスし、編集したいページを開きます。

  • ステップ2: 左側のサイドバーから「カスタムCSS」をクリックします。

  • ステップ3: カスタムCSSを追加する

  • ステップ4: "適用 "をクリックして変更を保存する。

以上で完了です!それでは、ページのスタイル設定に使用できるさまざまなCSSクラスを見てみましょう。

カスタムCSSコードの例:

例 1:

.profile-section-photo-container .profile-section-profile-photo {
width: 100px;
height: 100px;
}

変更後のイメージ

例 2:

.custom-link-container{
border-radius: 10px 0 10px 0;
}


変更後のイメージ

例 3:

.instagram-link-container{
width: calc(50% - 2px);
}

変更後のイメージ

注意:フィードの枠線を変更したい場合は、クラス内に次のコードも追加してください

box-sizing: border-box;

ご不明な点がございましたら、右下のチャットアイコンをクリックしてカスタマーサクセスチームまでお気軽にお問い合わせくださいませ。

こちらの回答で解決しましたか?