TOP

サイト幅いっぱいの画像を記事カラムに設定する 取り付ける方法

シリウスで記事の場所に横幅いっぱいの画像を貼り付けたいと
思っているのですが、貼り付けても画像が横にずれてしまい
枠内に綺麗に収めることが出来ません
どのようにしたら良いのでしょうか?

 

よろしくお願いいたします

 

 

質問者様 トマト様
ご返事です

 

 

スポンサーリンク

 

 

 

 

ご連絡ありがとうございます

 

せっかくのお便りですが お願いがあります

 

シリウスには3つのテンプレートがありますが 仕組みに違いがあり
いずれの対処なのかに迷います

 

デフォルトテンプレート またはビジネステンプレートの
1 2 3? 何カラムなのかを指定してくださると助かるのですが?

 

 

こちらの判断で申し訳ないのですが

 

デフォルトの一カラムであろう?

 

と判断いたしました

 

もし 私の判断に間違いがあれば再度 詳細指定をお願いします

 

 

画像をサイト幅調度に合わせる手順です

 

 

スタイルシートを開いてください

 

作業は2か所ですぐ済みます

 

コンテンツの箇所を見つけてください

padding: 10px 14px;の 14を0にします

 

 

 

次はレイアウト差分へ移動します

padding-left: 40px; の数値を0にします

 

以上の2か所の数値変更でサイト幅調度に画像は収まります

 

 

改行例

 

 

 

 

以下がサイズ調整後の画像です
一番上が ヘッダー
真ん中が通常画像

 

一番下はスタイルシートで合わせたものです

 

 

必ずスタイルシート改行後は保存を選択してください

 

 

 

サイト幅いっぱいの画像を記事カラムに設定したいのですが?

 

シリウスカスタマイズサポートフォーラム一覧
シリウスカスタマイズサポートフォーラム
シリウスカスタマイズ

シリウスサイト幅いっぱいの画像を記事カラムに設定したいのですが?関連解説
シリウスでブログみたいなカスタマイズが可能なテンプレートは?
シリウスで他サービスでみられるようなブログレイアウトを作れるのか?可能であればいずれのテンプレートが適しているのか?
サーバー内のサイトファイル削除
シリウスで作成したサイトが不要になった際、サイトを管理画面で削除したが ファイルがサーバーに残ったままだとネット上には浮遊し続けますね ここで問題 サイトファイルを管理画面で先に削除した場合
フェイスブックを二つ運営しているときの分離投稿?
フェイスブックを二つ運営しているが、シリウスに取り付けたボタンで投稿すると一つにだけしか反映されない...二つを分離、分けて投稿できないか? という質問です....
外部依頼のシリウスTPソースSEO最適化?まれにめぐり合う障害
シリウスを所持しないSEO業者へサイトのSEO最適化を依頼した場合の不具合?まれにめぐり合う事情..の方からお問合せございまして記事追加...
シリウスデータの記事ファイルを更新したら記事が消えた?
シリウスのデータファイルを開いて記事を更新したら、其の後生成からアップしてページ確認するとすべてが消えていた?..との障害発生...解決策はサポート記事を御覧ください。
WPみたいなメニュー表示とファイル構成についての質問
WPのアーカイブみたいな表示をシリウスに適用できるか?トップURLの次はファイル名で、カテゴリーフォルダ名は表さない.....難易な質問ですね?
複合レイアウト、メニュー背景を削除したい?
3カラム、2カラムの複合個別レイアウト表示設定にしたが、メニューのグレー背景が邪魔なので削除したい...という質問です
エントリーからカテゴリへ階層異動でいいね登録数は消える
シリウスのページ階層、エントリーにいいねボタンを 置いているが、カテゴリーに上げたい、しかしファイル名が変わるといいね..指示数がリセットされてしまう...対応策はないのか?...ご返事はサポートフォーラムで..
iPhone設定、スマホで指定したTPカラーが反映されない
シリウスビジネステンプレートでiPhone設定しているのですが、スマートフォン表示で指定したカラーが反映されない?....お答えはカスタマイズサポートで...
インタースティシャル広告の位置合わせができない
シリウスにインタースティシャル広告を取り付けたが、位置が合わずうまく表示されないという質問です
1カラムのサイト幅変更に伴う見出し幅の調整についての質問
シリウスデフォルト1カラムのサイト幅を縮小したのですが、h2、h3、h4の各見出しの幅はすべて異なっています。調整できるのでしょうか?という質問です ね。お答えはサポートフォーラムでご覧ください..
モバイルグーグル検索(AMP)の高速表示システムは導入できるか?
シリウスサイトをモバイルページ対応にする?グーグル検索で高速表示させる(AMP)は導入は可能ですか?...という質問です。ご返事はサポートフォーラムでご覧ください.......