ここから本文です

wordpressでサイドバーが横ではなくサイトの一番上に表示されてしまいます。ご教示...

ika********さん

2017/5/1002:52:16

wordpressでサイドバーが横ではなくサイトの一番上に表示されてしまいます。ご教示宜しくお願い致します。

◆footer.php
フッター
</body>
</html>


◆header.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>;charset=<?php bloginfo('charset'); ?>">
<meta http-equiv="content-style-type" content="style/css">
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url') ?>">
<title><?php bloginfo('name'); ?></title>
<?php wp_head(); ?>
</head>
<body>
<div id="header">
<h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name') ?></a></h1>
</div>
ヘッダー<br>
<img src="<?php bloginfo('template_directory'); ?>/images/staff11.gif">


◆index.php
<?php get_sidebar(); ?>
<?php get_header(); ?>
<div>
<?php if(have_posts()): while(have_posts()): the_post(); ?> <!-- ループ開始 -->

<?php echo get_the_date(); ?> <!-- 投稿日時を表示 -->
<?php the_category(', '); ?> <!-- カテゴリーを表示 -->
<?php the_title(); ?> <!-- 記事タイトルを表示 -->
<?php the_content(続きを読む); ?> <!-- 記事本文を表示 -->

<?php endwhile; endif; ?> <!-- ループ終了 -->
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>


◆functions.php
<?php
// ウィジェット
register_sidebar();
?>


◆sidebar.php
<div id="side">

<ul>
<?php dynamic_sidebar(); ?>
</ul>

</div><!--/side-->


◆style.css
/*
Theme Name: タイトル
Author: A.I
Description: テーマの説明文。
*/

php bloginfo,meta http-equiv,div&amp;gt,css&amp;quot,title&amp;gt,index.php,php get_sidebar

閲覧数:
66
回答数:
1
お礼:
500枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

yoy********さん

2017/5/1008:21:57

index.phpは、header.phpやfooter.phpやsidebar.phpなど(functions.php以外)のバーツを集約してブラウザに表示させる物なので、
「サイドバーがヘッダーの上に表示される」というなら、「index.php」に問題があります。

サイドバーは、
<?php get_sidebar(); ?>
です。
ヘッダーは、
<?php get_header(); ?>
です。

なので、
<?php get_sidebar(); ?>
を左サイドバーもしくは、右サイドバーにしたい場所に移して下さい。

この回答は投票によってベストアンサーに選ばれました!

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる