wordpressの下記のテーマについて次の2つの質問にお答えください。

http://themes.wordpress.net/testrun/?wptheme=3053

質問①
全体の寸法を750pix、左インデックスを180pix、中央を400pix、
右インデックスを120pixとするにはどうしたら良いのでしょうか?

質問②
「Wordpress testsite Page 1 Page 2」の「Page 1 Page 2」を
削除する方法を教えてください。
下記のページで同じ質問をしましたが、
ページで作成する場合、やはりタイトル横のリンクは目障りなので、
スタイルシートの変更から削除したいです。
http://q.hatena.ne.jp/1193709013

以上、よろしくお願いします。

回答の条件
  • 1人5回まで
  • 登録:2007/10/31 12:50:27
  • 終了:2007/11/03 00:18:52

回答(3件)

id:virtual No.1

virtual回答回数1139ベストアンサー獲得回数1282007/11/01 17:35:34

ポイント20pt

質問②

「Wordpress testsite Page 1 Page 2」の「Page 1 Page 2」を

削除する方法を教えてください。

スタイルシートではなくテーマのヘッダファイルを編集します。

wp-content/themes/beauty-50/header.php の中にある

<?php wp_list_pages('title_li=&depth=1'); ?>

を削除して下さい。

id:taroemon

いつもご回答ありがとうございます。


ひきつづき①の質問に対するご回答をお待ちしています。

2007/11/01 20:06:54
id:virtual No.2

virtual回答回数1139ベストアンサー獲得回数1282007/11/01 22:43:54

ポイント60pt

質問①

全体の寸法を750pix、左インデックスを180pix、中央を400pix、

右インデックスを120pixとするにはどうしたら良いのでしょうか?

style.cssを以下のように書き換えます。(旧:青字 , 新:赤字)

旧:#l_sidebar {float: left;width: 15%;margin: 50px 5px 0 0;padding: 10px 0 10px 0;}

新:#l_sidebar {float: left;width: 180px;margin: 50px 5px 0 0;padding: 10px 0 10px 0;}

旧:#r_sidebar {float: right;width: 12%;margin: -30px 0 0 0;padding: 20px 0 0 0;}

新:#r_sidebar {float: right;width: 120px;margin: -30px 0 0 0;padding: 20px 0 0 0;}

旧:#contentmiddle {float: left;width: 52%;margin: 10px 10px 0 10px;padding: 10px 10px 10px 10px;border-left:1px solid #E4E4E5;}

新:#contentmiddle {float: left;width: 400px;margin: 10px 10px 0 10px;padding: 10px 10px 10px 10px;border-left:1px solid #E4E4E5;}

旧:#content {width: 85%;margin: 0px auto 0px;padding: 0;}

新:#content {width: 750px;margin: 0px auto 0px;padding: 0;}

id:taroemon

いつもご回答ありがとうございます。


おおむね望み通りにできたのですが、

ただこのまま全部実行してみると、

左インデックスの下に中央コンテンツ、

中央コンテンツの下に右インデックスが表示され、

ブログとしてはきわめて見にくい体裁となってしまいました。

これはどの部分を解消すると直るのでしょうか?

一応、全体幅を1000Pixにしたり、中央コンテンツの幅を200pixにしたりと

いろいろ試してみましたがいずれもうまくいきません。


以上を解決する方法を教えてください。

よろしくお願いします。

2007/11/01 23:45:51
id:virtual No.3

virtual回答回数1139ベストアンサー獲得回数1282007/11/02 15:20:56

ポイント20pt

私の環境ではIEでもFirefoxでもちゃんと見えているのですが変ですね。

私のところで試したstyle.cssを下記に示しますのでそれでどうなりますか?

これにはこれまでの一連の質問の回答を含んでいます。

style.css

