it-swarm-vi.tech

Có khả năng và có thể làm được

Tôi đang sử dụng một chủ đề WordPress chỉ có tiêu đề và chân trang. Tôi muốn tiếp tục sử dụng nó bằng cách thay đổi chiều rộng và thêm các thanh bên.

Bất cứ ai có thể giúp tôi thay đổi chiều rộng (để phù hợp với màn hình) của chủ đề. Có ai có ý tưởng về cách thêm sidebars vào chủ đề này không?

==========

Xin lỗi vì đã không làm rõ trong câu hỏi trước đây của tôi. Chủ đề tôi đang sử dụng là Minicard

Các dòng tương tự như ...

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>'
    ));

đã ở đó.

Đây là mã tôi tìm thấy ở đó:

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>',
    ));
}

Vì vậy, tôi đã tạo tệp sidebar.php và thêm mã bạn đã cung cấp cho thanh bên.

Sau này tôi đã thử thêm đoạn mã sau:

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

sang CSS.

Sau khi thực hiện những thay đổi này, tôi đã tìm thanh bên và tôi không tìm thấy bất kỳ thay đổi nào.

1
user391

Nói chung, bạn có thể thay đổi độ rộng từ tệp style.css, được đặt trong thư mục chủ đề (sử dụng fireorms để xác định thành phần).

Để thêm sidebars ... hãy sử dụng hướng dẫn này .

1
negatif

@ người dùng391,

Nếu bạn muốn sử dụng các tiện ích thanh bên, hãy thêm đoạn mã sau vào tệp functions.php của bạn

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>',
    ));

Tiếp theo, bạn sẽ cần xác định id hoặc lớp CSS bao bọc nội dung hoặc bài đăng chính của bạn. Thông thường, điều này có thể được tìm thấy bằng cách xem tệp index.php của bạn ngay bên dưới <?php get_header(); ?>

Bạn sẽ thấy một cái gì đó như <div id="content"> nhưng nó có thể được đặt tên khác. Ở cuối trang, hãy tìm div đóng, tức là: </div> thường đúng trước <?php get_footer(); ?> một số chủ đề sẽ đóng div nội dung trong footer.php nếu đây là trường hợp bạn sẽ cần xóa nó khỏi footer.php và đặt nó đúng trước <?php get_footer(); ?>

Tiếp theo, bạn cần thêm <?php get_sidebar(); ?> sau khi đóng div và trước <?php get_footer(); ?> và tạo một tệp mẫu mới có tên sidebar.php

Thêm mã sau vào sidebar.php

<div id="sidebar">

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Widgets') ) : ?><?php endif; ?>

</div><!--/sidebar-->

Tiếp theo, bạn sẽ phải sửa đổi CSS của mình để phù hợp với thanh bên. Tìm #content hoặc tên id hoặc tên lớp bạn tìm thấy ở trên và thay đổi độ rộng và thả nó sang trái và thêm thanh bên của bạn mà chúng ta vừa tạo ở trên. Ví dụ:

#content {
    width:620px;
    float:left
}

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

Bạn có thể phải điều chỉnh độ rộng tùy thuộc vào chiều rộng của div trình bao bọc chính.

Bây giờ bạn có thể thêm nội dung vào thanh bên bằng cách sử dụng các tiện ích trong bảng điều khiển WordPress của bạn.

1
Chris_O