Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Color, tipo de letra y tamaño

Estas en el tema de Color, tipo de letra y tamaño en el foro de WordPress en Foros del Web. Hola amigos de nuevo por aca, bueno estoy trabajando con los widgets y el cliente me pidio que las alertas (Descripcion) las coloque de color ...
  #1 (permalink)  
Antiguo 16/08/2014, 12:58
Avatar de satanson123  
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 8 años, 2 meses
Puntos: 2
Color, tipo de letra y tamaño

Hola amigos de nuevo por aca, bueno estoy trabajando con los widgets y el cliente me pidio que las alertas (Descripcion) las coloque de color rojo. Quisiera saber como colocar la descripcion algo de color en el siguiente codigo.

Código PHP:
if ( function_exists('register_sidebar') ){
    
register_sidebar(array(
        
'name' => __'Sidebar Top''sidebar-top' ),
        
'description' => __'Colocar una imagen no mas de 500x100' ),
        
'before_widget' => '<div id="sidebar-top">',
        
'after_widget' => '</div>',
        
'before_title' => '<div id="title-sidebar" style="display:none;">',
        
'after_title' => '</div>',
));

  #2 (permalink)  
Antiguo 16/08/2014, 14:33
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.747
Antigüedad: 12 años, 7 meses
Puntos: 1134
Respuesta: Color, tipo de letra y tamaño

1.- ID en HTML debe ser único, si colocas un ID en los widgets tu sitio se plagara de errores, cámbialo por una clase.

2.- este es tema de CSS si tienes X clase y quieres afectar sus elementos simplemente coloca en tu archivo CSS

