私は最初の WordPress サイトに取り組んでおり (やった!)、新しい 2012 テーマを使用しています。フッターにウィジェットを配置するオプションがないため、サイドバーを追加したところ、テキストがランダムに横に押し出されました。サイト: http://www.rachelsilberman.com/dan-krokos/
Chrome で見ると中央に配置されていますが、ページを小さくすると右側に拡大されます。フッター名という div にテキストを入れます。float:left がどこかで発生しているか、フッター スタイルを上書きしているように感じます。
私が使っているCSS
footer[role="contentinfo"] {
border-top: 1px solid #ededed;
clear: both;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
max-width: 960px;
max-width: 68.571428571rem;
margin-top: 24px;
margin-top: 1.714285714rem;
margin-left: auto;
margin-right: auto;
padding: 24px 0;
padding: 1.714285714rem 0;
background-color: #E3E3E3;
}
footer[role="contentinfo"] a {
color: #686868;
}
footer[role="contentinfo"] a:hover {
color: #55abe8;
}
#footer-name{
display: block;
margin-left: auto;
margin-right: auto;
background-color: aqua;
}
#footer-sidebar {
display:block;
height: 30px;
}
#footer-sidebar1 {
width: 300px;
margin-left: auto;
margin-right: auto;
}
div をラップしたフッター (footer.php 経由)
<div id="footer-name">
<a href="<?php echo esc_url( __( 'http://rachelsilberman.com/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"><?php printf( __( 'Website created by %s', 'twentytwelve' ), 'Rachel Silberman' ); ?></a>
</div>
そして、functions.php にある追加のサイドバーを作成するために使用したコードです。
register_sidebar( array(
'name' => __( 'Footer', 'twentytwelve' ),
'id' => 'sidebar-2',
'description' => __( 'Appears on footer', 'twentytwelve' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3>',
'after_title' => '</h3>',
) );