(Wordpress) Dudas básicas para empezar

[opzina]

Hola,

Cree una página y a esta le asigne una plantilla que yo mismo cree con html y css.

Ahora bien....

Desde el editor de esa pagina puedo cargar contenido, ya sea texto, imagenes, etc.

Mi duda es, ¿Cómo le digo a wordpress que el texto que cargo con el editor me aparezca en x lugar? ¿Como le digo al editor que cargue tal imagen en tal lugar?

No se si se entiende.

Saludos.

[Nekko]

Hola! Lee un poco sobre el bucle
http://codex.wordpress.org/The_Loop

La plantilla la hiciste siguiendo la documentación oficial y la colocaste dentro del theme, no?

[opzina]

Gracias por responder,

Pongo un ejemplo:

Con esto traigo: header, content, sidebar y footer.

Ahora bien,
get_content() me trae todo lo que yo cargo en el editor.

Ahrora bien, ¿Cómo diferencio el texto que pongo en el editor de las imagenes? ¿Como publico el texto en un div x y la imagen en otro div para asi poder estructurar segun mi diseño?

Código PHP:

<?php
/*
Template Name: Quienes Somos
*/
?>
<?php get_header(); ?>
 
<div id="columns">
  <div id="centercol">
 
    <?php 
        if (have_posts()) :
            while (have_posts()) :
                the_post();
                the_content();
            endwhile;
        endif;
    ?>
 
  </div>
  <!--/centercol -->
  <?php get_sidebar(); ?>
  <div class="clr"></div>
</div>
<!--/columns -->
<?php get_footer(); ?>
 

Ahora leo The Loop.

[Nekko]

Para colocar cada cosa con sus respectivas etiquetas HTML podés hacerlo así:

Código PHP:

<?php if (have_posts()) : while (have_posts()) :  the_post(); ?>
<h2><?php the_title(); ?>
<div id="contenido">
  <?php the_content(); ?>
</div>
<?php endwhile; endif; ?>
 

Así como trajimos por separado al título con the_title() y a the_content(), podemos buscar las funciones correspondientes al nombre del autor, fecha de publicación, categoría, tags, etc, etc.

Para llamar a las funciones debés abrir y cerrar las llaves PHP de este modo: <?php y ?>.

[opzina]

Gracias,

Eso lo entiendo.

Pero the_content() me trae todo. texto, imagenes, videos, etc.
Como clasifico y pongo cada tipo de contenido en su lugar, para que quede estructurado segun mi diseño?

Ejemplo:
Texto en el editor a un <p>
Imagen en el editor en un <img />
Y asi....

Lo que veo es que wordpress pone cada cosa dentro de un parrafo: Ejemplos:

IMAGEN:

Código HTML:

<p>
<a href="http://localhost/norvenpro/wp-content/uploads/2011/10/3758gr.jpg">
<img class="alignnone size-full wp-image-20" width="300" height="300" alt="" src="http://localhost/norvenpro/wp-content/uploads/2011/10/3758gr.jpg" title="3758gr">
</a>
</p>
 

SALTO DE LINEA:

Código HTML:

<p>&nbsp;</p>
 

TEXTO:

Código HTML:

<p>Esto es un textooo</p>
 

Esto es lo que me muestra el navegador y todo dentro del <div id="content"></div>

No se si se entiendo a lo que apunto..

Lo que yo busco es lo siquiente:

Código HTML:

<div id="content">
 
<div id="izquierda">
     <p>texto aqui</p>
</div>
 
<div id="derecha>
 <img src="" alt="" />
</div>
 
</div>
 

[Nekko]

the_content() extrae todo, como bien has dicho. Si necesitás separar contenidos, para ello yo utilizaría los campos personalizados que te dan libertad para traerlos por separado en el orden que quieras.
http://codex.wordpress.org/Custom_Fields

[opzina]

Gracias,

Chequeo esto y comento!

[AlZuwaga]

Si es sólo una imagen, podés hacer uso de the_post_thumbnail. Si vas a mostrar más de una imagen, tipo galería, tenés que tener en cuenta que las imáenes son attachments del post. Es decir, que debés recorrer los post type attachment cuyo contenido sea una imagen y sean hijos del post en cuestión

[opzina]

Gracias.

Asimilo toda esta info y en caso de una pregunta en particular, aquí estaré.

Saludos.

1ero. todavia no pude manipular en forma independiente el contenido texto del contenido imagen.

2do. Porque wordpress imprime todos parrafos segun cada elemento que pongo en el editor?

Comparten esto conmigo:

¿

"El editor de wordpress es un simple editor de texto. Para cargar otro tipo de contenido, usar otro camino, ya sea, imagen destacada, u algún plugin que gestione otro tipo de contenido que no sea texto".

?

[ArturoGallegos]

a que te refieres con que wordpress imprime todos los párrafos según cada elemento que colocas en el editor?

has de recordar que aun cuando pongas 10, 20 o 30 párrafos con varias imágenes en el editor este representa solo un campo en la base de datos

ahora si lo que quieres es distinguir entre campo del post (no solo el editor) ->titulo, autor, numero de post, etc.
la compañera @Nekko te hizo referencia al

http://codex.wordpress.org/The_Loop

si tomas lectura de este archivo notaras que tienes distintas etiquetas y se distinguen claramente que son, me resultaría difícil de creer que no sepas que es

<?php the_title(); ?>
<?php the_time('F jS, Y') ?>
<?php the_author_posts_link() ?>
y el resto de elementos

[opzina]

Este es mi template, y cumple el objetivo.

En el editor solo pongo texto y the_content(); me trae el texto.
Y en el editor pongo una imagen como destacada y la muestra en el div especifico que yo quiero.

De esta manera puedo separar de alguna manera el texto y colocarlo en el div que yo quiera, y a demás, pongo una imágen donde yo quiero dentro del tamplate.

Quizás hay otras maneras de resolver esto, pero ya que conozco poco wordpress esta solucion me viene bien.

Código PHP:

<?php
/*
Template Name: Quienes Somos
*/
?>
<?php get_header(); ?>
 
<div id="columns">
  <div id="centercol">
 
    <?php if (have_posts()) : ?>
          <?php while (have_posts()) : ?>
          
              <div id="entry" class="nosotros">
                  <?php the_post(); ?>
                  <?php the_content(); ?>
            </div>
            
          <?php endwhile; ?>
    <?php endif; ?>
    
 
  </div> <!--/centercol -->
 
<?php if(has_post_thumbnail()): ?>
    <div id="rightcol" class="how">
         <?php the_post_thumbnail(); ?>
     </div>
<?php endif; ?>
 
 
 
  <div class="clr"></div>
</div>
<!--/columns -->
<?php get_footer(); ?>
 

[AlZuwaga]

Iniciado por opzina

Quizás hay otras maneras de resolver esto, pero ya que conozco poco wordpress esta solucion me viene bien.

Si vas a mostrar sólo una imagen, a mi me parece la solución ideal

[adriantht]

Si estás creando el diseño con un programa y metiéndolo en wordpress.. copiando el contenido del código de tu programa en el editor de wordpress.. asegúrate de pasarlo a HTML utilizando la pestaña correspondiente, sino... wordpress interpreta todo eso como texto y te coloca <p> al principio de casi cada línea y </p> al final.

Si has diseñado los divs y demás en el programa se los va a saltar...