/* 
Theme Name: Beauty
Theme URL: http://milo.peety-passion.com/category/themes/
Description: Beauty is a three column fluid theme for Wordpress with a custom painting by <a href="http://milo.peety-passion.com">milo IIIIVII.</a>
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com
Version: 5.0
*/
body{background:#fff url(images/picasso2.jpg) 30% 0% no-repeat fixed;color:#1A1F4A;font-size:11px;font-family:Tahoma, Helvetica, Sans-Serif;margin:0px auto 0px;padding:0;}
#wrap{background:transparent;color:#1A1F4A;font-size:11px;font-family:Tahoma, Helvetica, Sans-Serif;margin:0 0 0 150px;padding:0;}a, a:visited{color:#95A5A7;text-decoration:none;}a:hover{text-decoration:underline;}

#header{background:transparent top right no-repeat;width:89%;height:10px;margin:0px auto 0px;padding:10px 0 10px 0;text-align:right;text-transform: uppercase;}
#header a , h1, h1 a{font-family:Times New Roman, Helvetica, Sans-Serif;font-size:48px;color:#333;text-decoration:none;padding:0 10px 0 10px;margin:0;text-transform:uppercase;display:none;}description{display:none;}
#header a:hover{color:#333;}

#navbar{background:transparent;width:89%;height:20px;margin:0px auto 0px;padding:10px 0 10px 0;text-align:right;border-top:1px solid #95A5A7;}
#navbar li{display: inline;list-style-type: none;margin:0;padding:0;}
#navbar ul{margin:0;padding:0;}
#navbar ul li a{font-family:Times New Roman, Helvetica, Sans-Serif;font-size:22px;color:#95A5A7;padding:0 10px 0 10px;margin:0;text-decoration:none;text-transform: uppercase;}
#navbar ul li a:hover{color:#ccc;}

#l_sidebar {float: left;width: 180px;margin: 50px 5px 0 0;padding: 10px 0 10px 0;}
#l_sidebar ul {list-style: none;margin: 0;padding: 0 0 10px 0;}
#l_sidebar li {list-style: none;margin: 0;padding: 0;}
#l_sidebar ul li {margin: 0;padding: 5px 0 0 0;}
#l_sidebar ul li a {color: #474B7C;text-decoration: none;}
#l_sidebar ul li a:hover {color: #474B7C;text-decoration: underline;}

#r_sidebar {float: right;width: 120px;margin: -30px 0 0 0;padding: 20px 0 0 0;}
#r_sidebar p{padding: 2px 0 5px 0;margin: 0;line-height: 20px;}
#r_sidebar ul {list-style: none;margin: 0;padding: 0 0 5px 0;}
#r_sidebar ul li {margin: 0;padding: 5px 0 0 0;}
#r_sidebar ul li a {color: #474B7C;text-decoration: none;}
#r_sidebar ul li a:hover {color: #474B7C;text-decoration: underline;}

#content {width: 750px;margin: 0px auto 0px;padding: 0;}
#content p{padding: 10px 0 10px 0;margin: 0;line-height: 20px;}
#content p img{float: left;border: none;margin-right: 10px;margin-bottom: 10px;}
#content h1 {color: #95A5A7;font-size: 22px;font-family: Times New Roman, Verdana, Arial, Sans-Serif;font-weight: normal;padding: 0;margin: 0;}
#content h1 a  {color: #95A5A7;text-decoration: none;}
#content h1 a:hover {color: #658DB5;text-decoration: none;}
#content h2 {color: #95A5A7;font-size: 14px;font-family: Tahoma, Verdana, Arial, Sans-Serif;font-weight:bold;padding:5px 0 5px 0;margin:0;text-transform:uppercase;border-bottom: 1px solid #C0C0C0;}
#content p ol{margin: 0;padding: 0 0 0 10px;}
#content p ul{margin: 0;padding: 0 0 0 10px;}blockquote{margin: 0 0 0 25px;padding: 0 10px 0 10px;font-style: italic;color: #666;border-left: 3px solid #B3C8DB;}
#content blockquote p{margin: 0 0 10px 0;padding: 0;}

#contentmiddle {float: left;width: 400px;margin: 10px 10px 0 10px;padding: 10px 10px 10px 10px;border-left:1px solid #E4E4E5;}
#contentmiddle p img{float: left;border: none;margin-right: 10px;margin-bottom: 10px;}.contentdate {background: transparent url(images/date.gif);float: left;width: 50px;height: 50px;margin: 0;padding: 0;}.contentdate h3 {color: #333;font-size: 10px;font-weight: normal;padding: 4px 0 0 13px;margin: 0;text-transform: uppercase;}.contentdate h4 {font-family: Times New Roman, Helvetica, Sans-Serif;color: #333;font-size: 21px;font-weight: bold;padding: 3px 4px 0 3px;margin: 0;text-align: center;}.contenttitle {float: left;width: 70%;margin: 0;padding: 0 0 0 20px;}
#contentmiddle ul {list-style: none;margin: 0;padding: 0 0 10px 0;}
#contentmiddle ul li {margin: 0;padding: 5px 0 0 0;}
#contentmiddle ul li a {color: #474B7C;text-decoration: none;}
#contentmiddle ul li a:hover {color: #474B7C;text-decoration: underline;}
#content img.wp-smiley {float: none;border: none;padding: 0px;margin: 0px;}.postspace {background: transparent url(images/spacer2.gif) no-repeat;width: 340px;height: 32px;margin: 0 0 20px 0;padding: 0;}

#footer {background: transparent;width: 90%;margin: 0px auto 0px;padding: 10px 0 10px 0;text-align: center;border-top: 1px solid #C0C0C0;}

#searchdiv {margin: 0;padding 0;}

#searchform {margin: 0;padding: 0;overflow: hidden;}

#s {width: 95%;background: #EFEFEF url(images/search2.gif);color: #333;font-size: 11px;font-family: Verdana, Helvetica, Sans-Serif;padding: 3px;margin: 8px 0 0 0;border: 1px solid #C0C0C0;}

#commentblock {width:65%background: #fff;color: #333;float: left;padding: 10px 10px 0 10px;margin: 10px 0 10px 0;border: 1px solid #C0C0C0;}ol

#commentlist{padding:5px 0 5px 0;margin:0;list-style-type:none;}.commentdate{font-size:12px;padding-left:0;}
#commentlist li p{margin-bottom:8px;line-height:20px;padding:0;}.commentname{color:#333;margin:0;padding:5px 5px 5px 0;}.commentinfo{clear:both;}.commenttext{clear:both;margin:5px 0 20px 0;padding:20px 10px 5px 10px;width:65%;background:#fff url(images/comment.gif) no-repeat top;}.commenttext-admin{clear:both;margin:5px 0 20px 0;padding:20px 10px 5px 10px;width:65%;background:#fff url(images/comment.gif) no-repeat top;}

#commentsformheader{padding-left:0;}

#commentsform{text-align:left;margin:0;padding:0;}
#commentsform form{text-align:left;margin:0;}
#commentsform p{margin:0;}
#commentsform form textarea{width:99%;}

#wp-calendar{empty-cells:show;margin:10px auto 0;width:90%;}
#wp-calendar 

#prev a{font-size:9pt;}

#wp-calendar a{text-decoration:none;}
#wp-calendar caption{font:bold 1.3em 'Tahoma', Arial, Helvetica, Sans-Serif;text-align:center;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
#wp-calendar 

#next a{padding-right:10px;text-align:right;}

#wp-calendar 

#prev a{padding-left:10px;text-align:left;}

#wp-calendar a{display:block;}
#wp-calendar caption{text-align:center;width:100%;}
#wp-calendar td{padding:3px 0;text-align:center;}
#wp-calendar td.pad:hover{/* Doesn't work in IE */background-color:#000;}p.comments_link img{margin:0;padding:0;border:none;}.entry{clear:left;}

id:taroemon

親切なご回答ありがとうございます。

いつも大変助かっています。


環境的な問題だとしたらしょうがないですね。

それがわかっただけでも質問した価値がありました。

あとは自分で何とかしてみます。

2007/11/03 00:17:18
  • id:taroemon
    virtual様

    上記のものをコピペしたらうまくいきました。
    以前はご指導通りにしてたつもりでしたが、
    私がなにかミスでもしたのでしょう。
    とりあえずご報告まで。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません