我正在从头开始创建Wordpress模板, 并且已经在添加侧栏了。但是我在侧边栏的定位/放置上遇到了一些问题。
我想要什么vs我拥有什么
我不确定sidebar.php或容器块是否做错了什么。
但是这是我的CSS代码:
/* Sidebar modules for boxing content */
.sdbrcont {
float: left;
background-color: black;
}
【从头开始创建WordPress模板-边栏放置】我的sidebar.php代码:
<
div class="sdbrcont">
<
?php if ( is_active_sidebar( 'left_sdbr' ) ) : ?>
<
div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
<
?php dynamic_sidebar( 'left_sdbr' );
?>
<
/div>
<
!-- #primary-sidebar -->
<
?php endif;
?>
<
/div>
如果问题出在我的index.php上, 则代码如下:
<
div class="row">
<
?php get_sidebar( 'left-sdbr' );
?>
<
div id="contentcont">
<
div class="blog-main">
<
div class="blogtitle">
<
p>
PAKU SQUAD
<
span class="subheader1">
BLOG
<
/span>
<
/p>
<
hr>
<
/div>
<
?php
if ( have_posts() ) : while ( have_posts() ) : the_post();
get_template_part( 'content', get_post_format() );
endwhile;
?>
<
nav>
<
ul class="pager">
<
li>
<
?php next_posts_link( 'Older Posts >
>
>
' );
?>
<
/li>
<
li>
<
?php previous_posts_link( '<
<
<
Newer Posts' );
?>
<
/li>
<
/ul>
<
/nav>
<
?php
endif;
?>
<
/div>
<
!-- /.blog-main -->
<
/div>
<
/div>
<
!-- /.row -->
这是我创建wordpress模板的第一时间, 我将非常感谢我所能提供的所有帮助。先感谢你。
#1你需要在引导程序中注意布局网格系统:http://getbootstrap.com/docs/4.0/layout/overview/
因为你需要确定容器的宽度, 否则将全部为主体。
<
div class="container">
<
div class="row">
<
div class="col">
Sidebar<
div>
<
div class="col">
Content<
div>
<
/div>
<
/div>
推荐阅读
- 在WordPress中创建Typeform
- 手把手教你JS逆向搞定字体反爬并获取某招聘网站信息
- 网络层协议介绍及概述
- CEPH离线部署(纯内网)
- PyTorch教程 层和块
- #yyds干货盘点#Redis之主从复制详述
- SpringCloud升级之路2020.0.x版-41. SpringCloudGateway 基本流程讲解
- #yyds干货盘点#技术路线的选择重要但不具有决定性
- #yyds干货盘点# 5. Python 循环的本质就是一段代码懒得重复写