0

私は最初の 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>',
) );
4

1 に答える 1

0

フッターのテキストを中央に配置したい場合は、これを試すことができます

div#footer-name {
    background-color: aqua;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; // added this line
}
于 2013-01-12T20:47:32.823 に答える