Categoría: WordPress

Valencia, 25/07/2013, G.B.
A veces hay cosas tan sumamente sencillas que las pasas por alto. Una de ellas es crear un formulario de contacto en los blogs gratuitos de WordPress.com, es decir, los alojados en los servidores de WordPress. La solución es tan sencilla como insertar en una página o entrada de tu blog gratuito el siguiente shortcode:

[contact-form]

Al publicar la página o entrada, verás lo siguiente, adaptado a tu blog, por supuesto:

Y ya está! El sistema reconocerá el email del administrador del blog y te creará un formulario de contacto sencillo pero eficiente. La verdad es que no lo sabía, al utilizar siempre WordPress en hostings o alojamientos propios. Como dicen: no te acostarás sin saber una cosa más…

Hasta pronto!

Valencia, 16/07/2013, G.B.
Tras la última y reciente actualización del plugin para WordPress Shareaholic, he comprobado que este ha dejado de funcionar en varios de mis blogs; con lo bien que iba últimamente! Pero en fin, así son las cosas (maldita sea!!…). En este, KnowHow, no lo he actualizado y parece que sigue funcionando.

Para compensarlo, he seguido utilizando ShareThis como plugin y AddThis como código embebido para mostrar los botoenes sociales. Así, el problema ha dejado de serlo. Os adjunto la dirección (de nuevo) de AddThis, así como un par de ejemplos de su código: Smart Layers; Share Buttons (este último es el que ya llevo tiempo utilizándolo, como, por ejemplo, en Aprendiendo PHP):

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4daea9f81fbe2731"></script>
<!-- AddThis Button END -->

<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4daea9f81fbe2731"></script>
<script type="text/javascript">
  addthis.layers({
    'theme' : 'transparent',
    'share' : {
      'position' : 'left',
      'numPreferredServices' : 5
    },  
    'whatsnext' : {}  
  });
</script>
<!-- AddThis Smart Layers END -->

Valencia, 26/05/2013, G.B.
Hace unos días, instalando en Hostinger.es un WordPress a unos amigos para que empezaran a probar este fantástico CMS, me dí cuenta que no era posible acceder al Escritorio o Dashboard de WordPress, no funcionaba wp-admin (que es lo mismo que wp-login.php). En vez de entrar en el Dasboard de WordPress, mostraba una página de Error 403 (Prohibido). Lo solucioné instalándole WordPress en una subcarpeta del subdominio gratuito que habíamos creado en Hostinger.es para tal fin.

Pero esa solución, tampoco es que fuera ‘la bomba’: queríamos que estuviera, como debe ser, en el directorio raiz del subdomonio gratuito, ya que iba a probar una weblog. En el panel de control de Hostinger, creo recordar, vimos un mensaje de Hostinger informando de que debido a un ataque masivo por ‘fuerza bruta’ al archivo de aceso de WordPress, wp-login.php, habían tenido que deshabilitarlo. Ahora veo que ya lo han solucionado. Bien!

Adjunto su mensaje:

Estimados usuarios, ya es posible acceder de forma normal al panel de administración de WordPress. Gracias por su paciencia.

Recientemente ha habido un ataque de fuerza bruta a gran escala hacia el archivo wp-login.php de WordPress, proveniente de una gran cantidad de IPs distribuidas alrededor del mundo.
Una gran botnet de alrededor de 90,000 servidores comprometidos ha estado intentando entrar a sitios basados en WordPress tratando de adivinar el nombre de usuario y la contraseña para acceder al escritorio de WordPress. Hostinger ha deshabilitado temporalmente el acceso a /wp-login.php en todos los servidores.
Tengan en cuenta que esto no tiene relación con la seguridad del servidor, sino con el funcionamiento propio de WordPress. Desde Hostinger se ha tomado esta medida para evitar graves problemas en sus sitios.

2013-05-23 18:12:02

Parámetro DoNotHash del plugin puesto a valor true

Valencia, 17/05/2013, G.B.
Bueno, esto va a ser un post ultra rápido! Si has observado que tras instalar el plugin ShareThis en WordPress las URLs de tu sitio aparecen con parámetros añadidos, es debido a una opción del plugin mencionado.  Lo primero, una captura de pantalla en la que yo ya he modificado el parámetro,  y ahora comento:

