Categorías
Genbeta

BestOfThemes es un nuevo buscador de temas para tu blog o web centrado en las previsualizaciones

Si estás pensando en crear un blog personal o una página web para un proyecto o empresa, desde hace años tienes disponibles una gran multitud de índices en los que encontrar temas con los que darles el aspecto que andas buscando. Pero estas páginas suelen centrarse más en ofrecer la máxima cantidad de resultados que en permitirte saber antes de nada cómo va a quedar cada uno. Por eso, te exigen tener que dar varios clicks hasta llegar a las previsualizaciones.

Best of Themes es un nuevo buscador de temas que ha nacido para ofrecer ideas renovadas a un sector que llevaba tiempo estancado. Su principal idea no es la de ofrecerte la mayor cantidad de resultados posibles por página, sino la de centrarse en las previsualizaciones para que sepas antes de hacer el primer click si el tema es lo que estás buscando o no.

Categorías
Diseño web

Lista de verificación esencial para lanzar un sitio en WordPress

Gracias a un ebook de iThemes les traigo esta lista de verificación para lanzar un sitio en WordPress sin problemas.

Tener una lista de verificación es importante. Los pilotos y astronautas la usan en cada vuelo; y en las cirugías, verificar con lista es parte del procedimiento ordinario. Al tener una lista tenemos todo por escrito y no necesitamos usar notas mentales. También sirve para que no nos perdamos de nada importante. Así que asegúrate de haber pensado en todo al hacerla.

Aunque lo mejor es hacer una lista propia, aquí te recomendamos una. Puedes añadir o quitar lo que creas conveniente. Además, conforme vas ganando experiencia, puedes modificar la lista para futuros lanzamientos.

Cómo crear tu primera lista de verificación

  • La próxima vez que lances un sitio web, escribe todos los pasos que te han tomado en el camino.
  • Divide tu lista en pre-lanzamiento, lanzamiento y post-lanzamiento.
  • Agrupa los ítems similares debajo de cada sección para ahorrar tiempo. La lista se tiene que completar en orden secuencial.

Lista de pre-lanzamiento

  • Traduce el tema que has escogido.
  • Quita todo el texto dummie o Lorem Ipsum.
  • Verifica el texto y corrige los errores gramaticales o de puntuación.
  • Todos los links funcionan correctamente.
  • Confirma que los detalles de la página de contacto son correctos.
  • Video y audio ítems son correctos y en el formato apropiado.
  • Los archivos PDF están apropiadamente enlazados y comprobados.
  • Página 404 creada y adaptada.
  • Viejas URLs están redireccionadas con 301 hacia las nuevas URLs.
  • Asegúrate de tener la licencia para imágenes, fonts, plugins, etc.
  • Confirma los Gravatars del cliente están con sus respectivas direcciones email.

Diseño del sitio web

  • Imágenes están correctamente dispuestas y están optimizadas a la web (tamaño y peso).
  • Sitio se ve bien en Chrome.
  • Sitio se ve bien en Firefox.
  • Sitio se ve bien en Internet Explorer.
  • Sitio se ve bien en Safari.
  • Sitio se ve bien en cualquier navegador adicional que haya solicitado el cliente.
  • Diseño responsive comprobado en smartphones de tamaño estándar.
  • Diseño responsive comprobado en tablets de tamaño estándar.
  • Favicon funciona.
  • Header o Logo de la empresa está enlazado a la página de inicio.

Funcionalidad de la web

  • La página carga en menos de 3 segundos.
  • Todos los formularios envían la data correctamente.
  • Todos los formularios están enviando a la dirección correcta de email.
  • Todos los formularios muestran de forma correcta el mensaje o la redirección al enviar.
  • Los formularios de autorespuesta están funcionando correctamente.
  • Todos los links externos se abren en una nueva pestaña.
  • Íconos de redes sociales funcionan.
  • Publicación en redes sociales funciona correctamente.

SEO

  • Todas las páginas y posts tienen un título único menor a 70 caracteres.
  • Todas las páginas y posts tienen una meta descripción única menor a 156 caracteres.
  • Todas las páginas y posts tienen menos de 10 palabras clave que aparecen en la copia de la página.

