wordpressでブログを作りたい!横幅の調整方法は?

このQ&Aのポイント
  • wordpressでブログを作ろうと思い、既にサーバーに設置済みです。しかし、ブログをサイトの中の一ページとして組み込むためには横幅の調整が必要です。本記事では、wordpressの管理画面でブログ画面の横幅を調整する方法を詳しく解説します。
  • ブログを作るためには、wordpressの管理画面でブログ画面の横幅を調整する必要があります。現在のブログ画面の横幅は985pxですが、埋め込みたいサイトのナビゲーションとの調和のためには横幅を650pxにする必要があります。具体的な調整方法を以下に紹介します。
  • 既にサーバーに設置済みのwordpressでブログを作成する際には、ブログ画面の横幅を調整する必要があります。横幅を650pxにするためには、wordpressの管理画面から簡単に調整することができます。詳しい手順は本記事にて解説しています。さらに、ブログを組み込むためには<iframe src='...'>タグを使用しますが、正しい方法についても解説しています。
回答を見る
  • ベストアンサー

wordpressでブログを作ろうと思い、サーバーに設置済みです。

wordpressでブログを作ろうと思い、サーバーに設置済みです。 書き込みができる状態にはなっているのですが、下記のページの中の「スタッフブログ」のように、サイトの中の1ページとして組みこみたいのです。 http://ko-tei.com/ ところが、wordpressの初期画面は985pxあります。 すでに作っているサイトは上部と右側にナビゲーションがありまして、その中に埋め込みたいのですが、そのためには横幅が650pxでなければなりません。 ブログ画面の横幅はwordpressの管理画面のどこで調整すればいいのでしょうか。 なお、すでにあるページの中に<iframe src="・・・というタグで読み込んで埋め込みをしようと思いますが、これで合っていますか。

質問者が選んだベストアンサー

  • ベストアンサー
noname#140925
noname#140925
回答No.1

wordpressの管理画面に入ると、「外観」の下に「テーマ」ってのがありますよね。 それを選んで「現在のテーマ」として表示されている物が、貴方が現在使用しているテーマになります。 /wp-content/themes 以下に、そのテーマのフォルダがあり、その下に、テーマに関するファイルが入っています。 最近wp入れたのなら、デフォルトのテーマとしてtwentytenになっているのでしょうかね? そのテーマのフォルダの直下等にcssファイル(style.cssとか)があると思いますので、その中に幅などの記述がされています。 なので、cssファイル内で幅が985pxとかになっている部分を好きな幅に書き換えれば対応できると思いますよ。

newmen
質問者

お礼

投稿ありがとうございます。 おっしゃるとおりに見てみると、たしかに/wp-content/themes 以下にあるテーマのフォルダはtwentytenになっていました。 直下にccssファイルもいくつかありました。 なるほど、これを書き換えるのですね!phpはまったくわからないのですが、htmlとcssは大丈夫ですので、これならなんとかトライできそうです。頑張ってみます。 自分のページ内にブログを組み込む方法ですが、iframeタグでは無理でしょうか。 よろしかったらヒントだけでもいただけませんでしょうか。

その他の回答 (1)

noname#140925
noname#140925
回答No.2

>自分のページ内にブログを組み込む方法ですが、iframeタグでは無理でしょうか。 iframeで構いませんよ。

