カテゴリー: デザイン・レイアウト設定

表示する記事数を設定する

FeedWindで表示する記事数を設定するには「基本設定」→「高さ」で「記事数で指定」を選択します。1以上の数字を入力してください。 設定された最大文字数などを考慮して、高さが自動的に決定されます。 関連: 最大文字数を設定する 高さを数値で設定する

カスタムCSSを設定する

FeedWindでは、上級者向けにカスタムCSSの設定が可能です。 ご自身で作成したCSSを適用して、ブログやウェブサイトのデザインに統一感を持たせることが可能です。 カスタムCSSの設定方法 【1】CSSを作成する まず、テキストエディタや専用ソフトなどで、CSSファイルを作成してください。 なお、FeedWindは以下のようなhtmlで構成されています。 *htmlファイルの構成は予告なく変更する場合がございます。 **marginとpaddingはpx単位で行ってください。   【2】CSSをサーバにアップする 作成したCSSファイルをサーバにアップしてください。FeedWindでは、外部サーバからCSSを直接読み込みます。ご自身で使用しているレンタルサーバなどに、あらかじめアップをお願いします。 【3】CSSのURLを入力する 「基本設定」の「詳細設定」をクリックして、カスタムCSSの入力欄にCSSのURLを記入してください。プレビュー画面にデザインが反映されます。 ※CSSの設定内容によっては、サイトの他の場所のデザインに影響する可能性がございます。そのため、カスタムCSSの具体的な設定内容などについては、サポート対象外となっております。ご了承ください。

テキストの色を変更する

FeedWindでテキストの色を変更する方法をご紹介します。ブログパーツのタイトル部分、記事のタイトル、記事の本文のそれぞれのテキスト色を個別に設定することが可能です。 ブログパーツ タイトル部分のテキスト色の変更 「タイトル」の「詳細設定」をクリックし「色の設定」で「フォント」を変更します。カラーパレットから選ぶか、カラーコードを直接指定してください。 記事タイトルのテキスト色の変更 「コンテンツ」→「色の設定」で「タイトルの文字色」を変更します。カラーパレットから選ぶか、カラーコードを直接指定してください。 記事本文のテキスト色の変更 「コンテンツ」→「色の設定」で「本文の文字色」を変更します。カラーパレットから選ぶか、カラーコードを直接指定してください。

背景色を変える

FeedWindでは、ブログパーツのタイトル部分と記事部分の背景を個別に設定することができます。 タイトル部分の背景色を設定する 「タイトル」の背景色5色の中から選択できます。 別の色を選択したい場合は「タイトル」の「詳細設定」をクリックし、「色の設定」で「背景」で設定ができます。 カラーパレットから選ぶか、カラーコードを直接指定してください。 記事の背景を設定する 「コンテンツ」→「色の設定」の「背景色」で設定をします。カラーパレットから選ぶか、カラーコードを直接指定してください。

ブログパーツの枠線を消す

初期設定では周囲にグレーの枠線を表示しています。 この枠線を消して、サイトのデザインと調和させたい場合は、詳細設定で消すことが可能です。 枠線を消去するには、「基本設定」の「詳細設定」をクリックし、「枠線」をOffにします。

フォントサイズを変更する

FeedWindではフォントのサイズを変更することができます。 ブログやウェブサイトのフォントサイズに合わせて、自由に設定することが可能です。フォントサイズはすべてピクセルで指定してください。 ブログパーツタイトルのフォントサイズ変更 「タイトル」の「詳細設定」をクリックし、「フォントサイズ」を変更します。 記事タイトルのフォントサイズ変更 「コンテンツ」の「フォントサイズ」の「タイトル」部分の数字を変更します。 記事本文のフォントサイズ変更 「コンテンツ」の「フォントサイズ」の「本文」部分の数字を変更します。

フォントを変更する

フォントを変更するには「基本設定」の「詳細設定」をクリックします。 「フォントスタイル」のプルダウンから希望のフォントファミリーを選択します。 ※カスタムCSSを利用する場合は、カスタムCSSの設定が優先されるためフォントの設定は無効になります。フォントを指定するには、カスタムCSSの中でfont-familyを指定してください。