作者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/m.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