.miclase elemento{color:#f00;}
  #3 (permalink)  
Antiguo 16/08/2014, 19:50
Avatar de satanson123  
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 8 años, 2 meses
Puntos: 2
Respuesta: Color, tipo de letra y tamaño

Cita:
Iniciado por ArturoGallegos Ver Mensaje
1.- ID en HTML debe ser único, si colocas un ID en los widgets tu sitio se plagara de errores, cámbialo por una clase.

2.- este es tema de CSS si tienes X clase y quieres afectar sus elementos simplemente coloca en tu archivo CSS

.miclase elemento{color:#f00;}
Disculpa mi ignorancia mi amigo pero cual viene siendo el elemento?
  #4 (permalink)  
Antiguo 16/08/2014, 20:46
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.747
Antigüedad: 12 años, 7 meses
Puntos: 1134
Respuesta: Color, tipo de letra y tamaño

con elemento me quise referir a lo que quieres afectar, si es un parrafo seria una "p" si es un enlace una "a" si es una clase pues obviamente el nombre de esta .... y una larga lista de etc etc.
  #5 (permalink)  
Antiguo 16/08/2014, 21:59
Avatar de satanson123  
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 8 años, 2 meses
Puntos: 2
Respuesta: Color, tipo de letra y tamaño

Cita:
Iniciado por ArturoGallegos Ver Mensaje
con elemento me quise referir a lo que quieres afectar, si es un parrafo seria una "p" si es un enlace una "a" si es una clase pues obviamente el nombre de esta .... y una larga lista de etc etc.
Ok. Pero con lo que me dijiste no me respondiste lo que pregunte. Por favor lee lo que quiero hacer para que sepas bien, lo que quiero afectar es la description que esta en el codigo de widgets mas arriba. Saludos.
  #6 (permalink)  
Antiguo 16/08/2014, 22:13
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.747
Antigüedad: 12 años, 7 meses
Puntos: 1134
Respuesta: Color, tipo de letra y tamaño

Te reitero mi respuesta, este es problema meramente de CSS.

Sea en el backend o en el frontend... simplemente revisa el código fuente y edita la hoja de estilos correspondiente o bien agrega una nueva para colocar estilos nuevos.
  #7 (permalink)  
Antiguo 17/08/2014, 06:52
Avatar de satanson123  
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 8 años, 2 meses
Puntos: 2
Respuesta: Color, tipo de letra y tamaño

Cita:
Iniciado por ArturoGallegos Ver Mensaje
Te reitero mi respuesta, este es problema meramente de CSS.

Sea en el backend o en el frontend... simplemente revisa el código fuente y edita la hoja de estilos correspondiente o bien agrega una nueva para colocar estilos nuevos.
Yo se que es con css pero te explicare mejor.

En el codigo siguiente esta en function.php:

Código PHP:
// Registro Sidebar top
if ( function_exists('register_sidebar') ){
    
register_sidebar(array(
        
'name' => 'Sidebar Top',
        
'id' => 'sidebar-top',
        
'description' => __'Colocar una imagen no mas de 500x100px.' ),
        
'before_widget' => '<div class="sidebar-top">',
        
'after_widget' => '</div>',
        
'before_title' => '<div class="title-sidebar" style="display:none;">',
        
'after_title' => '</div>',
));

Yo quiero afectar la parte:

Código PHP:
'description' => __'Colocar una imagen no mas de 500x100px.' ), 
Para darle color, tipo de letra y tamaño, que esta parte corresponde a la siguiente imagen la parte rodeado de rojo.



Lo e puesto de todas manera posible y no logro hacerlo, se que algo estoy haciendo mal.
  #8 (permalink)  
Antiguo 17/08/2014, 09:15
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.747
Antigüedad: 12 años, 7 meses
Puntos: 1134
Respuesta: Color, tipo de letra y tamaño

Vale supongo que te estas estresando de mas y ya estas en el punto en que te cierras :D

si revisas el código fuente de esa sección veras


con lo cual caerías en cuenta que agregando este código afectarías dicho elemento obteniendo el resultado deseado.
Código CSS:
Ver original
  1. .sidebar-description *{color:#f00;}

Ahora bien ese código afecta a toda la pagina donde este esa clase por lo que la sección que dice "widgets disponibles" también se ve afectada... si solo quieres que los paneles de la derecha se afecten agrégale un poco mas de especificidad a la regla css dejando por ejemplo
Código CSS:
Ver original
  1. #widgets-right .sidebar-description *{color:#f00;}

La regla css puede ser tan especifica como la necesites según el elemento/sección que desees afectar.

Como nota: recuerda que esta regla CSS debe estar en una hoja de estilos que se cargue del lado del administrador/backend ya sea en el template o directamente en wordpress según tu prefieras.
  #9 (permalink)  
Antiguo 17/08/2014, 20:07
Avatar de satanson123  
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 8 años, 2 meses
Puntos: 2
Respuesta: Color, tipo de letra y tamaño

Cita:
Iniciado por ArturoGallegos Ver Mensaje
Vale supongo que te estas estresando de mas y ya estas en el punto en que te cierras :D

si revisas el código fuente de esa sección veras


con lo cual caerías en cuenta que agregando este código afectarías dicho elemento obteniendo el resultado deseado.
Código CSS:
Ver original
  1. .sidebar-description *{color:#f00;}

Ahora bien ese código afecta a toda la pagina donde este esa clase por lo que la sección que dice "widgets disponibles" también se ve afectada... si solo quieres que los paneles de la derecha se afecten agrégale un poco mas de especificidad a la regla css dejando por ejemplo
Código CSS:
Ver original
  1. #widgets-right .sidebar-description *{color:#f00;}

La regla css puede ser tan especifica como la necesites según el elemento/sección que desees afectar.

Como nota: recuerda que esta regla CSS debe estar en una hoja de estilos que se cargue del lado del administrador/backend ya sea en el template o directamente en wordpress según tu prefieras.
Bueno amigo lo logre pero tengo otra pregunta mas, si actualizo el wordpress se elimina este css??
  #10 (permalink)  
Antiguo 17/08/2014, 20:10
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.747
Antigüedad: 12 años, 7 meses
Puntos: 1134
Respuesta: Color, tipo de letra y tamaño

si lo agregas en el template no se borra, si lo agregas en un archivo propio de wordpress si se borra o al menos hay posibilidad.
  #11 (permalink)  
Antiguo 18/08/2014, 16:26
Avatar de satanson123  
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 8 años, 2 meses
Puntos: 2
Respuesta: Color, tipo de letra y tamaño

Cita:
Iniciado por ArturoGallegos Ver Mensaje
si lo agregas en el template no se borra, si lo agregas en un archivo propio de wordpress si se borra o al menos hay posibilidad.
Lo agrego al css de mi themes y no hace efecto.
  #12 (permalink)  
Antiguo 18/08/2014, 17:11
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.747
Antigüedad: 12 años, 7 meses
Puntos: 1134
Respuesta: Color, tipo de letra y tamaño

con que código invocas o haces que cargue la hoja de estilos en el lado del administrador, si lo estas colocando en los archivos style.css u otro que tenga que ver con el frontend no te servirá de nada... tienes que utilizar una hoja de estilos distinta que se este cargando en el administrador.


por ejemplo
Código PHP:
Ver original
  1. function veritas_admin_scripts() {
  2.     wp_enqueue_style('admin-css', ROOT_THEME_URI . 'css/admin.css');
  3. }
  4. add_action('admin_enqueue_scripts', 'veritas_admin_scripts');

Etiquetas: color, letra, tamaño, tipo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:40.