私はちょうどヘッダーとフッターを持つWordPressテーマを使っています。幅を変えてサイドバーを追加して使い続けたいと思います。
テーマの幅を(画面に合わせて)変更するのを手助けできますか。このテーマにサイドバーを追加する方法について誰かが考えを持っていますか?
==========
私の前の質問ではっきりさせていないのが残念。私が使っているテーマは ミニカード です
似た行は...
if (function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Sidebar Widgets',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widgettitle">',
'after_title' => '</h3>'
));
すでにあります。
これは私がそこに見つけたコードです:
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => __('Beneath the Card (Top)', 'minicard'),
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '<div class="clear"></div></li>',
'before_title' => '<h2 class="section widgettitle">',
'after_title' => '</h2>',
));
register_sidebar(array(
'name' => __('Beneath the Card (Bottom)', 'minicard'),
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '<div class="clear"></div></li>',
'before_title' => '<h2 class="section widgettitle">',
'after_title' => '</h2>',
));
}
そこで私はsidebar.php
ファイルを作成し、サイドバー用にあなたが与えたコードを追加しました。
後で私は次のコードを追加しようとしました:
#sidebar {
width: 240px;
float:right;
padding:0 20px 20px;
}
cSSへ。
これらの変更を加えた後、私はサイドバーを探しましたが、追加のものは見つかりませんでした。
一般的にthemesディレクトリにあるstyle.css
ファイルから幅を変更することができます(要素を決定するためにfirebugを使用してください)。
サイドバーを追加するには... チュートリアル を使用してください。
@ user391、
サイドバーウィジェットを使用する場合は、functions.php
ファイルに次のコードを追加します
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Sidebar Widgets',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widgettitle">',
'after_title' => '</h3>',
));
次に、メインコンテンツまたは投稿をラップするCSS IDまたはクラスを決定する必要があります。通常、これは<?php get_header(); ?>
の直下にあるindex.php
ファイルを見ると見つかります。
<div id="content">
のようなものが表示されるはずですが、別の名前が付けられている場合があります。ページの下部で終了divを探します。つまり、通常<?php get_footer(); ?>
の直前にある</div>
これは、削除する必要がある場合、footer.phpのコンテンツdivを閉じるテーマです。 footer.phpから<?php get_footer(); ?>
の直前に配置します
次に、<?php get_sidebar(); ?>
を終了divの後で<?php get_footer(); ?>
の前に追加し、sidebar.phpという名前の新しいテンプレートファイルを作成する必要があります
次のコードをsidebar.phpに追加します
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Widgets') ) : ?><?php endif; ?>
</div><!--/sidebar-->
次に、サイドバーに合わせてCSSを変更する必要があります。 #content
または上記で見つけたIDまたはクラス名を見つけて、幅を変更して左にフロートし、上記で作成したサイドバーを追加します。例えば:
#content {
width:620px;
float:left
}
#sidebar {
width: 240px;
float:right;
padding:0 20px 20px;
}
メインラッパーdivの幅に応じて、幅の調整が必要になる場合があります。
WordPressダッシュボードのウィジェットを使用して、サイドバーにコンテンツを追加できるようになりました。