Imagen en el titulo de un post/página?

Inicio Foros WordPress Themes y Diseño Imagen en el titulo de un post/página?

Etiquetado: ,

Este debate contiene 12 respuestas, tiene 4 mensajes y lo actualizó  Pedro Raul hace 7 años, 7 meses.

  • Autor
    Publicaciones
  • #20690

    Anónimo

    <p>Es posible insertar una imagen en el titulo de un post?</p>
    <p>Son imagenes pequeñas, y me gustaría se vieran exactamente a la derecha de los títulos de las páginas.</p>
    <p>NO siempre es la misma imagen. ¿Hay algun modo?
    </p>

  • #50610

    almendron
    Participante

    Solo veo una forma de hacerlo y es usando los campos personalizados.

    A dicho campo le puedes llamar por ejemplo “thumb”.

    El siguiente paso es añadir el siguiente código allí donde quieras que aparezca la imagen:

    He intentado poner el código pero no hay forma de que salga bien. Puedes mirarlo en el codex de WordPress:

    http://codex.wordpress.org/Function_Reference/get_post_meta (sección Simple Loop Example). Hay justo un ejemplo para colocar una imagen.

    Después, cuando hagas una nueva entrada, basta con que indiques la URL de la imagen. La primera vez deberás ir a campos personalizados, clic en “nuevo”, introducir el nombre del campo y poner la URL de la imagen. Después, el nuevo campo ya te saldrá en el desplegable y solo deberás introducir la URL.

  • #50612

    imported_fliberty
    Participante

    Campos personalizados o metaboxes, creo que sería la opción lógica y posible para hacerlo siempre y cuando las imágenes son diferentes entre cada post, y si quieres que sea una imagen según la categoría donde está publicada creo que sería nada más con un if(is_category ó if(in_category; y si es una imagen para todos los post, sol bastaría con insertar el código de la imagen al inicio el código que imprime el título.

  • #50618

    Pedro Raul
    Participante

    ¿cúal es el criterio de la inserción de la imagen?

  • #50621

    Anónimo

    Pues los tiros van por ahi, pero yo seré muy torpe o mi theme es muy complejo, pero no soy capaz de hacerlo. No me hace ni caso.

    En mi caso es para un blog sobre hoteles, y quiero que aparezcan las estrellas al lado del nombre del hotel. Entonces CREO:

    1º Creo un campo personalizado llamado ESTRELLAS-HOTEL (y ahi debería ir un código con los “if” que aún no sé como se escribe donde según la categoría de la página pueda mostrar una imagen u otra de las 5 disponibles)

    2º Debo añadir un código en la página “simple.php” después del:

    ¿Es ahí el sitio?¿Esos son los dos únicos pasos? He probado con diferentes códigos pero no soy capaz de que salga nada al lado del title

  • #50624

    Pedro Raul
    Participante

    dos caminos:

    1. creas 5 imágenes , cada una con el numero de estrellas correspondientes, en el campo personalizado, solo indicas que numero de estrellas, ejemplo: 3

    2. solo una imagen de una estrella, en el campo personalizado ira el número para usarlo en el loop que imprimirá las estrellas

    aquí como puedes usar los campos personalizados:

    http://www.wordpresslatino.net/tutoriales/como-usar-los-campos-personalizados

    puedes leer ademas. (busca en el google)

    php loop

  • #50625

    Anónimo

    Pues sigue sin aparecer nada, quizás mi theme es demasiado complejo y no pongo los códigos bien o en el sitio correcto, porque yo quiero que aparezca EN EL TITULO y eso tampoco lo explican en casi ningun sitio.

    🙁

  • #50629

    Pedro Raul
    Participante

    localiza desde donde se imprime el titulo, lee el código

  • #50630

    Anónimo

    He llegado a la conclusión que el código debe ir por aqui…

    Debería ser en el $after, pero $after solo acepta textos, no acepta la función que debo incrustrar:

  • #50631

    Pedro Raul
    Participante

    si lo pones asi

  • #50632

    Anónimo

    Así no consigo la imagen dentro del title, aunque por ahora he recurrido a algo parecido.
    Me parece que ya lo doy por imposible.

  • #50639

    imported_fliberty
    Participante

    Después de trabajar varios themes utilizando custom fields, me he vuelto un poco experto al respecto (aunque recién acabo empezar a utilizar metaboxes).

    Los custom fields pueden crearse desde el functions.php ó desde la creación de entradas, asignándoles las key que deseemos, de esta manera podremos crear en tu caso le llamaremos “hotel”, y en valor como dijo Pedro, sólo tienes que agregar los números del 1 al 5 según sea el caso, donde 1 será una imagen con una estrella, 2 => 2 estrellas, 3 => tres estrellas, etc…

    Crea las imágenes, cuyo nombre serán 1.jpg, 2.jpg, 3.jpg, 4.jpg y 5.jpg; los formatos puden ser gif, png, lo que desees, pero todas deben tener el mismo formato.

    Para implementar el custom field en el theme tienes que agregar el siguiente código después del inicio del loop:

    Quedando el loop de esta forma:

    Eso dará inicio al custom field dentro del post, y ahora nos toca imprimir el valor del custom field.

    La impresión de un custom field se realiza co el siguiente código:

    Ahora modifiquemos el título de esta forma:

    Un título normal:

    Implementando nuestra imagen:

    Ahora si todas las entradas serán de hoteles y a cada una de ellas le vas a asignar estrellas, ya no sería necesario el if, quedando de la siguiente manera:

    Si tienes alguna duda, no dudes en preguntar.

    PD. El uso de las metaboxes es parecido, pero creo que es mucho más limpia en cuanto a integrar el metabox en el theme.

    Por la modificación del código insertado, he modificado las etiquetas <img y <a por: [img y [a

  • #50672

    Pedro Raul
    Participante

    [quote]Así no consigo la imagen dentro del title, [/quote]

    hummm.

    lo quieres así, (* igual a estrella)

    Hotel libertador ***** del cuzco (¿aquí las estrellas están dentro del título?)
    ***** Hotel Libertador del cuzco (¿aquí las estrellas esta antes del título?)
    <h1>***** Hotel Librtador del cuzco </h1> (¿lo que esta dentro de esto, ¿es el título?)

    explicate un poco mas.

    una cosita más, Fliberty, haz que funcionen sus neuronas, no se lo pongas de esa manera, cosa que así aprende más.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest