• 解決済 lilydakid

    (@lilydakid)


    トップページに左ナビゲーションがあり、それを中ページにも表示させたいのですが、色々編集したものの実現できなかった為、ご質問させて頂きました。

    テーマ「都」
    http://www.10press.net/theme/1223

    ↓ページのソース

    <?php get_header(); ?>
    <div id="main_contents" class="index_list">
    	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    	<div class="post" id="post-<?php the_ID(); ?>">
    
    		<h2 class="page_title"><?php the_title(); ?></h2>
    
    <div class="entry">
    			<?php the_content('<p class="serif">' . __('Read the rest of this page &raquo;', 'kubrick') . '</p>'); ?>
    			<?php wp_link_pages(array('before' => '<div class="link_pages_nav"><p><strong>' . __('Pages:', 'kubrick') . '</strong> ', 'after' => '</p></div>', 'next_or_number' => 'number')); ?>
    		</div>
    	</div>
    	<?php endwhile; endif; ?>
    
    <?php edit_post_link(__('Edit this entry.', 'kubrick'), '<p>', '</p>'); ?>
    </div>
    
    <?php get_footer(); ?>

    ↓トップページのソース

    <?php get_header(); ?>
    <?php if (is_home() && !is_megumi_page()) { ?>
    <div id="wrap">
    <?php } ?>
    <div id="main_contents">
    <?php if (is_home() && !is_megumi_page()) { ?>
    <?php include_page(); ?>
    <hr />
    <?php get_post_tab(); ?>
    <hr />
    <div id="thumbnail_list">
    	<?php get_t_post(); ?>
    </div>
    <?php } else { ?>
    	<?php if (have_posts()) : ?>
    	<?php while (have_posts()) : the_post(); ?>
    	<div class="post" id="post-<?php the_ID(); ?>">
    		<p class="data"><?php megumi_data_format(); ?></p>
    		<h2 class="post_title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2>
    		<div class="entry">
    			<?php get_thumbnail_img();?>
    			<?php the_excerpt();?>
    			<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>">
    			<?php  printf(__('Continuation is read.&nbsp;&raquo;', 'kubrick'));?>
    			</a> </div>
    		<hr />
    		<div class="meta">
    			<p class="com"><span><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icon/com.gif" alt="<?php printf(__('Comment','kubrick')); ?>" width="65" height="14" /></span>&nbsp;<?php comments_popup_link(__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?></p>
    			<p class="cat"><span><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icon/cat.gif" alt="<?php printf(__('Category','kubrick')); ?>" width="65" height="14" /></span>&nbsp;<?php printf(__('%s', 'kubrick'), get_the_category_list(', ')); ?></p>
    			<p class="tags"><span><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icon/tag.gif" alt="<?php printf(__('Tags','kubrick')); ?>" width="65" height="14" /></span>&nbsp;
    			<?php the_tags(__(' ', 'kubrick'), ', ', ''); ?></p>
    			<?php edit_post_link(__('Edit', 'kubrick'), '<p class="edit">', '</p>'); ?>
    		</div>
    	</div>
    	<?php endwhile; ?>
    	<?php wp_pagenav(); ?>
    	<?php else : ?>
    	<h2 class="page_title"><?php _e('Not Found', 'kubrick'); ?></h2>
    	<p class="text"><?php _e('The page you are looking for no longer exists. Perhaps you can find what you are looking for by searching the site archives by page, month, or category:', 'kubrick'); ?></p>
    	<img src="<?php bloginfo('stylesheet_directory'); ?>/images/not_found_img.gif" alt="" width="568" height="478" class="not_found_img" />
    	<?php endif; ?>
    <?php } ?>
    
    </div>
    <?php change_left_side(); ?>
    <?php get_footer(); ?>

    ↓左ナビゲーションのCSS

    /*---------- left_side ----------*/
    div#left_side div.widgets ul
    	{
    	padding:1px 1px 1px 1px;
    	}
    div#left_side div.widgets ul li
    	{
    	padding:3px 0px 3px 0px;
    	display:block;
    	}
    div#left_side div.widgets li a
    	{
    	width:145px;
    	padding:0px 5px 0px 15px;
    	background:url(images/icon/side_icon_01.gif) no-repeat 10px 8px;
    	border-bottom:1px dotted #999999;
    	display:block;
    	}

    他に必要な情報がありましたら、お教え頂けますでしょうか。
    HTMLとCSSの知識は広く浅く程度で、PHPの知識は全くございません。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • 「ページのソース」の一番下
    <?php get_footer(); ?>
    の直前に
    <?php change_left_side(); ?>
    を追加したら出てきそうな気が(未検証)。

    トピック投稿者 lilydakid

    (@lilydakid)

    kzさんご返信ありがとうございます。

    その内容も一度試みたのですが、表示されませんでした。

    お世話になります。

    中ページもTOPと同じレイアウトにする方法ですが、
    以下のファイルを編集します。
    「header.php」「home.php」「footer.php」「style.css」

    1.「header.php」を編集
    <div id="contents_box">
    の下に
    <div id="wrap">
    を追加

    2.「home.php」を編集
    <?php get_header(); ?>
    の下にある

    <?php if (is_home() && !is_megumi_page()) { ?>
    <div id="wrap">
    <?php } ?>

    を削除

    <?php get_footer(); ?>
    の上の
    <?php change_left_side(); ?>
    を削除

    「footer.php」を編集
    <?php get_side(); ?>
    の上に

    <?php get_left_sidebar(); ?>
    </div>

    を追加

    「style.css」を編集

    div#main_contents
    	{
    	width:568px;
    	float:left;
    	}
    div#right_side
    	{
    	width:350px;
    	float:right;
    	}
    body#home div#wrap
    	{
    	width:590px;
    	float:left;
    	}
    body#home div#wrap div#main_contents
    	{
    	width:410px;
    	float:right;
    	}
    body#home div#wrap div#left_side
    	{
    	width:170px;
    	float:left;
    	}
    body#home div#right_side
    	{
    	width:350px;
    	float:right;
    	}

    の部分を

    div#right_side
    	{
    	width:350px;
    	float:right;
    	}
    div#wrap
    	{
    	width:590px;
    	float:left;
    	}
    div#wrap div#main_contents
    	{
    	width:410px;
    	float:right;
    	}
    div#wrap div#left_side
    	{
    	width:170px;
    	float:left;
    	}

    に変更して頂ければ表示できるかと思います。

    追記:
    シングルページに入った際のナビゲーションがズレるのので、
    以下の様に「style.css」を編集します。

    div#main_contents .navigation
    	{
    	width:568px;
    	min-height:25px;
    	margin:15px 0px 10px 0px;
    	padding:0px 0px 0px 0px;
    	position:relative;
    	}

    div#main_contents .navigation
    	{
    	width:100%;
    	min-height:25px;
    	margin:15px 0px 10px 0px;
    	padding:0px 0px 0px 0px;
    	position:relative;
    	}

    に変更してください。

    トピック投稿者 lilydakid

    (@lilydakid)

    Webnistさんご返信ありがとうございます。

    お教え頂いた通り編集したところ、トップページ同様、レイアウトを崩さず中ページにもナビゲーションを表示することができました!ありがとうございます!

    あとシングルページのレイアウトは整ったのですが、ページ機能で表示させたページはレイアウトがズレたままになるのですが、これについてはどこを修正すればいいでしょうか?
    ここまでヒントを頂きながら、分からない自分が情けないです。

    lilydakid さん

    ページが崩れるということですが、
    ページに表示されている画像などの幅が410pxより大きい
    事はないでしょうか?

    トピック投稿者 lilydakid

    (@lilydakid)

    Webnistさん

    ご指摘頂いた内容を確認したところ、ページに表示されている画像など、全て確認いたしましたが、410px以下でした。他に考えられる原因はありますでしょうか?

    左に表示されるナビが記事コンテンツ終了後の左下から表示され、右サイドバーに表示されるバナーが記事の真下に表示されております。

    lilydakid さん

    お手数ですが、可能でしたらそのページをお教えできますでしょうか。

    トピック投稿者 lilydakid

    (@lilydakid)

    Webnistさん

    解決しました!
    全ての画像のサイズを410px以下で確認していたつもりでしたが、罫線の画像が410px以上となっており、見落としておりました。

    サイズを調整したところ、正常にレイアウトされるようになりました!
    本当にありがとうございました!初歩的なミスでご迷惑をお掛けいたしました。

    Webnistさんまた何かありましたら宜しくお願いいたします!

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「め組 ポータルサイト「都」のカスタマイズについて」には新たに返信することはできません。