作者yangsen06 (乐)
看板Web_Design
标题[问题] wordpress两栏变三栏
时间Mon May 14 00:41:43 2018
各位好，新手又来请教一些修改既有网页的问题...
网站原本是两栏式（主页面＋右侧边栏）
但老板希望可以改成三栏（左侧边栏＋主页面＋右侧边栏）
拜谷歌大神之赐我已经成功修改好function、sidebar跟模版的php档
WP後台的小工具那边也出现新的一栏可以编辑
问题来了，新的那栏位置是在既有旧右侧栏的下面
┌┐┌──┐┌┐ ┌───┐┌┐
│││ │││ │ │││
│││ │││ │ │││
└┘└──┘└┘ └───┘└┘
想要的格式 变这样 ┌┐←新增的侧边栏跑到这里QQ
└┘
找来找去不知道该如何把它变成在主页左侧
还希望高手板友们相助!!!谢谢～～～QAQ
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 180.176.135.12
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1526229706.A.53B.html
1F：推 nottt: 看三块要的宽度分别想要多少，决定好後去改css 05/14 08:20
2F：→ nottt: 同时，新增的html必须要是从左到右依序排好的 05/14 08:22
CSS的宽度已经改好了！但还是一样QAQ
请问html这里可以麻烦再多说明一下吗？＠＠
网路上的教学都说改好function.两个php档和CSS就好了
这个部分我完全没概念，也不知道要去哪里新增html..(泪)
※ 编辑: yangsen06 (180.176.135.12), 05/14/2018 22:52:22
3F：推 nottt: 把你的东西贴上来大家会比较有兴趣看喔 隔空抓药很困难 05/14 22:53
好的！谢谢n大～～
这是function修改的部分：
function twentythirteen_widgets_init() {
register_sidebar( array(
'name' => __( 'Main Widget Area', 'twentythirteen' )
'id' => 'sidebar-1',
'description' => __( 'Appears in the footer section of the site.', 'twentythirteen' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">'
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' => __( 'Secondary Widget Area', 'twentythirteen' ),
'id' => 'sidebar-2',
'description' => __( 'Appears on posts and pages in the sidebar.', 'twentythirteen' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' => __( 'Secondary Widget Area', 'twentythirteen' ),
'id' => 'sidebar-3',
'description' => __( 'Appears on posts and pages in the sidebar.', 'twentythirteen' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
}
-----------------下面是sidebar.php档：-------------------
if ( is_active_sidebar( 'sidebar-2' ) ) : ?>
<div id="tertiary" class="sidebar-container" role="complementary">
<div class="sidebar-inner">
<div class="widget-area">
<?php dynamic_sidebar( 'sidebar-2' ); ?>
</div><!-- .widget-area -->
</div><!-- .sidebar-inner -->
</div><!--
#tertiary -->
<?php endif; ?>
<?php
if ( is_active_sidebar( 'sidebar-3' ) ) : ?>
<div id="third" class="sidebar-container" role="complementary">
<div class="sidebar-inner">
<div class="widget-area">
<?php dynamic_sidebar( 'sidebar-3' ); ?>
</div><!-- .widget-area -->
</div><!-- .sidebar-inner -->
</div><!--
#tertiary -->
<?php endif; ?>
---------------------------网站模版的php档：----------------------
<div class="widget-content">
<?php get_sidebar(); ?>
</div>
----------------------------CSS------------------------------------
.site-main .widget-area {
float: right;
/*width: 300px;*/
大概是这样，跪求板友们指点教学!!!谢谢～～><
※ 编辑: yangsen06 (180.176.135.12), 05/15/2018 00:14:00