Tutoriales

Creando un Plugin para Wordpress

Comments
publicado el 15 de January del 2010 bajo , , , , , , , , , , , , , , , , , , , , , .

Yo ya he creado alguna vez un plugin para Wordpress, pero nunca he hecho una entrada sobre como crearlo. En esta entrada vamos a crear un plugin para Wordpress sencillo para empezar con algo básico facil de entender.

Nuestro plugin será sencillo. Simplemente sustituirá [abbr="Descripción"]Palabra[/abbr] por <abbr title="Descripción">Palabra</abbr>. Además añadirá unas pocas lineas de CSS a la página para que se vea todo correctamente.

Esto no es más que una pequeña implementación de BBCode. Siguiendo este ejemplo literalmente podremos añadir más elementos a nuestros post fácilmente. Si le echamos más imaginación podremos crear cualquier plugin. Continuar »

Diseño

La experiencia de crear un theme para Tumblr

Comments
publicado el 1 de June del 2009 bajo , , , , , , , , , .

Últimamente me estoy enganchando, y mucho, a Tumblr. Aun que ya lo había usado anteriormente, lo acabé dejando, pero ahora he vuelto a engancharme y no se cuanto durará, pero esta tarde he tenido tiempo y he decidido darle un diseño propio.

La experiencia de crear un theme para Tumblr no ha sido muy buena la verdad. Desde el punto de vista del código todo ha sido bastante sencillo, leyéndonos esta simple página entendemos enseguida la mecánica y estructura del código de un theme, la cual está bastante bien diseñada en mi humilde opinión.

El problema viene cuando estamos a mitad de crear un diseño y queremos ir comprobando como se va viendo. Desde la sección Customize de Tumblr podemos editar el código y previsualizar como va quedando, pero ni colorea el código ni nada de nada, por lo que decidí usar un editor de código externo, en este caso, Coda.

Desde él, es muy difícil, por no decir imposible, hacerse un idea de como va quedando el código que vamos creando y he tenido que estar continuamente copiando y pegando el código al editor de Tumblr, vamos, un verdadero coñazo.

Pero bueno, problemas aparte, estoy bastante contento con el resultado.

Por cierto, si tenéis Tumblr, seguidme si os gusta para yo poder leer los vuestros también.

#
A veces para solucionar algunos de los problemas en cuanto a compatibilidad con los distintos navegadores de CSS no nos basta el CSS, a veces, tenemos que recurrir al Javascript. Por eso os dejo esta entra que recopila 8 Soluciones basadas en Javascript a los problemas más comunes de CSS.
#
Acaba de salir Wordpress 2.7.1 Beta 1, versión que mejora y corrige algunos problemas de la versión actual. Si eres de los impacientes, y no te puedes esperar la puedes descargar desde aquí.
#
Muchas veces, el Hotlinking puede convertirse en un problema de cara al consumo de banda ancha del servidor. Este tutorial nos enseña a evitar el problema por medio de un archivo .htaccess.
CSS Wordpress

El pequeño problema de la alineación de imágenes en Wordpress

Comments
publicado el 25 de August del 2008 bajo , , , , .

Wordpress desde la versión 2.5 permite seleccionar la alineación de una imagen desde el cargador de imágenes. El problema es que en vez de utilizar la propiedad align lo han hecho por medio de una clase de css. Por ello la solución es introducir el siguiente código en la hoja de estilo de nuestro theme:

[COPIAR]
Código CSS (Copiar):
  1. img.alignleft, div.alignleft {
  2.     float:left;
  3.     margin:0 0.5em 0.5em 0;
  4. }
  5. img.alignright, div.alignright {
  6.     float:right;
  7.     margin:0 0 0.5em 0.5em;
  8. }
  9. img.aligncenter, div.aligncenter {
  10.     text-align:center;
  11.     margin:0 auto;
  12. }

Otra posibilidad que da Wordpress 2.6 es la de añadir Captions, si queremos que estas se vean correctamente alineadas debajo de la imagen tenemos que añadir además:

[COPIAR]
Código CSS (Copiar):
  1. .wp-caption {
  2.     border: 1px solid #ddd;
  3.     text-align: center;
  4.     background-color: #f3f3f3;
  5.     padding-top: 4px;
  6.     margin: 10px;
  7. }
  8. .wp-caption img {
  9.     margin: 0;
  10.     padding: 0;
  11.     border: 0 none;
  12. }
  13. .wp-caption p.wp-caption-text {
  14.     font-size: 11px;
  15.     line-height: 17px;
  16.     padding: 0 4px 5px;
  17.     margin: 0;
  18. }

No hace falta decir que el código es personalizable y lo podemos editar para que encaje a la perfección con el diseño de nuestra web.

Plugins Wordpress

Top 10 plugins de seguridad para Wordpress

Comments
publicado el 10 de April del 2008 bajo , , , , , , , .

Mantener nuestro Wordpress seguro es algo muy importante, si no tenemos cuidado, podemos perder datos importantes. A continuación una lista de 10 plugins para Wordpress que nos ayudaran a mantener copias de seguridad y nuestro CMS seguro para evitar problemas.

  1. WordPress Database Backup (http://www.ilfilosofo.com/blog/wp-db-backup/)
  2. Semisecure Login (http://jamesmallen.net)
  3. AskApache Password Protect (http://www.askapache.com)
  4. Force SSL (http://almosteffortless.com/)
  5. WP Security Scan (http://wordpress.org/extend/plugins)
  6. Secure Files (http://wordpress.org/extend/plugins)
  7. WP-SpamFree (http://www.hybrid6.com/)
  8. BackUpWordPress (http://wordpress.designpraxis.at)
  9. Anonymous Wordpress Plugin Updates (http://f00f.de/)
  10. Replace WP-Version (http://wordpress.org/extend/plugins/)

En la fuente podéis obtener más información sobre cada uno de los plugins, eso si, en ingles.

Wordpress

Error con el nuevo Uploader de Wordpress

Comments
publicado el 8 de April del 2008 bajo , , , , , , , , .

El nuevo cargador de imágenes de Wordpress está provocando algunos problemas entre sus usuarios. Yo, en principio, en este blog, no he tenido ningún problema, pero en otros sí. De buenas a primeras un día no pude subir más imágenes, siempre que lo intentaba me saltaba un error HTTP.

Buscando por internet, en los foros oficiales de Wordpress he encontrado la solución. El problema aparentemente lo está provocando el Mod_Security de Wordpress y la solución esta en desactivarlo en el archivo que es el que se encarga de cargar las imágenes.

Para hacer esto simplemente incluimos el siguiente código al final del archivo .htaccess del directorio principal de Wordpress:

[COPIAR]
Código CODE (Copiar):
  1. <IfModule mod_security.c>
  2. <Files async-upload.php>
  3. SecFilterEngine Off
  4. SecFilterScanPOST Off
  5. </Files>
  6. </IfModule>

Espero que os funcione mientras que esperamos a que se lance una actualización oficial por parte del equipo de Wordpress.

Más noticias & Buscar »