entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

como mantener cambios Widget Categorias de Wordpress?

He realizado unos cambios al widget de categorias que por defecto trae wordpress..

el archivo es default-widgets.php

cambie estas lineas... (aprox en la linea 483)

        <ul>
<?php
        $cat_args['title_li'] = '';
        wp_list_categories(apply_filters('widget_categories_args', $cat_args));
?>

        </ul>

las cambie por lo siguiente ya que la funcionalidad de mi CSS se necesita:

        <ul>
<?php
        $cat_args['title_li'] = '';
        wp_list_categories(apply_filters('widget_categories_args', $cat_args));
?>

        </ul>
        <div style="clear: both;"></div><!-- by elporfirio -->

¿Donde puedo meter el código, para que cuando actualize el sistema no me tenga que poner a buscar esta linea otra vez y hacer los cambios?

0voto

elporfirio comentado

Agrego JS Fiddle de como esta http://jsfiddle.net/elporfirio/68Xem/

5 Respuestas

0voto

elporfirio Puntos2450

Lista la respuesta despues de mucho le meti más tiempo y la oslucion es crear un objeto que adquiera la propiedad... d ehehco solo le di clearfix en google y aparecio la solucion:

.widget:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

Gracias por sus aportaciones (y) aqui como trabaja:

http://jsfiddle.net/elporfirio/3wCYp/

1voto

Peter Puntos150400

Por lo que veo lo único que necesitas es estilo y puedes ponerlo directamente en la hoja de estilos CSS de tu tema. No tienes que modificar los archivos fuente de Wordpress para eso.

Cuando lo que necesites es modificar como tal el comportamiento y necesites agregar funciones, utiliza el archivo functions.php de tu tema, ahí es donde puedes poner todo tu código sin que afecte nada cuando actualices WordPress.

Saludos.

0voto

elporfirio comentado

El estilo CSS ya lo tengo pero necesito ese DIV Clear.. o el div widget se queda con un tamaño minimo ya que no reconoce el float de mis listas... la descripción gráfica aquí tambien:

enter image description here

0voto

Peter comentado

¿Tienes la web para poderla ver y decirte si se puede aplicar el estilo directamente? Si puedes poner el URL y mencionar que Widget es, mejor, así podemos ver exactamente las cosas.

Saludos.

0voto

elporfirio comentado

http://elporfirio.com es el menu de categorías

0voto

Peter comentado

¿Y probaste con la respuesta que te puse?

Saludos.

0voto

Leonardo-Tadei Puntos227320

Peter tiene toda la razón: esto es soo un cambio de estilo.

Bastaría con que definas en el CSS que el UL (o quien contiene al UL) tiene como propiedad clear: both; para obtener el mismo resultado.

0voto

elporfirio comentado

noup en este caso el UL o el Div widget, harian el clear: both.. a los elementos que esten en su nivel. y no a sus hijos.

Si yo no pongo ese div o cualquier otra cosa, el div contenedor (widget) NO cambia su propiedad height; y se ve solo un trozo en ves de que adopte el height total de una cantidad "n" de elementos dentro de el.

Vamos a la descripcion grafica: enter image description here

0voto

Leonardo-Tadei comentado

Y poner cada LI con ancho al 50% y display block?

Si podés poner esta hoja estática en algún URL, podríamos probar editarle el CSS para ver si consegjuimos el resultado sin agregar HTML...

0voto

elporfirio comentado

0voto

Peter Puntos150400

No se puede apreciar todo el sitio y como tengas las cosas, pero después de ver tu ejemplo, igual y con esto solucionas todo.

#categories-2 {
float: left;
}

Prueba y nos dices.

Saludos.

0voto

Leonardo-Tadei Puntos227320

Sobre tu código, y si no entiendo mal lo que querés, lo que te hace falta es esto:

.widget {
    border: thin rgba(204,204,204,1) dashed;
    width: 290px;
    height: 280px;
    background-color: #999;
    clear: both; 
}
.widget ul{
}
 .widget li{
    float: left;
    width: 115px;
}

.widget li a {
    transition: all 0.5s;
    padding-left: 10px;
}

.widget li:hover{
    background-color: rgba(204,204,204,0.5);
    color: rgba(255,255,255,1);
}

.widget li a{
    display: block;
}

.widget li:nth-of-type(even){
    float: left;
    margin-left: 10px;

}

Acá está esa versión: http://jsfiddle.net/Re7W2/

0voto

elporfirio comentado

agregaste width y height? al .widget?

si es así... la medida height es aleatoria pues las categorias pueden ser menos o pueden ser muchas.

Entonces no aplicaría . Saludos.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta