WordpressのStinger5でブログを作成しています。
記事部分の幅を元々設定されているものよりも広くしたいと思い、
ネット上の情報を読んで何度も試しているのですが、どうしてもできません。
下記2点を行いました。
【1点目】
style.cssの
/*レイアウト スマートフォン
----------------------------------------------------*/
#wrapper {
max-width: 980px;
padding: 0 10px;
margin: 0 auto;
}
の「980px」を「1100px」に変更しても、何も変化はありません。
【2点目】
テーマのための関数(functons.php)の
//カスタムヘッダー
$custom_header = array(
'random-default' => false,
'width' => 980,
'height' => 250,
'flex-height' => true,
'flex-width' => false,
'default-text-color' => '',
'header-text' => false,
'uploads' => true,
の「980」を「1100」に変更しても、何も変化はありません。
これ以上いじくると自分で修正できなくなりそうなので、
そろそろ解決したいです。
詳しい方、是非教えて下さい。
本当に困っています。
ちなみに、私はcssやphpなどの知識はほとんどありません。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
>【1点目】……の「980px」を「1100px」に変更しても、何も変化はありません。
えー、本当ですか。私にはちゃんと変化しているように見えるのですが。
#wrapperの場所わかっていますよね。画像で言うと赤い部分。赤い部分は緑の部分を差し引いた残りが青い部分に影響するようです。ブラウザ幅を充分大きくしてみてから、【1点目】の変更してみても「記事サイズ」変わりませんか?
私にはちゃんと広がっているように見えます。
stingerはサイドバーに広告を貼る想定なので、サイドバーのサイズが広告幅に最適化されています。大事な広告の場所は絶対に確保というわけです。記事サイズの割合を増やす為にサイドバーサイズを減らすなど、他とのバランスも考えてみてください。nexus75さんが何を重視するのかはnexus75さんにしかわからない事。
それと、つい最近stingerはバージョンがアップして6になっています。これから新規サイトをというのなら、stingerをカスタマイズするバージョンも考えた方がいいかもしれません。
ご回答ありがとうございます。
入力をしたその日は何も変更されていなかったのですが、後日確認してみると幅が広がっていました。
Stinger6も検討したのですが、幅が無事変更されたので、このままStinger5を続けようと思います。
No.1
- 回答日時:
無理難題・・(苦笑)
Web開発をされているなら、開発ツール( https://addons.mozilla.org/ja/firefox/extensions … )の豊富なfirefoxをお使いだと思いますが、そのアドオン--Web開発者必須のものですからご存じだと思いますが--の Firebug( https://addons.mozilla.org/ja/firefox/addon/fire … )で、HTMLとCSSのソースを確認してください。
適用させたい要素(Element)にどのようにスタイルが適用されているかが詳細度や指定順序を含めて詳しくわかるはずです。そしたら、そのスタイルシートを変更すればよいだけです。
>私はcssやphpなどの知識はほとんどありません。
それでWordpressのデザインを変更するのは大変です。
・HTMLやCSSを弄らずそのままテンプレートを使用するか、
・テキストエディタでHTMLやCSS、それに加えてPHPを自在に扱えるか
のいずれかになります。
これは、ホームページビルダーやDreamweaverなどのオーサリングツールにも言えることですが、あくまで支援ツールであって、HTMLやCSSのち市議不要というものではなく、テキストエディタで自在に書ける【以上】の技能が必要です。なぜなら、それぞれのプログラムの扱い方や癖も知っていないとなりませんから。
もしfirefox+firebugでソースを見て、どうすれば解決するかを理解できないようでしたら、HTMLやCSSの学習をしたほうが早く解決するでしょう。
その問題の対処は、単純に「より詳細度の高い指定や、同じ詳細度でも後出の指定で上書きされている可能性があるので、セレクタを増やすなどして、より高い詳細度で指定しなおしてください。」が回答なのですから・・
ご回答ありがとうございます。
入力をしたその日は何も変更されていなかったのですが、後日確認してみると幅が広がっていました。
自分でHTMLやCSSなどの勉強をした方が、将来的にも自分でWordpressをカスタマイズできるようになると思うので、頑張ってみます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSSについて教えてください。 ...
-
スマホ(android)のタッチパネ...
-
CSS、Bootstrapについて contai...
-
メモ帳の段落の揃え方
-
HTMLのdlとul どちらが正しいと...
-
HPレイアウトが同じページのヘ...
-
テーブルの行を折りたたみたい...
-
ボタンが押されたらWebページの...
-
テーブルタグのセルの幅の一部...
-
iPhoneで HTMLファイルを閲覧
-
css初心者 フレックスボックス...
-
HTMLで特定の文字だけ色を変え...
-
角丸画像の背景色を透明にした...
-
Pythonでグラフを書きたいので...
-
エクセルのファイルのダウンロ...
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
静止画画像をクリックすると音...
-
列のどこをクリックしてもソー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
レスポンシブWeb 右側の表示が...
-
borderの太さを1px以下に見せ...
-
縦ボーダーの長さ変更方法
-
テキストボックスが選択できない
-
googleカスタム検索 ボタンがず...
-
PHP内で同じようにCSSを表示さ...
-
HTMLにsvg画像表示したら小さか...
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
ピクチャーボックスの大きさに...
-
なぜ、ホームページが削除され...
-
ワードプレス管理画面から、ヘ...
-
flaskのreturn render_template...
-
FTPでアップロードした画像のUR...
-
HTMLタグ内文字を抽出するには
-
ブログに画像を選択して、アッ...
-
画像と画像の間のスペースはど...
-
PDF Embeddeの 不具合 - PDFフ...
-
ホームページビルダーで文字の...
おすすめ情報