Truco WordPress: Agregar un Cuadro de Texto con un Código para enlazarte

En estos días en los que esperamos el Google Dance de manera fervorosa, decidí, y guiado por algunos blogs que ya lo usan, a crear un pequeño cuadro de texto que nos permita darle a nuestros lectores la posibilidad de Copiar directamente el Código HTML necesario para que sea más fácil enlazarnos, de manera que se adapte a nuestro blog y muestre el código necesario en las Entradas.

Me refiero al cuadro que ya hemos Implementado en MarlexSystems, y gracias a la Ayuda de un gran amigo del Mundo Real, lo conseguimos.

Crearlo es muy fácil, simplemente debemos agregar un cuadro de texto, con el siguiente código:

Código para Enlazar: <input type="text" size="70" onfocus="this.select()" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px" value="&lt;a href=&quot;<?php echo get_permalink() ?>&quot;&gt;<?php the_title(); ?>&lt;/a&gt;">

Esto nos creará un cuadro que nos permitirá, con sólo pasar el mouse por encima, seleccionar el código HTML necesario para poder enlazarnos. Veamos el código parte por parte:

• onfocus=”this.select()”: Nos permitirá seleccionar el texto con sólo poner el mouse sobre el cuadro de Texto que hemos creado.
• style=”font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px”: Nos permitirá personalizar el diseño del Texto dentro del cuadro, en mi Caso, con la Familia de las Verdada, y un tamaño de 10 píxeles, “a doc” con el Diseño del Blog.
• value=”<a href=”<?php echo get_permalink() ?>”><?php the_title(); ?></a>”: Esto nos creará el Código necesario para poder enlazar mediante un Código HTML, es decir, nos hará el Enlace tipo <a href=”http://www.marlexsystems.org”>MarlexSystems</a> agregando como Anchor, el Título del Post, ideal para Posicionamiento.
• size=”70″: Se refiere al ancho que tendrá nuestro Cuadro de Texto que mostrará el Enlace.

Podemos obtener diferentes formas de acuerdo a lo que buscamos, quizás nuestros lectores no necesitan el código completo en HTML porque usan el Editor Visual de WordPress, en ese caso, podemos darles sólo la URL para enlazarnos, que resultaría en cambiar el valor de “value” por <?php echo get_permalink() ?> que nos agregará automáticamente el permalink de nuestra entrada. El código a usar sería algo así:

Código para Enlazar: <input type="text" size="70" onfocus="this.select()" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px" value="<?php echo get_permalink() ?>">

Pueden ir variando los Valores para obtener diferentes resultados, así tambien, a algunos les puede parecer muy intrusivo el hecho de que el texto se seleccione de manera automática, por lo que si lo desean desactivar, simplemente remuevan onfocus=”this.select()” del Código resultante y ya.

El resultado lo pueden ver en MarlexSystems donde ya lo hemos implementado, a ver si animamos a enlazarnos! Y recuerden que cada vez que enlacen a MarlexSystems obtendrán un enlace de regreso

1. Lackfer® comentó:
   19 de Agosto del 2007 a las 15:48

   ahh, que bueno, funcionan perfectamente los dos, ya lo implemente en mi blog y se ven bien…

   Saludos.!

2. Angello comentó:
   20 de Agosto del 2007 a las 14:13

   que desgracia , si tan solo lo hubiera sabido hace algunas semanas atrás

3. patricio comentó:
   10 de Diciembre del 2007 a las 13:01

   Mi consulta es bien simple y a la ves les solicito cooperación en lo siguiente….en mi blog quiero insertar un cuadro similar al que use para escribir este mensaje……de ante mano gracias

4. harold comentó:
   20 de Mayo del 2008 a las 22:04

   hola chikos me a interesado mucho su post pero kiero saber como puedo dejar asi los post como los de ustedes y o asi como los de mi blog porfa si pueden responder … le agradecerias muchos ….. mi correo es m3ll0×77@gmail.com de antemano muchas gracias

5. sax comentó:
   13 de Junio del 2008 a las 12:20

   muy bueno el dato.

6. Gerald! comentó:
   11 de Diciembre del 2008 a las 22:19

   hola! xD felicidades x su web.. me sirvio de mucho!

7. nard64 comentó:
   2 de Enero del 2009 a las 03:59

   Gracias, me ha sido de gra utilidad, solamente modifique un poco el codigo para que apareciera lo que yo necesitaba y no el primer post del blog o permalink, felicidades por el blog y feliz año nuevo

8. Marlex comentó:
   2 de Enero del 2009 a las 16:45

   Bienvenido a MarlexSystems, nard64. Esperamos tenerte pronto por estos lugares.

   Feliz Año, igualmente…

Por favor, asegúrate de no escribir Comentarios difamatorios, racistas o similares. Haz un comentario acorde a la Temática y que colabore en la Discusión.

Los comentarios que contengan enlaces de referidos, mensajes engañosos o datos personales serán eliminados y el acceso de la persona que los redactó será cerrado a poder publicar nuevos comentarios.

Este Sitio muestra pequeñas imágenes al lado de Cada comentarista mediante el Servicio Gravatar. Regístrate en este Servicio para mostrar la tuya!

Nombre (requerido)

Correo-e (No será publicado aquí) (requerido)

Sitio Web (Si no posees, déjalo vacío)

Condiciones de Uso | Política de Privacidad | Publicidad | Acerca de | Contacto | Administración