it-swarm-es.com

¿Existe la posibilidad de personalizar el tema actual agregando barras laterales?

Estoy usando un tema de WordPress que acaba de encabezado y pie de página. Me gustaría continuar usándolo cambiando el ancho y agregando barras laterales.

¿Podría alguien ayudarme a cambiar el ancho (para ajustarse a la pantalla) del tema? ¿Alguien tiene una idea sobre cómo agregar barras laterales a este tema?

==========

Lo siento por no dejar claro en mi pregunta anterior. El tema que estoy usando es Minicard

Las líneas similares a ...

if (function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Sidebar Widgets',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>'
    ));

ya estan ahi.

Este es el código que encontré allí:

if ( function_exists('register_sidebar') ) {

    register_sidebar(array(
        'name' => __('Beneath the Card (Top)', 'minicard'),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '<div class="clear"></div></li>',
        'before_title' => '<h2 class="section widgettitle">',
        'after_title' => '</h2>',
    ));
    register_sidebar(array(
        'name' => __('Beneath the Card (Bottom)', 'minicard'),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '<div class="clear"></div></li>',
        'before_title' => '<h2 class="section widgettitle">',
        'after_title' => '</h2>',
    ));
}

Así que he creado el archivo sidebar.php y he agregado el código que ha dado para la barra lateral.

Más tarde he intentado añadir el siguiente código:

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

a CSS.

Después de hacer estos cambios, busqué la barra lateral y no encontré ninguno adicional.

1
user391

En general, puede cambiar el ancho del archivo style.css, que se encuentra en el directorio de temas (use firebug para determinar el elemento).

Para agregar barras laterales ... use este tutorial .

1
negatif

@ usuario391,

Si desea usar widgets de barra lateral, agregue el siguiente código a su archivo functions.php

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Sidebar Widgets',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>',
    ));

A continuación, deberá determinar el ID de CSS o la clase que envuelve su contenido principal o sus publicaciones. Por lo general, esto se puede encontrar al mirar su archivo index.php justo debajo de <?php get_header(); ?>

Debería ver algo como <div id="content"> pero podría llamarse otra cosa. En la parte inferior de la página, busque el div de cierre, es decir: </div>, que generalmente está justo antes de <?php get_footer(); ?>, algunos temas cerrarán los divs de contenido en footer.php si este es el caso, tendrá que quitarlo de footer.php y colocarlo correctamente antes de <?php get_footer(); ?>

A continuación, debe agregar <?php get_sidebar(); ?> después del cierre div y antes de <?php get_footer(); ?> y crear un nuevo archivo de plantilla llamado sidebar.php

Agregue el siguiente código a sidebar.php

<div id="sidebar">

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Widgets') ) : ?><?php endif; ?>

</div><!--/sidebar-->

A continuación, tendrá que modificar su CSS para acomodar la barra lateral. Encuentra #content o el id o nombre de clase que encontraste arriba, cambia el ancho y flota a la izquierda y agrega la barra lateral que acabamos de crear arriba. Por ejemplo:

#content {
    width:620px;
    float:left
}

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

Es posible que tenga que ajustar los anchos según el ancho de la división de envoltura principal.

Ahora puede agregar contenido a la barra lateral utilizando los widgets en su panel de WordPress.

1
Chris_O