関連するQ&A

  • HPにブログを埋め込む

    HPにブログを埋め込む サイトを運営しています。 その中の「Blog」についてなのですが、インラインフレームによって、ブログを埋め込んでいます。 <iframe src="ブログのURL" frameborder="5" style="height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe> とすると、ヘッダー(メニューバーとツイッター)が表示されないので、 ヘッダーを読み込むタグをインラインフレームのあとにしてみると、今度はヘッダーにより、スクロールバーが隠れるのです。 そのため、今は <iframe src="ブログのURL" frameborder="5" style="height:77%;width:100%;position:absolute;top:100px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe> として、100pxから初め、77%で埋め込んでいるのですが、もっといい方法はないでしょうか? また、別に、インラインフレームで埋め込まなければいけないわけではありませんので、ほかにもっと良い方法があるなら、教えていただきたく思います。 ご協力お願いします。

    • ベストアンサー
    • HTML
  • WordPressで複数ブログを管理

    WordPressを勉強し始めた初心者です。 WordPressでWEBサイトを作ろうとしているのですが、なにかおすすめのサイトや本はないでしょうか? それから、WordPressの同じ管理画面で、複数のブログを作れるようにしたいのですが、なにかプラグインなどを入れないといけないのでしょうか? 全くの初心者なので、まだわからない事だらけです・・・。 どうかご教諭頂けませんでしょうか? よろしくお願い致します。

  • Wordpressをつかってブログをしておりました。

    Wordpressをつかってブログをしておりました。 昨日までは問題なかったのですが、気付いたらトップページにアクセスできなくなってました。 何かしたわけでもなく突然です。 アクセスするとしばらく読み込み中となり(結構長いです) 最終的には真っ白い画面でステータス完了となります。 アドレスバーはなぜか 「http://XXX.XXXX.XXX/wp-admin/install.php」 となってます。 どなたか対処法など教えていただければ助かります。 サーバーはCORESERVERです。 宜しくお願い致します。

  • ホームページにwordpressでブログを組み込みたい

    はじめまして。 とあるホームページにブログを組み込みたいと考えています。 条件としては 1)通常のサイトページでデザインが同じで構築可能なこと 2)同じサーバで運用が可能なこと 3)通常のブログと同様の機能があること かなりあいまいですが、要はホームページ内でブログを運用したいのです。 いろいろ調べた結果、Movable typeよりもwordpressのほうが無料ということもそうですが、今後のことを考えいいような気がしています。 上の条件で特にデザイン面でのことを重視しています。 HTMLやらCSSは一通り理解していますので、ブログに合わせた修正も可能です。 通常のホームページの一部にWordpressをブログとして組み込むことは可能でしょうか? また、その方法などを記したHPや書籍などありましたら、どうか教えていただけないでしょうか?

  • ブログではなくCMSとしてのwordpress

    こんにちは。 いつもお世話になります。 web制作をしております。 良くある質問かも知れませんが、調べてみても よく分からなかったので質問させてください。 今度、フォトグラファーの方のポートフォリオサイトを 制作することになりました。 ある程度こちらで制作した後は 新たなお仕事の情報などをご自分で更新・追加出来たほうが ベターかなと、現状リクエストがあるわけでも、必須でもないのですが、 (自分も経験として使ってみたい、と言うだけなのですが) CMS(wordpress)を検討しております。 ちなみに当方MovableTypeやwordpress等の構築経験はないのです。 XAMPPの使用やmysql、phpの知識は少し(本当に少しです。。) サイトの内容としてはコンテンツの一部としての「ブログ」ページは 1ページ作るかもしれませんが サイト全体としてはブログ形式ではなくあくまでも通常のサイトとしての見え方のイメージです。 1:このようなサイトの場合でも、更新をクライアントが 行うという目的だけでブログ形式でもないのに CMSの導入を検討するのはそもそも正しいでしょうか。 つまり、更新は素人でも容易なんでしょうか。 2:テンプレート(テーマ)があって、それにそって制作していく、 カスタマイズはもちろん可能、またはオリジナルテーマで その場合は一から通常のweb制作のように制作が可能、 ただそれなりの知識が必要⇒難しい、 とやんわりと認識をしているのですがあってますか。 3:既存のテーマにない自由度が高いサイトを作りたい場合は 通常のサイト制作と同じく一から自分でつくり、 wordpressに落とし込む、というような感じでイメージしてますが あってますか? 探せばイメージしているサイトに近いテーマ(?) もありそうですが、自分で作ったほうが早いですか? 4:wordpressのほうが最近良く目にする気がする、という理由だけで wordpressで考えてるのですがこの場合のMovableTypeのほうの利点などありますか? 5:もちろん自分でも調べて、情報収集中なのですが 本などもブログとしての活用の物が多いようでして。。 オススメのサイトや本などもございましたら教えていただけませんでしょうか。 6:期日もあまり無いので、経験も無いwordpressでの制作は 時間を要す可能性もありそれは一旦あきらめて、 通常のサイト制作で一旦UPし、後日おりをみて wordpressへ移行する?と言うことも可能性としてでてくるのですが 可能ですよね?現実的に2度手間ですが。 またその場合発生しうる諸問題などありましたら具体的に教えてください。 以上長くなりましたがよろしくお願いいたします。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • WordPress3.1.3にバージョンアップ後

    WordPress3.1.3にバージョンアップ後の変化で、 ブログ上部に不必要な検索画面などがでるように成りました。 表示が出なくするにはどうした良いのでしょうか。 おしえてください。

  • WordPressとはなんですか?。

    最近「WordPress/CMS」という言葉を良く聞きます。 これはなにかHTMLを知らなくてもWebサイトが構築・管理できるというような話を聞くのですが、すると「HomepageBuilder」みたいなものなのでしょうか。 WordPressの公式サイト?を見ると 「WordPress (ワードプレス) は、オープンソースのブログ/CMS プラットフォームです。セマンティック Web、コードやデザインの美しさ、Web 標準、ユーザビリティなどを意識して開発されており・・」 などと書かれています。 http://ja.wordpress.org/ 書かれている単語が全く理解できません(^^)。 「オープンソースの」ということはLinuxみたいな一種のOSなのでしょうか?。てか、そもそも「プラットフォーム」の意味がわかりませんが。 「ブログ」と明記ありますが、ブログしか書けないのですか?。私はブログなど興味ないので一般的なサイト構築・管理に対応しないならゴミですが。 「デザインの美しさ」ってどうしてソフトで実現可能なのでしょうか? 「CMS」も下記サイトを読んでもちんぷんかんぷんです。 http://e-words.jp/w/CMS-1.html 「CMSを導入すれば、テキスト制作者はHTMLなどの知識を習得する必要はなく、デザイナーはテキストが更新されるたびに作業を行う必要はなくなり、それぞれ自らの作業に集中することができる。また、サイト内のナビゲーション要素なども自動生成するため、ページが追加されるたびに関連するページにリンクを追加するといった煩わしい作業からも解放される。」 ってそんな夢のようなソフトがあるのなら、もうCSSやjavascriptを学んでエディタでHTML打つのなんてやめようって思うのですが。 まあ、私が作るサイトなど大企業のそれとは比較にならない小規模なものですが、それでも「フリーソフトもある」などと言われると心穏やかではありません。 個人的なサイト管理などで、そういうCMS?とやらができる「フリーソフト」があるなら、ぜひご紹介下さい。 それとも私が何か誤解しているなら、その辺かみ砕いて解説していただけると非常にありがたいです。 よろしくお願いいたします。

  • ブログのサイドバーに動画を貼るタグ

    自分のブログのサイドバー部分に宇多田ヒカルさんのHPにある音楽動画を貼りたいのですが、 リンクタグをそのまま入れるとブログのサイドバーの横幅が狭いので半分に切れてしまいます。 width(横幅)の数値を変えるともっと小さくなって切れてしまいます・・ 全て収まるように画像全体を縮小することは不可能でしょうか? 宜しくお願いします! リンクのタグです↓ <iframe src="動画のURL" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width="320" height="332"></iframe>

  • WordPress 既存のページに配置

    html+cssで作成したHPにWordPressブログを配置したいのですが やり方が分かりません。 表現として正しいか分かりませんがブログを既存のHPの一部分に 埋め込みをしたいのです。 もしくはWordPressをhtml+cssで作成したサイトと同様にカスタマイズ する方がよいのでしょうか? 検索してみたのですがなかなか答えが見つからず困っています。 ドメイン登録しレンタルしたサーバーにWordPressがありましたので インストールしたという状況です。 下記サイトの様にしたいと思っています。 http://www.ryu-dh.com/blog/ よろしくお願いします。

  • 別フレームへのリンク設置方法を教えてください

    縦長のページの上部に<iframe>下部にも<iframe>で設定している サイトの上部<iframe>内の1テキストリンクをクリックすると、下部のフレーム内で展開される該当ページにリンクが飛び、上部の画面はそのままで、下部のフレーム内のページが変わる設定を調べておりますが、なかなか希望の情報にリーチできません。 普通にファイル名でリンクさせると、フレーム内のページが、フレームから飛び出して表示されます。(そりゃ当然ですよね)。何とか、 上部のフレーム内の各リンクをクリックすると、下部フレーム内のページが展開し、上部、下部同時に見れるページを制作したいのですが、どなたかご教授いただけますと、幸いです。宜しくお願いします。

    • ベストアンサー
    • HTML