Consulta para incluir enlaces en Imágenes Inicio

amanda85 · #1 (**permalink**) 22/08/2013, 15:47

Hola comunidad!
Este es mi primer mensaje. Vengo leyendo mucho el foro y es uno de los mejores que he encontrado investigando sobre Wordpress!

Tengo un sitio web (complejolaarbolada.com) que está funcionando bien pero hace unos días vengo trabajándolo en local para probar algunas cositas. Es una plantilla gratuita, Simplify.

Estuve mucho tiempo intentando colocar un slide en la página de Inicio y pude encontrar dónde insertar el código del slide (en la versión local).

Ahora lo que quisiera hacer es habilitar 3 imágenes que están en el Home para que los visitantes pudan clickear directamente allí y dirigirse a 3 páginas (internas) respectivamente.

El problema es que no entiendo mucho de PHP y no logro dar con la función que me habilite para poder incluir una URL en cada imagen.

El código de estas imágenes está en featured-box.php:

Código PHP:

 
div id="featured-boxs">

 
<span class="featured-box-first"><h2><?php echo of_get_option('featuredr-title', 'Recent Works'); ?></h2><div class="content-ver-sep"></div><br /><p><?php echo of_get_option('featuredr-description', 'The Color changing options of Simplify will give the WordPress Driven Site an attractive look.'); ?></p></span>

<?php 

$fboxclm = array("1","2","3");

foreach ($fboxclm as $fboxn) { ?>

<span class="featured-box"> 

<img class="box-image" src="<?php echo of_get_option('featured-image' . $fboxn, get_template_directory_uri() . '/images/featured-image' . $fboxn . '.jpg') ?>"/>

<h3><?php echo of_get_option('featured-title' . $fboxn, 'Simplify Theme for Small Business'); ?></h3>

<div class="content-ver-sep"></div><br />

<p><?php echo of_get_option('featured-description' . $fboxn , 'The Color changing options of Simplify will give the WordPress Driven Site an attractive look. Simplify is super elegant and Professional Responsive Theme which will create the business widely expressed.'); ?></p>

</span>

 
<?php }  ?>

</div> <!-- featured-boxs -->

Les paso una imagen para que se vea más claro lo que quiero conseguir:
[URL="https://docs.google.com/file/d/0B6TU5s6VRJADLWduUVFaaklOWW8/edit?usp=sharing"]https://docs.google.com/file/d/0B6TU5s6VRJADLWduUVFaaklOWW8/edit?usp=sharing[/URL]

PD: La "edición" de estas imágenes y del respectivo texto la realizo a través de una página de opciones que me da la plantilla, dentro de Wordpress y no me permite insertar código html en los títulos ni en las imágenes. Pantallazo:
https://docs.google.com/file/d/0B6TU5s6VRJADYzFCLTVwRFdEaDQ/edit?usp=sharing

Desde ya les agradezco cualquier aporte!
Saludos y gracias!

ArturoGallegos · #2 (**permalink**) 22/08/2013, 20:24

no has encontrado la función porque no existe.... tendrás que aprender php y editar el theme

me parece que es el archivo options.php en el folder inc

cabe decir que no es tan difícil como aparenta, solo tienes que leer el código existente para ver como agrega los campos y por lógica sabrás como agregar el que necesitas.

amanda85 · #3 (**permalink**) 23/08/2013, 10:11

Hola Arturo.
Gracias por la respuesta.
Encontré el archivo que mencionaste y dentro del mismo está el código de los Featured-Box:

Código PHP:

Ver original$options[] = array(
        'desc' => '<b>FEATURED BOX: 0' . $fbsinumber . '</b>',
        'type' => 'info');
    
    $options[] = array(
        'name' => 'Image', 
        'desc' => 'Upload an image for the Featured Box. 200px X 100px image is recommended.  If you do not want to show anything here leave the box blank.', 
        'id' => 'featured-image' . $fbsinumber,
        'std' => get_template_directory_uri() . '/images/featured-image' . $fbsinumber . '.jpg',
        'type' => 'upload');    
    
    $options[] = array(
        'name' => 'Title', 
        'desc' => 'Input your Featured Title here. Please limit it within 30 Letters. If you do not want to show anything here leave the box blank.', 
        'id' => 'featured-title' . $fbsinumber,
        'std' => 'Simplify Theme for Small Business',
        'type' => 'text');
    
    $options[] = array(
        'name' => 'Description', 
        'desc' => 'Input the description of Featured Areas. Please limit the words within 30 so that the layout should be clean and attractive.', 
        'id' => 'featured-description' . $fbsinumber,
        'std' => 'The Color changing options of Simplify will give the WordPress Driven Site an attractive look. Simplify is super elegant and Professional Responsive Theme which will create the business widely expressed.',
        'type' => 'textarea');

EL problema es que no tengo ni la menor idea de PHP... Estuve leyendo y viendo algunas cosas en youtube, pero me parece que no es algo que vaya a resolver rápidamente...
Me podrían recomendar algún tutorial básico como para empezar..?

Gracias y Saludos!

zanguanga · #4 (**permalink**) 24/08/2013, 05:21

Siguiendo la lógica que ha expuesto el compañero ArturoGallegos

deberías empezar por algo así como cambiar

Código PHP:

Ver original$options[] = array(
        'name' => 'Title',
        'desc' => 'Input your Featured Title here. Please limit it within 30 Letters. If you do not want to show anything here leave the box blank.',
        'id' => 'featured-title' . $fbsinumber,
        'std' => 'Simplify Theme for Small Business',
        'type' => 'text');

por

Código PHP:

Ver original$options[] = array(
        'name' => 'URL',
        'desc' => 'blablabla...URL de pagina de destino...',
        'id' => 'featured-url' . $fbsinumber,
        'std' => 'Simplify Theme for Small Business',
        'type' => 'url');
 
    $options[] = array(
        'name' => 'Title',
        'desc' => 'Input your Featured Title here. Please limit it within 30 Letters. If you do not want to show anything here leave the box blank.',
        'id' => 'featured-title' . $fbsinumber,
        'std' => 'Simplify Theme for Small Business',
        'type' => 'text');

para después incluirlo en el HTML que has copiado arriba, a modo de enlace de las imágenes, siguiendo la misma lógica que el resto.

amanda85 · #5 (**permalink**) 24/08/2013, 08:44

Buenísimo! Gracias!
Ya mismo lo pruebo!

djdelineacion · #6 (**permalink**) 11/05/2015, 15:19

Hola Buenas noches, yo tengo casi el mismo problema, he puesto el codigo que decis y no se consige enlazar.

espero que alguien me ayude

ArturoGallegos · #7 (**permalink**) 11/05/2015, 15:51

Hola @djdelineacion bienvenido al foro.

Te comento que tenemos una seccion llamada politicas del foro, por favor pasa a leerlas.

Sumado a eso, se te pide que no revivas temas antiguos y menos si no aportas nada de utilidad.... siempre fijate enn la fecha del mensaje inicial.

De remate se te exige y se valora mucho, que no trates de preguntar por tus problemas en los temas de otros, se respetuoso y no mescles temas por mucho que parezca.

Por ultimo, te comento que ya no contamos con facultades adivinatorias... por lo que de momento sin mas informacion de tu parte es imposible responderte, no obstante te sugiero habras un nuevo tema y expongas tu caso proporcionando toda la informacion que sea posible.