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

Cambios CSS

Estas en el tema de Cambios CSS en el foro de WordPress en Foros del Web. Hola chicos, Me gustaría saber como puedo poner la Categoría de mi post (encima del post en negrita) en la misma línea de la FECHA ...
  #1 (permalink)  
Antiguo 12/03/2014, 13:26
Avatar de miguelgalannunez  
Fecha de Ingreso: febrero-2012
Mensajes: 158
Antigüedad: 12 años, 2 meses
Puntos: 0
Cambios CSS

Hola chicos,

Me gustaría saber como puedo poner la Categoría de mi post (encima del post en negrita) en la misma línea de la FECHA y Nº Comentarios del mismo post.

http://wastedstatus.com/category/ws/

Y otra duda. ¿Cómo puedo cambiar el idioma de COMMENTS a COMENTARIOS?

Muchas gracias!!
  #2 (permalink)  
Antiguo 16/03/2014, 20:44
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Cambios CSS

usando el buscador puedes encontrar todo

por ejemplo busca "how get post category"

y aplicando la misma idea para el resto de las cosas que mencionas encontraras facilmente como hacerlo.
  #3 (permalink)  
Antiguo 18/03/2014, 10:56
Avatar de miguelgalannunez  
Fecha de Ingreso: febrero-2012
Mensajes: 158
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Cambios CSS

¡¡Gracias ArturoGallegos!!

Pero no logro conseguir insertar el código dentro del mío y que aparezca la categoría entre la fecha y el nº de comentarios. ¿Me podrías tirar un cable por favor?

Este es el código del contenido de los posts

<?php
/**
* @package Graphy
*/
?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<h1 class="entry-title"><?php the_title(); ?></h1>
<?php graphy_header_meta(); ?>
<?php if ( has_post_thumbnail() ): ?>
<div class="post-thumbnail"><?php the_post_thumbnail(); ?></div>
<?php endif; ?>
</header><!-- .entry-header -->

<div class="entry-content">
<?php the_content(); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'graphy' ), 'after' => '</div>', ) ); ?>
</div><!-- .entry-content -->
<?php graphy_footer_meta(); ?>
</article><!-- #post-## -->

Muchas gracias!!
  #4 (permalink)  
Antiguo 18/03/2014, 18:45
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 14 años, 9 meses
Puntos: 429
Respuesta: Cambios CSS

Por favor usa highlight para postear código, para que sea más fácil de leer.

A falta de saber qué codigo has intentado insertar en el tuyo te sugiero echar un vistazo a las etiquetas de WordPress: https://codex.wordpress.org/Template_Tags#Category_tags

Sobre todo a estas tres:
the_category,
the_date
get_comments_number
Inténtalo y luego nos cuentas si has tenido algún problema.
__________________
Mi blog personal | Mi G+
  #5 (permalink)  
Antiguo 20/03/2014, 06:01
Avatar de miguelgalannunez  
Fecha de Ingreso: febrero-2012
Mensajes: 158
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Cambios CSS

Hola Zanguanga!! Muchas gracias por tu ayuda..

Mira.. solo he conseguido colocar la categoría a la que pertenece cada post debajo de la línea de Fecha y nº de comentarios -> http://wastedstatus.com/

Pero quiero ponerlo entre la fecha y el nº de comentarios. Y la plantilla de wordpress no me da ninguna opción a modificar el entry-meta desde el panel. Creo que tendré que hacerlo con códigos pero no se..



Muchas gracias

Miguel
  #6 (permalink)  
Antiguo 20/03/2014, 11:53
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 14 años, 9 meses
Puntos: 429
Respuesta: Cambios CSS

Para eso te he dejado esos enlaces, para que aprendas a hacerlo. Si has podido con la categoría podrás con lo demás. Es igual de fácil. Revisa los enlaces y haz tus pruebas, si te surge algún problema concreto muestra el nuevo código y vuelve a preguntar
__________________
Mi blog personal | Mi G+
  #7 (permalink)  
Antiguo 20/03/2014, 16:09
Avatar de miguelgalannunez  
Fecha de Ingreso: febrero-2012
Mensajes: 158
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Cambios CSS

Pues lo intento y lo intento y nada.

Este es el código donde estoy ahora dentro el archivo template-tags.php

