Themes y Diseño
está resueltoHola. Desde hace rato vengo investigando esto y no doy.
Diseño mis plantillas con artisteer, pero siempre se coloca el titulo sobre la foto, la idea es que aparezca al lado de la foto, asi:
el codigo que uso para llamar las noticias es este:
div.pochos {
width: 600px;
text-align: justify;
clear: left;
}
div.pochos img {
width: 100px;
height: 80px;
padding: 3px;
margin: 5px 5px 10px 0px;
border:1px solid #CCCCCC;
}
.pochos h2 a {
font-size: 20px;
color: #214559;
text-decoration: none;
font-family: Oswald, Helvetica, Sans-Serif;
}
gracias
Tienes qe colocar el thumbnail o imagen antes del titulo, dentro de un contenedor al que le das float left. Eso lo hago en http://www.cyberdocentes.com
Ejemplo:
| container de imagen | container de titulo |
| | the_excerpt |
| div con clear para limpiar |
Espero que salga bien el ejemplo.
Sabia que tu serias el primero en responder mi amigazo fliberty...por cierto, me encanto tu web, muy creativa.
Bien...logro entender tu solucion, pero me ayudarias mas si me das el codigo con base en el que expongo 
Haber como lo haríamos:
<div class="post">//Abrimos un container para todo
<div class="image_post">//Container para la imagen
</div>
<div class="content">//Abrimos un container para el contenido
<h2 class="title"><?php the_title(); ?></div>//El título
<div class="excerpt">//opcional
<?php the_excerpt(); ?>
</div>//Cerramos excerpt
</div>//Cerramos content
<div class="clear"></div>
</div>//Cerramos postCSS:
.post{width: 100px;} //Ancho de prueba
.image_post{float: left; width: 20px;}
.content{float: left; width: 70px; margin-left: 10px;} //20+70+10 = 100px
h2.title a{font:20px "century gothic"; color: #0000ff;}//Formatos que quieras
.excerpt{text-align: justify;}//formatos que quieras
.clear{clear: both;} //limpieza
No se si funcione a la perfección, lo acabo de escribir en respuesta. Pero básicamente esa es la idea, dos contenedores secundarios dentro de un contenedor principal para todo el post. En el primer contenedor secundario va la imagen y en el segundo todo lo demás: título, extracto, metas, etc.
Espero haber sido de ayuda.
Se me olvidaba, estaba checando los dibus que habías puestos, y me doy cuenta de que el esquema qe te he propuesto es diferente.
Para ese caso ya no deberías crear dos contenedores secundarios, si no que dentro del contenedor para el "post", coloques antes la llamada a la imagen y le apliques un float left, en el caso del código que estás mostrando me imagino que la imagen la carga el the_content, para lo que quieres hacer tendrías que cargarla manualmente con una función para extraer la imagen del post y mostrarla a través de una función, y utilizar the_excerpt en lugar de the_content, para que no muestre la imagen del contenido.
Ufff Fliberty pero lo de "cargar la imagen manualemnete" no me gusta mucho....tu sabes, ahora las cosas tienen que ser "ya" de una..y muchos de mis clientes no se le mediran a este sistema, debe haber algo mas sencillo que llame la imagen y la coloque al lado de titulo...vamos amigo, tu eres un berraco en esto dame una mano!:)
Por eso mismo te digo amigo, en el listado del post ya no mostrarías el contenido con the_content, si no con the_excerpt para que no muestre las imágenes.
Ahora para mostrar las imágenes yo utilizo dos formas, una con una función que extrae las imágenes y/o utilizar campos personalizados.
La función para extraer la primera imagen del post:
Y su utilización:
Esto carga la URL de la primera imagen que se ha insertado en el post; con esto ya no te tienes por preocupar por estar insertando datos en meta boxes y/o custom fields.
Espero haber sido de ayuda.
Nada amigo al colocar el codigo en el funtion.php del tema sale este mensaje en la web: Parse error: syntax error, unexpected '=', expecting ')' in /home/luchosar/public_html/wp/wp-content/themes/OFERTAS3/functions.php on line 1154
Pero bueno...se intento gracias compadre.
Supongo que debe haber un espacio en blanco o algo que no has copiado bien, ya que esa función la utilizo en muchos de los themes que realizo.
Ummm, volvi hacer el ejercicio y lo mismo....una cosa, el codigo lo pego al final del funtion.php, es decir, abro el archivo y al final pego tu codigo....es asi?
Así es lucho, cualquier cosa estoy a tu disposición.
Para luchosar: si has puesto el código después del "?>" que cierra el archivo functions.pho, te dará un error.
Para fliberty: copia el código en http://tinypaste.com/ y así no habrá errores al copiar-pegar.
Un saludo.
Aquí está en tinypaste: http://tinypaste.com/479d7e27
La utilización ya lo dejé más arriba...
Almendron, gracias por tu aporte.
Fliberty, la cosa mejoro, sale el titulo, debajo de este la url de la imagen (no la inmagen) y sigue el texto o parrafo...que pena tanta joda.
El codigo que la llama:
algo estoy haciendo mal.........
Que tal Lucho, el código lo tienes que utilizar dentro de la etiqueta img, o sea:
(img src="<?php echo img($tamanio ='portada_url'); ?>" alt="<?php the_title(); ?>" /)
Reemplaza "(" por "<" y ")" por ">" en la etiqueta img.
La función como te mencioné extrae la URL de la primera imagen de la entrada, por lógica si extrae la URL tendríamos que cargarla dentro de la etiqueta img.
Uala !!!!!!!!!!!!!!! Gloria a Dios...perfecto salio de una...Uffffff, me dio duro pero gracias a ti Fliberty lo consegui, muy amable por tu paciencia, gracias, muchas gracias y Feliz Navidad.
En resumen, por si acaso alguien quiere aplicarlo:
Este es el codigo en el look.........
Este el CCS..........
y este otro en funtion.php...al final
Fliberty una ultima pregunta, veo que automaticamente recorta el texto eso es una maravilla, pero donde altero el numero de caracteres para que aparezcan menos ?
Busca alguna función para limitar el excerpt.
Recordé que tenía una:
/*Funcion para limitar excerpt*/
function excerpt($limit) {
$excerpt = explode(' ', get_the_excerpt(), $limit);
if (count($excerpt)>=$limit) {
array_pop($excerpt);
$excerpt = implode(" ",$excerpt).'...';//Cambia '...' por lo que quieres que se muestre al final del texto.
} else {
$excerpt = implode(" ",$excerpt);
}
$excerpt = preg_replace('\[[^\]]*\]','',$excerpt);
return $excerpt;
}
Eso va en el functions.php
Y en lugar de
<?php the_excerpt(); ?>
Tienes que utilizar:
<?php echo excerpt(15); ?>
Donde "15" es la cantidad de caracteres/palabras (no recuerdo a que aplica) a mostrar.
Hola, espero me puedan ayudar. Yo quiere que la portada de mi tema tengo lo que luchosar quiere cambiar. Es decir, que el títulos de las entradas en la portada que solo y debajo, alineado con el extracto, la miniatura. El tema que estoy modificando es Vectors, pero hasta ahora no he tenido éxito. Si me pudieran ayudar, esta es la pagina del tema.
Hola. Desde hace rato vengo investigando esto y no doy.
Diseño mis plantillas con artisteer, pero siempre se coloca el titulo sobre la foto, la idea es que aparezca al lado de la foto, asi:
el codigo que uso para llamar las noticias es este:
< ?php query_posts('cat=1&showposts=3'); ? >
< ?php if (have_posts()) : while (have_posts()) : the_post(); ? >
< div class="pochos" >
< h2 ><a>" rel="bookmark" title="< ?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ? >" >
< ?php the_title(); ? ></a>< /h2 >
< ?php the_content(__('Ampliar...'));? >
< /div >
< ?php endwhile; else: ? >
< ?php endif; ?
y el css es este:
div.pochos {
width: 600px;
text-align: justify;
clear: left;
}
div.pochos img {
width: 100px;
height: 80px;
padding: 3px;
margin: 5px 5px 10px 0px;
border:1px solid #CCCCCC;
}
.pochos h2 a {
font-size: 20px;
color: #214559;
text-decoration: none;
font-family: Oswald, Helvetica, Sans-Serif;
}
gracias
Debes Identificarte para publicar.