Plugins
Los plugins indispensables están instalados y activados adecuadamente (ya depende de la necesidad de cada uno añadir dichos plugins).

Opciones de WordPress

  • General: Título del sitio y descripción son correctas.
  • General: Zona horaria es correcta.
  • General: Email de administrador es correcto.
  • Escritura: Confirma Categoría por default, sino crea una categoría por default.
  • Discusión: Confirma opciones de comentarios y moderación.
  • Permalinks: Confirma que las opciones de permalinks no sean por default para mejorar el SEO

Lista de lanzamiento

Para nuevos sitios

  • Configura el nuevo dominio en cPanel.
  • Configura la nueva base de datos y usuario en cPanel.
  • Cambia los DNS del dominio para que apunte correctamente a los servidores de tu hosting
  • Comprueba el sitio para ver errores en la pantalla.
  • Comprueba links rotos y redirecciones.

Para sitios existentes

  • Configura el nuevo dominio en cPanel.
  • Configura la nueva base de datos y usuario en cPanel.
  • Comprueba el backup previo de tu web.
  • Cambia los DNS del dominio para que apunte correctamente a los servidores de tu hosting.
  • Comprueba el sitio para ver errores en la pantalla.

Lista de post-lanzamiento

Esta lista se comprueba después de que el sitio esté online y corriendo, pero no necesariamente cuando se ha lanzado oficialmente.

Plugins

  • Activar cache del sitio.
  • Comprobar problemas con URLs en los sliders.
  • Comprueba cualquier problema en un custom posts.

SEO

  • Activa visibilidad del sitio en Opciones/ Lectura.
  • Construye tu primer mapa de sitio y suscríbete a los buscadores.
  • Conéctate a Google Analytics.
  • Activa Google Analytics en tu sitio.
  • Conectarse a Google Webmaster Tools.
  • Conectarse a Bing Webmaster Tools.
Categorías
Diseño web

Cambio de cara

Desde hace tiempo que Traxxo pedía un cambio de diseño. El anterior template de WordPress que usaba, Yoko, ha sido muy bueno y ha marcado el inicio a lo que ahora ya es el estándar responsive design. Sin embargo, ya era hora de movernos hacia delante.

Como introducción a lo que cuento hay que aclarar algo: para hacer una página web ya no hay que ser un maestro en programación. Basta con saber lo mínimo indispensable. Este artículo de Ben Hunt es muy claro al respecto: el 99% de páginas web no necesitan un diseño a medida, basta con escoger entre las plataformas y templates que se ofrecen y saber cuáles son los objetivos que queremos alcanzar con dicha web. Es allí donde los diseñadores del futuro tienen que concentrar sus mejores energías, porque no es poca cosa.

A la izquierda el diseño antiguo con el template Yoko. A su lado, el imponente Hueman.
A la izquierda el diseño antiguo con el template Yoko. A su lado, el imponente Hueman.

Lo que quería con el cambio de diseño era darle un look más profesional a Traxxo para inaugurar una nueva etapa del blog. Esta nueva era estará marcada por una clara profesionalización de los contenidos centrados en tecnología, diseño y comunicación. Así como un estilo de redacción más centrado en en análisis que en el reposteo de novedades.

¡Y vaya sí que se nota el cambio! El template a escoger a sido Hueman. Es sorprendente que sea gratuito por lo bien que está hecho y por la cantidad de características configurables que tiene. Se puede escoger la paleta de colores, columnas, sidebars personalizados. Además es responsive. Un lujo

Detalles configurables del template.
Detalles configurables del template.

Vamos a los detalles

Antes de cambiar el diseño me planteé actualizar mi portafolio de trabajos en el blog. Así que la nueva plantilla tenía el reto de mantener el estilo que ya había establecido en dicha página. No hubo problema con hacer esto.

Portafolio de trabajos.
Portafolio de trabajos.

Al instalar el tema te pide que instales plugins adicionales para que todo funcione correctamente. El primero de ellos es: Regenerate Thumbnails que te ajusta los tamaños de las featured images para que sean iguales en la plantilla. Tienes que activarlo una sola vez y esperar. Si tu antiguo tema no tiene featured images tienes que instalar Easy Add Thumbnail para que tome como tal la primera imagen que aparece en el post.