Código PHP:
Ver original
  1. <div class="entry-meta">
  2.         <span class="posted-on"><?php _e( 'Posted on', 'graphy' ); ?>
  3.             <?php printf( '<a href="%1$s" rel="bookmark"><time class="entry-date published" datetime="%2$s">%3$s</time></a>',
  4.                 esc_url( get_permalink() ),
  5.                 esc_attr( get_the_date( 'c' ) ),
  6.                 esc_html( get_the_date() )
  7.             ); ?>
  8.         </span>
  9.         <?php if ( ! get_theme_mod( 'graphy_hide_author' ) ) : ?>
  10.         <span class="byline"><?php _e( 'by', 'graphy' ); ?>
  11.             <span class="author vcard">
  12.                 <?php printf( '<a class="url fn n" href="%1$s">%2$s</a>',
  13.                     esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
  14.                     esc_html( get_the_author() )
  15.                 ); ?>
  16.             </span>
  17.         </span>
  18.         <?php endif; ?>
  19.         <?php if ( ! post_password_required() && ( comments_open() || '0' != get_comments_number() ) ) : ?>
  20.         <span class="comments-link">&middot; <?php comments_popup_link( __( 'Leave a comment', 'graphy' ), __( '1 Comment', 'graphy' ), __( '% Comments', 'graphy' ) ); ?>
  21.         <?php the_category( $separator, $parents, $post_id ); ?>
  22.         </span>
  23.         <?php endif; ?>
  24.     </div><!-- .entry-meta -->
  25.     <?php

El resultado es el siguiente: http://wastedstatus.com/category/week-photos/ la categoría se encuentra debajo de la línea de la fecha y el nº de comentarios. Pero lo quiero en medio.

Muchas gracias
  #8 (permalink)  
Antiguo 20/03/2014, 16:26
Avatar de miguelgalannunez  
Fecha de Ingreso: febrero-2012
Mensajes: 158
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Cambios CSS

Ahora he conseguido meter la categoría entre la fecha y el nº de comentarios pero me aparecen en 3 líneas.

Código PHP:
Ver original
  1. <div class="entry-meta">
  2.         <span class="posted-on"><?php _e( 'Posted on', 'graphy' ); ?>
  3.             <?php printf( '<a href="%1$s" rel="bookmark"><time class="entry-date published" datetime="%2$s">%3$s</time></a>',
  4.                 esc_url( get_permalink() ),
  5.                 esc_attr( get_the_date( 'c' ) ),
  6.                 esc_html( get_the_date() )
  7.             ); ?><?php the_category( $separator, $parents, $post_id ); ?>
  8.         </span>
  9.         <?php if ( ! get_theme_mod( 'graphy_hide_author' ) ) : ?>
  10.         <span class="byline"><?php _e( 'by', 'graphy' ); ?>
  11.             <span class="author vcard">
  12.                 <?php printf( '<a class="url fn n" href="%1$s">%2$s</a>',
  13.                     esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
  14.                     esc_html( get_the_author() )
  15.                 ); ?>
  16.             </span>
  17.         </span>
  18.  
  19.         <?php endif; ?>
  20.         <?php if ( ! post_password_required() && ( comments_open() || '0' != get_comments_number() ) ) : ?>
  21.         <span class="comments-link">&middot; <?php comments_popup_link( __( 'Leave a comment', 'graphy' ), __( '1 Comment', 'graphy' ), __( '% Comments', 'graphy' ) ); ?></span>
  22.         <?php endif; ?>
  23.     </div><!-- .entry-meta -->

La línea de código de la categoría es -> <?php the_category( $separator, $parents, $post_id ); ?>

Pero no se donde colocarla para que me salgan las tres opciones (fecha · categoría · nº de comentarios) en una misma línea.

Gracias
  #9 (permalink)  
Antiguo 22/03/2014, 09:05
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 14 años, 9 meses
Puntos: 429
Respuesta: Cambios CSS

Tendrás que tocar el CSS del listado generado para las categorías, identifica la clase a la cual pertenece y sustituye clase por el nombre de la clase
Cita:
ul.el-nombre-de-la-clase-a-la-que-pertenece {
display: inline;
}
Si no vas a establecer ninguna variable personalizada en la etiqueta the_category elimina lo que tienes en el paréntesis excepto las comillas. Mira el ejemplo de uso en http://codex.wordpress.org/Function_...e/the_category

Para trastear plantillas necesitas unos mínimos conocimientos de HTML y CSS. En librosweb.es tienes magníficos manuales gratuitos para introducirte.
__________________
Mi blog personal | Mi G+

Etiquetas: cambios, css, post
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 16:55.