Para eliminar este feo añadido, aunque posiblemente útil para el tema de compartición, simplemente tienes que poner uno de sus parámetros de false  a true en la configuración del plugin. Se trata de doNotHash. Os adjunto el código con el parámetro cambiado de false a true:

<script charset="utf-8" type="text/javascript">var switchTo5x=true;</script><script charset="utf-8" type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:"wp.f57a9573-fc7f-43bb-ba54-8028184d0644", doNotCopy: false, hashAddressBar: true, doNotHash: true});</script>

 Con este pequeño cambio, las URLSs de vuestro sitio volverán a estar limpias.

Hasta luego!

Valencia, 22/04/2013, G.B.
Una imagen vale más que mil palabras, según dicen. No sé hasta qué punto es cierto tal pensamiento, refrán o dicho. Lo que sí es cierto es que las imágenes son uno de los mejores aliados de los que dispones a la hora de publicar una entrada, de ‘postear’. Y es que en lo primero que solemos fijarnos es en el titular y la imagen de la noticia, entrada o post. Casi podríamos decir que es un tándem perfecto; incluso muchos opinarán que lo primero que captará nuestra atención es la imagen. Bueno, es muy probable, dependiendo de la misma claro. ¿Y cómo insertar imágenes en una entrada de WordPress? Pues es muy, muy sencillo. Más complicado es elegirla y prepararla para la web, cosas ambas tampoco complicadas, tranquilos. Las iremos viendo…

Pasemos ya sin más preámbulos a cómo insertar una imagen en nuestra entrada. Vamos a verlo por pasos, desde el principio, como un pequeño repaso o introducción a aquellos que desconocéis WordPress.

1) Elije la imagen (foto) a insertar en tu entrada o post.
2) Trátala para la web, guardándola en un formato para la misma: .jpg (o ,jpeg); .gif o .png
3) Loguéate (autentícate) en tu blog; ya sabes, nombredetublog/wp-admin o nombredetublog/wp-login-php
4) En tu Escritorio o Dashboard de WordPress ve a Entradas y elije Nueva Entrada o Todas las entradas, dependiendo si vas a hacer un nuevo post o si vas a editar (modificar) una ya creada, tanto si está publicada como si está en borrador
5) Ubica el puntero en el sitio en donde quieras insertar la imagen y pulsa en el botón  Añadir objeto. Adjunto captura de pantalla:
En este paso WordPress nos permite hacer varias cosas. La más sencilla es subir una imagen (Insertar objeto) desde nuestro ordenador o elegir una imagen que ya hayamos utilizado antes y que esté almacenada en la Librería de medios (Medios, Multimedia o librería multimedia) de nuestro blog en WordPress. Subamos primero una imagen:
Básicamente es el mismo proceso que el de adjuntar una imagen en un documento de texto o en un correo electrónico, por lo que seguro que os resultará completamente familiar. También podemos arrastrar directamente el archivo desde nuestro ordenador («Suelta archivos en cualquier lugar para subirlos«). Desde ese momento,  la imagen ya está subida, quedará almacenada en la Librería de medios o Multimedia de nuestro blog,

Ahora nos quedan solo unos pequeños pasos para poder insertar correctamente nuestra primera imagen. Podemos hacer más cosas, incluso editar la imagen desde WordPress, pero lo que voy a referir ahora es lo básico y lo que probablemente más utilicéis.

1) Insertar Título; Texto alternativo; Leyenda; Descripción. Si queremos hacerlo bien, es necesario que al menos insertemos el título y el texto alternativo a nuestra imagen, tanto para ayudar a los usuarios como a los buscadores. Una vez publicada nuestra entrada, cuando pasemos el ratón o el puntero sobre la imagen, aparecerá sobre la imagen el texto del título que hallamos puesto en ese apartado. Dicho título debe ser descriptivo, pudiendo utilizar si quieres el mismo que tu titulas. Eso va a gustos…

2) Decidir qué tamaño tendrá la imagen. Lo haremos desde AJUSTES DE LA PANTALLA DE ADJUNTOS, menú ubicado en la parte inferior derecha de la pantalla de Insertar objeto.
Las posibilidades que tenemos son: Miniatura; Medio; Tamaño completo. Estos tamaños están en píxeles y sus medidas nos las dará el propio tema o plantilla de WordPress que tengamos instalado. Generalmente, el tamaño ‘Miniatura‘ es de 150×150 píxeles; el ‘Medio‘ suele ser de hasta 300 píxeles de anchura, manteniendo ya la proporción relación – aspecto, y el Tamaño completo, el que hallamos elegido a la hora de editar y guardar nuestra imagen. Es importante que dicho tamaño no sobrepase en anchura el tamaño que tenemos prefijado de nuestra entrada, quiero decir la anchura.

3) Decidir la alineación de la imagen respecto al texto de nuestro post. Puede ser: Ninguna; Izquierda; Derecha; Centrar.

4) Elegir si la imagen estará enlazada a: URL personalizada; Archivo multimedia; Página de adjuntos; Ninguno. Si no queremos que al pulsar sobre la imagen el usuario la abra en una nueva ventana, elegiremos la opción ‘Ninguna’.

Cuando hallamos realizado estos pasos, pulsaremos en el botón ‘Insertar en la entrada‘ y la imagen se adjuntará en el lugar d ela entrada que hayamos elegido, con todos los atributos previamente decididos (tamaño, alineación, título, etc.)..

Tened en cuenta que una vez insertada la imagen en la entrada o post, podremos realizar cambios en la misma, incluso eliminarla de la entrada, pulsando sobre la misma, momento en el que aparecerán un par de iconos en la esquina superior izquierda de la imagen. El primero es para editarla y el segundo para eliminarla (solo de la entrada, no de nuestra Librería multimedia). En la parte de edición, podremos cambiar cualesquiera de los atributos que antes hayamos elegido, incluso el tamaño.

En el siguiente post o entrada veremos algunas opciones más: Crear galería; Fijar la imagen destacada; Insertar desde URL. Además, veremos más sobre la edición de la imagen en Ajustes avanzados. Hasta pronto!

Valencia, 03/04/2013, G.B.
Aquí estoy de nuevo, buscando plugins de reservas online para WordPress, por necesidades del guión… Y la verdad es que, por ahora, lo único que he encontrado es un plugin gratuito llamado Booking Calendar. Lo he instalado y probado en una web, bueno, tanteado así, a voz de pronto. en principio,  para ser gratuito, reconozco que no está mal, aunque solo sirve para un negocio, llámese hotel, hostal, restaurante,…, por lo poco que he podido ver hasta ahora.  Eso sí, la versión ‘de pago’ dispone de más funcionalidades. Habrá que echarle un ojo, ¿no?

De todas formas, voy a meterme más de lleno, probarlo y reportar. Por ahora, eso es lo que hay. Esta es la dirección, la URL, del repositorio de WordPress desde donde podréis descargarlo:
http://wordpress.org/extend/plugins/booking/

Valencia, 01/03/2013, G.B.
Como ya vimos en los Talleres Dos Punto Cero (T2Cero), crear un blog gratuito con WordPress es muy, muy sencillo. Tan solo tenemos que dar de alta nuestro nuevo blog utilizando una dirección de correo (email) válida.

Aunque ya lo vimos e hicimos en los talleres dos punto, he considerado oportno dejaros un slideshow (pase de diapositivas) con las capturas de pantalla de los pasos a seguir para dar de alta nuestro blog gratuito en WordPress, me refiero a WordPress.com, en concreto a es.wordpress.com, la versión en español.

Recordemos que un blog en WordPress.com tiene sus ventajas y desventajas. Las ventajas son, entre otras, que no nos tendremos que preocupar por el mantenimiento, las actualizaciones, la seguridad ni los picos de entradas, es decir, prácticamente siempre estará disponible. En contrapartida, las desventajas son que no podremos instalar plugins, personalizar los temas, cambiar la hoja de estilos ni modificar el código de los archivos de nuestro WordPress. Eso sí, en el caso de que queramos ampliar nuestra cuenta de WordPress, previo pago, dispondremos de más características y más control sobre nuestro blog, incluyendo un nombre de dominio propio. Todo es cuestión de valorarlo…

Como las imágenes valen más que las palabras, os adjunto el proceso de creación o alta d eun blog gratuito con WordPress, en los servidores de WordPress::

[slideshow_deploy id=’613′]

