web-dev-qa-db-ja.com

サイドバーを追加して現在のテーマをカスタマイズする可能性はありますか

私はちょうどヘッダーとフッターを持つ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へ。

これらの変更を加えた後、私はサイドバーを探しましたが、追加のものは見つかりませんでした。

sidebarthemescustomization
1
user391

一般的にthemesディレクトリにあるstyle.cssファイルから幅を変更することができます（要素を決定するためにfirebugを使用してください）。

サイドバーを追加するには... チュートリアル を使用してください。

1
negatif

@ 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ダッシュボードのウィジェットを使用して、サイドバーにコンテンツを追加できるようになりました。

1
Chris_O