facileの利用画像幅サイズなどの説明

SIRIUSレスポンシブテンプレートfacile利用画像幅

 

facileで利用できる画像幅について解説します。

 

【facile】テンプレート推奨画像サイズ

 

  • ヘッダー部分・・・最大幅980px
  • コンテンツ部分・・・最大幅610px(これより大きい幅は自動リサイズされる)
  • サイドバー広告部分・・・PCでは幅292pxを超えるものは自動リサイズされる

 

※アドセンスは画像タグではありませんので、自動リサイズはされません。
対策方法は【facile】PCとスマートフォン表示切替設定方法を参考にしてください。

 

コンテンツ部の画像自動リサイズ対応(2016年1月8日10時以降ダウンロード頂いた場合)

 

2016年1月8日10時以降にダウンロード頂いたfacileテンプレートは、
コンテンツ部分に挿入した画像が610pxより大きい場合は、全て610px以内に自動リサイズされます。

 

例えば切り取った画像の幅が800pxで、この画像をそのまま挿入すると610pxに自動リサイズされて真ん中に表示されます。

 

大きめの画像でも自分でリサイズする必要が無くなり、さらにスピーディにサイト作成を進めることが出来ます。

 

 

サイドバー広告部分の自動リサイズについて

サイドバーのフリースペース部分についてもう少し詳しく説明します。

 

例えば、アフィリエイトリンクのバナー画像の幅が336pxだった場合、これはPCで見た場合は自動で幅292pxにリサイズされます。

 

スマートフォンで見た場合は、大きいサイズのスマートフォンなら幅336pxで表示され、iphone6くらいのディスプレイサイズであれば幅約300pxに自動でリサイズ表示されます。

 

 

もし縦長バナーのように、幅120pxほどの画像の場合は、リサイズされずに120px幅のまま表示されます。

 

幅120pxの縦長バナーを貼った例

facile、SIRIUSのテンプレートに縦長バナーを貼った例

 

そのまま120px幅で表示されます。

 

 

幅336pxのアフィリエイトリンクバナータグを貼った例

facile、SIRIUSのテンプレートに幅336pxバナーを貼った例

 

幅292pxを超えるバナーは、自動で幅292pxにリサイズされます。
自分でわざわざ画像をリサイズ編集する必要がありません。

 

どんなサイズの広告でも楽にサイドバーに設置できる仕様です。

 

関連ページ一覧

【facile】テンプレートのインストール方法 | ホームページ作成ソフトSIR...

特典サイトにて2商品購入者用IDとパスを入力し、テンプレートファイルをダウンロードします。ダウンロードファイルはZIPファイルになっているので、ダブルクリックして解凍します。解凍されたフォルダを開いてください。ランキング機能の付加方法次に、...

続きを読む

【facile】利用画像のサイズ幅 | ホームページ作成ソフトSIRIUS

facileで利用できる画像幅について解説します。【facile】テンプレート推奨画像サイズヘッダー部分・・・最大幅980pxコンテンツ部分・・・最大幅610px(これより大きい幅は自動リサイズされる)サイドバー広告部分・・・PCでは幅29...

続きを読む

【facile】PCとスマートフォン表示切替設定方法 | ホームページ作成ソフト...

※この機能の使い方は、特典テンプレートfacile、fine、grandで共通となっております。【facile】デモサイトを見て頂ければ分かりますが、コンテンツの一部分がPC端末で見た場合と、スマートフォン端末で見た場合で表示される画像・文...

続きを読む

【facile】追尾機能とフリースペースを増やす方法 | ホームページ作成ソフト...

※この機能の使い方は、特典テンプレートfacile、fine、grandで共通となっております。このテンプレートではメインメニュー(下段)部分が自動で追尾されます。特別な設定は必要はありません。追尾チェックの注意点なお、テンプレートを初めて...

続きを読む

【facile】ランキング機能ボタン画像カラーの変更方法 | ホームページ作成ソ...

「画像管理」を開くと、「詳細ページはこちら」と「公式ページはこちら」のボタンのカラーバリエーションが同梱されています。「詳細ページはこちら」は、「button_more.png」が、「公式ページはこちら」は、「button_official...

続きを読む

【facile】youtube、Googlemapのレスポンシブタグ | ホーム...

※この機能の使い方は、特典テンプレートfacile、fine、grandで共通となっております。youtubeの埋め込みタグは動画上で右クリックをすると取得できますが、それをSIRIUSの編集画面上にそのまま貼り付けてしまうと、スマホなどで...

続きを読む

【facile】個別ページのヘッダー画像変更方法 | ホームページ作成ソフトSI...

※この機能の使い方は、特典テンプレートfacile、fine、grandで共通となっております。レスポンシブテンプレートの仕様上の都合で、エントリーページ(個別ページ)のヘッダー画像をトップページのものと別の画像にしたい場合は、HTMLのカ...

続きを読む

【facile】フラットデザインCSSボタンの活用 | ホームページ作成ソフトS...

※この機能の使い方は、特典テンプレートfacile、fine、grandで共通となっております。facileではランキング機能のカラーボタンとは別に、コンテンツのどの部分でも気軽にテキストも変更して設置できるCSSボタンタグを表示させること...

続きを読む

【facile】グローバルメニューの横並びの数について | ホームページ作成ソフ...

※この機能の使い方は、特典テンプレートfacile、fine、grandで共通となっております。【facile】PCで見えるテンプレートのグローバルメニューは、1列5個までの設定となっています。メニューの6個目以降は2列目に配置される仕様で...

続きを読む

【facile】スマホで見た時のフォントサイズ変更 | ホームページ作成ソフトS...

※この機能の使い方は、特典テンプレートfacile、fine、grandで共通となっております。SIRIUSのテンプレートは、サイトオプションから文字サイズの調整が出来ます。これはfacileも同様ですが、ここで指定した文字サイズは、スマー...

続きを読む

【facile】サイトマップ修正の件

お世話になっております。マナです。facileオレンジのサイトマップファイルに不具合が発見されました。私が制作中のサイトマップHTMLファイルをテンプレートに入れてしまっており、サイトマップにしっかりした表示がされない不具合がございます。お...

続きを読む

【facile】スタイルシート一部ファイル削除の件

お世話になっております。facileテンプレートのバグが見つかりました為、2015年11月3日21時より前にダウンロードした方は、大変お手数ですが以下の修正を宜しくお願い致します。*バグ内容吹き出し機能を立ち上げるとエラー表示が出る(シリウ...

続きを読む


SIRIUSの機能解説 限定特典ご案内 限定特典付き購入方法 カスタマイズ&小技 アフィリエイトログ