P.D. Os dejo un ejemplo del blog que he creado en los servidores de WordPress.com para los talleres 2.0: talleresdospuntocero.wordpress.com

Avisa automáticamente que has publicado nuevo contenido en tu blog

Valencia, 07/02/2013, G.B.
Ping Services o Update Services son herramientas que podemos utilizar para indicar tanto a personas como a los buscadores que hemos actualizado nuestro blog. WordPress notifica automáticamente nuestras actualizaciones de contenido a los servicios más populares de actualización.

El mecanismo que utiliza nuestro CMS es el envío de un ‘ping‘ en formato XML-RPC cada vez que actualizamos un post o entrada. Así, gente que visite determinadas plataformas, tales como Technorati o Sphere, sabrán que hemos actualizado nuestro blog, sin necesidad de estar constantemente entrando a nuestro sitio para comprobarlo.

Para añadir estos servicios automáticos de aviso de actualización de contenidos, los Ping Services, simplemente tenemos que ir al apartado Ajustes -> Escritura y al final disponemos de un cuadro de texto en el que incluiremos todos los servicios de actualización o ping services (como puedes visualizar en la captura de pantalla incluida) que consideremos oportunos. Son URLs, direcciones web, y cada una debe ir en una línea aparte. Os adjunto unos cuantos para nuestro blog: (fuente: http://www.indaga.net/txt/ping-services.txt)

http://blogsearch.google.com/ping/RPC2
http://rpc.pingomatic.com/
http://1470.net/api/ping
http://api.feedster.com/ping
http://api.feedster.com/ping.php
http://api.moreover.com/ping
http://api.moreover.com/RPC2
http://api.my.yahoo.com/RPC2
http://api.my.yahoo.com/rss/ping
http://bblog.com/ping.php
http://bitacoras.net/ping
http://blogdb.jp/xmlrpc
http://blog.goo.ne.jp/XMLRPC
http://blogmatcher.com/u.php
http://bulkfeeds.net/rpc
http://coreblog.org/ping/
http://mod-pubsub.org/kn_apps/blogchatt
https://phobos.apple.com/WebObjects/MZFinance.woa/wa/pingPodcast
http://ping.amagle.com/
http://ping.bitacoras.com
http://ping.bloggers.jp/rpc/
http://ping.blogmura.jp/rpc/
http://ping.blo.gs/
http://ping.cocolog-nifty.com/xmlrpc
http://pinger.blogflux.com/rpc/
http://ping.exblog.jp/xmlrpc
http://ping.feedburner.com
http://ping.myblog.jp
http://pingoat.com/goat/RPC2
http://pingqueue.com/rpc/
http://ping.blogg.de/
http://ping.rootblog.com/rpc.php
http://ping.syndic8.com/xmlrpc.php
http://ping.weblogalot.com/rpc.php
http://ping.weblogs.se/
http://rcs.datashed.net/RPC2/
http://rpc.blogbuzzmachine.com/RPC2
http://rpc.blogrolling.com/pinger/
http://rpc.britblog.com/
http://rpc.icerocket.com:10080/
http://rpc.newsgator.com/
http://rpc.pingomatic.com/
http://rpc.tailrank.com/feedburner/RPC2
http://rpc.technorati.com/rpc/ping
http://rpc.weblogs.com/RPC2
http://rpc.wpkeys.com/
http://services.newsgator.com/ngws/xmlrpcping.aspx
http://signup.alerts.msn.com/alerts-PREP/submitPingExtended.doz
http://topicexchange.com/RPC2
http://trackback.bakeinu.jp/bakeping.php
http://www.a2b.cc/setloc/bp.a2b
http://www.bitacoles.net/ping.php
http://www.blogdigger.com/RPC2
http://www.blogoole.com/ping/
http://www.blogoon.net/ping/
http://www.blogpeople.net/servlet/weblogUpdates
http://www.blogroots.com/tb_populi.blog?id=1
http://www.blogshares.com/rpc.php
http://www.blogsnow.com/ping
http://www.blogstreet.com/xrbin/xmlrpc.cgi
http://www.lasermemory.com/lsrpc/
http://www.imblogs.net/ping/
http://www.mod-pubsub.org/kn_apps/blogchatter/ping.php
http://www.newsisfree.com/RPCCloud
http://www.newsisfree.com/xmlrpctest.php
http://www.popdex.com/addsite.php
http://www.rssfwd.com/xmlrpc/api
http://www.snipsnap.org/RPC2
http://www.weblogues.com/RPC/
http://xmlrpc.blogg.de
http://xping.pubsub.com/ping/

Disponéis de más información al respecto en el Codex de WordPress (en inglés): http://codex.wordpress.org/Update_Services

Valencia, 07/02/2013, G.B.
Tal y como os comentaba en el post o entrada titulado Apariencia en WordPress, una introducción, vamos a continuar con los ajustes de Apariencia de nuestro WordPress. Y una de las primeras cosas que haremos es ajustar el tema, theme o plantilla de nuestro CMS. En caso de que no nos convenza o queramos algo más, también podremos cambar completamente la apariencia de nuestro WordPress instalando un nuevo tema, theme o plantilla.

Para acceder a todas esas opciones, como siempre deberemos acceder a nuestro Escritorio o Dashboard de WordPress, la consola de administración de nuestro blog (recordad: http://nombredenuestroblog/wp-admin o http://nombredenuestroblog/wp-login.php). Tras autenticarnos o autenttificarnos (o logueranos), veremos en la columna izquierda un enlace que indica Apariencia. Pulsando sobre el mismo accederemos a un submenú con las siguientes opciones:

• Temas: las plantillas o themes de nuestro blog. Podemos instlar varias y activar la que más nos guste o interese. Disponemos de una gran variedad de temas gratuitos, así como de pago, para personalizar nuestro WordPress
• Widgets: pequeñas funcionalidades que podemos ‘arrastrar’ a la barra lateral o el pie de nuestro blog, dependiendo de la plantilla que tengamos instalada y activada.
• Menús: nos permite modificar los menús de navegación existentes o crear nuevos. Lo veremos en muy breve…
• Opciones del tema: cada theme, tema o plantilla de WordPress dispone de una serie de personalizaciones, opciones del tema, que podemos modificar de forma gráfica, sencilla. Dependiendo de la complejidad del tema instalado, tendremos más o menos opciones disponibles para personalización
• Cabecera: Todos los temas, themes o plantillas permiten cambios en la cabecera de nuestro blog, como por ejemplo la imagen de cabecera (que pueden ser varias, un carrusel de imágenes, que aparezca o no el nombre del blog y la descripción del mismo en texto, el logo de nuestro blog…
• Fondo: podemos elegir una imagen o color de fondo pàra nuestro blog
• Editor: una opción muy interesante pero para la que necesitarás ciertos conocimientos técnicos. Con el Editor podremos cambiar el código de todos y cada uno de los archivos de WordPress. SI no estás muy seguro d elo que vas a hacer, mejor no te aventures a ello o correrás el riesgo de que deje de funcionar tu blog. También lo veremos aquí más adelante.

Una captura de pantalla:
Vamos a ver cómo instalar un nuevo tema, theme o plantilla en nuestro blog. Aprovecharemos los temas gratuitos presentes en el repositorio de temas de WordPress, los cuales se actualizan de forma constante. El proceso, realmente sencillo,  es el siguiente:

1) Apariencia -> Temas
2)Entramos en la administración de los temas instalados en nuestro blog. Pulsamos en Instalar temas
3) Elegir entra las características que deseamos que tenga el nuevo tema de nuestro blog. Si sabemos el nombre del tema, podemos introducirlo en el buscador
4) Decidir el tema y pulsar instalar
5) Una vez instalado, hacer una vista previa y si nos gusta, pulsar Activar. Tened en cuenta que siempre deberemos hacer ajustes tras la activación del nuevo tema.

Veamos un slideshow del proceso de instalación de un nuevo tema para nuestro desde nuestro Escritorio o Dashboard de WordPress:
[slideshow_deploy id=’535′]

Por último, comentaros que hay otra forma de instalar temas o themes en WordPress. Es la forma ‘manual’, a través de una cuenta FTP (siglas de File Transfer Protocol o Protocolo de Transferencia de Archivos, en castellano), subiendo los archivos (uploading) del nuevo tema -tras habérnoslos descargado a nuestro ordenador- a la carpeta wp-content -> themes de nuestro servidor,nuestro hosting. Eso lo veremos más adelante. Hasta pronto!