Para poner los botones sociales usa font awesome. Basta con poner el código de la letra y listo.

Por otro lado, tuve un problema para añadir Google+ en la barra de compartir, pero se solucionó con el truco encontrado en esta web.

También hubo que traducir el template al español. Para ello se tiene que instalar el programa Poedit y seguir estas instrucciones.

En fin, el template tiene muchas ventajas para trabajar distintos formatos de post como video o galería. Está muy bien presentado y vale la pena leerse toda la documentación de instalación para sacarle el máximo provecho.

Muestra de cómo se ve un post con galería incrustada.
Muestra de cómo se ve un post con galería incrustada.

Newsletter

Aprovechando el rediseño, he hecho también un newsletter semanal en Mailchimp para los que quieran revisar los artículos de Traxxo en su correo. Si quieren inscribirse pueden hacerlo dejando su correo en la barra lateral. Saldrá todos los viernes.

Espero que les guste esta nueva cara de Traxxo tanto como a mí. Pronto tendremos más novedades.

Categorías
Diseño web

Cómo acelerar tu página de wordpress

speeding-up-wordpress-opt

Según un estudio de Akamai, el 47% de las visitas esperan que una página cargue antes de los dos segundos.

La gente de Amazon afirma que un aumento de la velocidad de 100 milisegundos aumenta las ganancias de un portal en 1%. Google, por su parte, indica que toma en cuenta la velocidad de las páginas para el ranking de su buscador.

Es importante, por tanto analizar lo que tarde una página web en cargar.

Aunque no es fácil, Smashing Magazine ha publicado un post con tips para mejorar la velocidad de una página hecha en WordPress.

Los consejos van desde seleccionar un buen servicio de hosting, la elección de un tema ligero y 12 arreglos rápidos de los plugins, herramientas de compresión del código e imágenes, etc.

Enlace: How to speed up your wordpress website

Categorías
Otras hierbas

Aenean ligula mol stie viverra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quo modo? Et nemo nimium beatus est. Verum hoc idem saepe faciamus. Duo Reges: constructio interrete. Suo genere perveniant ad extremum; Sed ille, ut dixi, vitiose. Negat esse eam, inquit, propter se expetendam. Quid est, quod ab ea absolvi et perfici debeat?

Ut pulsi recurrant? Ratio enim nostra consentit, pugnat oratio. Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Diodorus, eius auditor, adiungit ad honestatem vacuitatem doloris. Qua igitur re ab deo vincitur, si aeternitate non vincitur?

  • Superiores tres erant, quae esse possent, quarum est una sola defensa, eaque vehementer.
  • Istam voluptatem perpetuam quis potest praestare sapienti?
  • Quia dolori non voluptas contraria est, sed doloris privatio.

Non igitur potestis voluptate omnia dirigentes aut tueri aut retinere virtutem. Summus dolor plures dies manere non potest? Strato, physicum se voluit, ec vero alia sunt quaerenda contra Carneadeam illam sententiam. Bonum incolumis acies: misera caecitas. Aliter enim nosmet ipsos nosse non possumus.

Inde igitur, inquit, ordiendum est.

At, si voluptas esset bonum, desideraret. Aliter philosophos loqui putas oportere? Ratio enim nostra consentit, pugnat oratio. Comprehensum, quod cognitum non habet? Nam aliquando posse recte fieri dicunt nulla expectata nec quaesita voluptate. Primum quid tu dicis breve? Eam si varietatem diceres, intellegerem, ut etiam non dicente te intellego; Quae qui non vident, nihil umquam magnum ac cognitione dignum amaverunt. Praeclare hoc quidem. Quo plebiscito decreta a senatu est consuli quaestio Cn.
[blockquote author=»» link=»» target=»_blank»]Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna.[/blockquote]
Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Inquit, an parum disserui non verbis Stoicos a Peripateticis, sed universa re et tota sententia dissidere? Ego vero volo in virtute vim esse quam maximam; Si enim ad populum me vocas, eum. Videamus animi partes, quarum est conspectus illustrior; Et nemo nimium beatus est.