Ayuda WordPress 4.0

¡No me lo puedo ni creer! Después de dudas eternas por fin me he decidido a cambiar de tema en Ayuda WordPress, y mira por donde estoy encantado, pues he podido solucionar viejos problemas y, de paso, mejorar algunos aspectos del diseño y funcionalidades que he estado aplazando sin motivo más allá de mi propia indecisión.

Desde aquél primer cambio radical que supuso la versión 2.0 de Ayuda WordPress hasta Ayuda WordPress 3.0 pasaron algo más de 2 años, pero es que desde entonces hasta Ayuda WordPress 4.0 han pasado nada menos que 3 años, 8 meses y 12 días. Se me va de las manos este tema ¿no?

La verdad es que nunca me decidía, aunque tenía claras algunas cosas que quería:

  • CSS y HTML avanzados pero con estructura sencilla, dejando atrás rémoras de código.
  • Totalmente responsive (adaptable a todo tipo de pantalla) para no depender de convertidores adicionales.
  • Aumentar el ancho de pantalla para poder insertar imágenes más grandes.
  • Tipografías claras y hermosas para facilitar la lectura.
  • Una amplia zona de cabecera para que esté claro donde se está en todo momento.
  • Compatible con todas las nuevas funcionalidades de WordPress para no tener que recurrir a meter código «a capón».
  • No tener que usar obligatoriamente shortcodes propios del tema.
  • No casarme con un framework y que luego no hubiese vuelta atrás en el próximo cambio de diseño.
  • Menús desplegables y configurables fácilmente.
  • Diseño claro y minimalista pero con estilo.
  • Barra lateral (lo siento, no puedo vivir sin ella).
  • Estilo blog, nada de diseños en rejilla agobiantes ni carruseles mareantes.

Es verdad que muchos amigos se me han ofrecido para hacer un tema a medida pero ya sabes que me cuesta pedir, y no me gusta molestar, así que aproveché el hecho de que durante la migración tenía unos días para modificar a gusto el blog y me lancé a buscar un tema nuevo.

Y, mira por donde, cómo no, recaí en uno de mis diseñadores favoritos: Nick Roach de Elegant Themes, y elegí un tema que, aunque a priori era muy avanzado, con gestor de bloques estilo framework, carruseles, esquemas de colores, shortcodes, plantillas a porrillo y todas esas cosas modernas que tanto gustan pero yo tanto odio. Estoy hablando de Nexus.

ayudawp 4.0

Y esto que estás viendo es el resultado. Está un poquito modificado, pero solo pequeñas cosas como el alto de la zona de cabecera y algunas personalizaciones e integraciones que siempre me gusta meter.

Eso sí, nada de virguerías modernas, ni carruseles, ni zonas por categorías o deslizadores a colorines. Estilo blog puro y duro con extractos en portada, diseño claro y diáfano, tipografías Sans serif limpias para facilitar la lectura, una sencilla barra de menús para acceder a las páginas más populares, y un enorme logo en la cabecera para que en todo momento sepas en dónde estás (branding le llaman).

Haciendo un repaso general estas son las características principales de Ayuda WordPress 4.0:

  • Estilo Blog ¡y olé!.
  • Portada con extractos automáticos salvo que se defina un extracto, que hay que reivindicarlos.
  • HTML5 y CSS avanzado aunque sin virguerías, solo con lo imprescindible.
  • Responsive total para que ses vea genial en todo tipo de dispositivos (tabletas, móviles, etc).
  • Tipografías claras y diáfanas (y grandotas) de Google Fonts.
  • Estructura de 2 columnas (el tema admite 3 pero prefiero que gane el contenido).
  • Esquema de colores minimalista.
  • Ancho útil de contenido de 840 px.
  • Ancho útil de barra lateral de 250 px.
  • Barras laterales dinámicas en lateral y pié de página (de momento aquí no he metido nada)
  • Sistema de gestión de anuncios en barra lateral, para no tener que meterlos «a capón«.
  • He abandonado Varnish para gestión de cache desde el servidor, y he apostado por el Falcon Engine de WordFence, que parece que va de lujo.
  • He prescindido definitivamente de JetPack, usando alternativas, por varios motivos.
  • Caja de autor bien presente tras los artículos con la información facilitada en el perfil.
  • Nuevo sistema para compartir en redes sociales Monarch, con bloques inline, lateral y popup (realmente bonito y práctico, además de configurable)
  • Foros bbPress – por fin – actualizados a la última versión y añadidos sistemas de citas, reporte y bbcode.
  • Widgets de barra lateral condicionales que se adaptan según se esté en el blog o en los foros.
  • Sigue el sistema de comentarios Disqus aunque he cambiado de widget por uno mejor integrado. He estado tentado de usar el nativo pero de momento se queda.
  • Buscador de barra lateral instantáneo, que muestra resultados mientras se escribe.
  • Sistema de gamification o «ludificación» (no sé como puñetas se puede traducir esto) mediante Captain Up, un modo de fomentar la participación mediante un widget (por ahí, a la derecha) que te da puntos y te asigna karma a medida que compartes contenido o comentas en el blog. Lleva ya tiempo en marcha, y verás que ya hay pique entre lectores, pero hoy es oficial.
  • Y, por supuesto, siguen los plugins imprescindibles: WordFence (seguridad y cache), All in one SEO pack, Simple Tags (mejoras en sistema de tags), Google XML SitemapsZemanta Related Posts (entradas relacionadas con imagen), WP-Postratings (las estrellitas de valoración), Members (gestión de usuarios), Download Monitor (para el sistema de descargas), Pagenavi (navegación con numeritos) y WP-Polls (encuestas), que me siguen acompañando a pesar de las nuevas monadas que van surgiendo pero que no los mejoran.
  • ¡Ah! y he vuelto a cambiar el aviso de las cookies, que me tienen harto.

Y estas son unas capturas para la posteridad:

A modo de comparativa, esta es la evolución gráfica de Ayuda WordPress:

Espero que disfrutes los cambios y, como siempre, si ves algo que se me ha pasado o que se puede mejorar nos lo cuentas.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(14 votos, promedio: 4.9)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

50 comentarios en “Ayuda WordPress 4.0”

  1. Me gusta el nuevo diseño!!!… Aunque, ¿es necesario que aparezca el «aviso de las cookies», cada vez que voy a una página nueva, después de haber aceptado («vale») en la anterior?

    1. A mi una vez lo he aprobado ya no me sale, revisa a ver la configuración de tu navegador. Eso sí, donde si me sale siempre es en el móvil, ahí no hay manera y sale siempre el jodío aviso.

      Gracias Teo 🙂

    2. Hola, Fernando. A mi me pasa igual que a Teo con el aviso. Siempre aparece.

      Por cierto, muy bueno el diseño nuevo! No conocía las versiones anteriores a las 3 de tu sitio! Muy interesantes!

      Saludos.

    3. Saludos Fernando. Muy bueno el nuevo diseño.
      Solo quería confirmar que, al igual que a Teo y Pablo, a mí también me sigue saliendo el aviso de cookies en cada página, aún cuando pulso el botón «Vale».
      Buen día.

        1. A mí no me sale el aviso. Extraño.
          Me gusta mucho la versión para smartphone, más que la que veo en el PC.
          Lo del karma … es que no lo entiendo. ¿Piques entre usuarios, para qué?

  2. Miguel Angel Gaton

    Hola Fernando,

    Me gusta mucho el diseño. Solo he visto un problema y es que estás añadiendo el rich snippet de review (el de las estrellitas) a los posts lo cual no es correcto. Ese snippet solo lo puedes usar en recetas, productos y cosas similares pero no para blogpost por lo que ten cuidado ya que si google lo detecta (o alguien lo reporta) te pueden sancionar por Snippet abuse.

    Por lo demás muy bonito y cómodo de usar.

    saludos,

    1. Eso tengo entendido que es en el caso de que sean reviews de autor, que no es el caso, aquí son reviews de lector. El caso es que el nuevo tema tiene un sistema de reviews de autor que no uso, pero si eso es así lo tendré en cuenta. Gracias Miguel 🙂

      1. Miguel Angel Gaton

        Aunque sean reviews de lector da igual, ya que segun google las ratings no se pueden aplicar a posts de opinion. Si fuera una review de un movil entonces si, pero para un articulo como los que se hacen en ayudawp no se puede poner.

        saludos,

    2. ¿Sancionar?

      Mucho miedo leo por aquí ante las amenazas de la dictadura Google ¿no? Dicen algo y todo el mundo se echa a temblar. ¡Que les den!

      1. Hola Fernando, enhorabuena por el cambio!
        Tienes un display none en la linea 909 que hace que no se vea la imagen del post en la home en dispositivos medianos.

      2. Y la etiqueta también peta en la versión móvil; hace que aparezca un scroll horizontal bastante largo.

        Prueba con a ponerle un «white-space: pre-wrap;»

      3. Efectivamente, como dice obc, las etiquetas pre no son muy responsive que digamos.

        Algunos solucionan el problema añadiendo overflow:auto a los estilos de pre. Esto hace que salga una barra de desplazamiento horizontal que se adapta a la pantalla del dispositivo del visitante.

        Por supuesto, esto también afecta a los códigos que se ponen con el syntaxhighlighter.

        Ya nos contarás Fernando qué solución aplicas.

        Un saludo

  3. Alessandro Degiusti

    Esta es la millonésima vez que digo que el nuevo diseño es genial. Y con respecto a lo de las barrasl laterales, yo tampoco puedo vivir sin ellas, son como un complemento obligatorio en el sitio. Lastimosamente en WordPress.com, los nuevos temas ya no las traen, salvo contadas excepciones.

    Saludos!

  4. Ejner Alfredo Galaz

    Fernando, me ha encantado el diseño nuevo. ¿Y pensar que te sigo desde la versión 1.0? Muchas gracias por iniciar todo esto, personalmente le debo mi pasión a WordPress a este sitio y, porque no, a ti. Tal vez este año vuelva a publicar, he estado ocupado en mis estudios y,
    bueno, este año tendré un poco más de tiempo para retomar todo lo
    relacionado con WordPress.

    Como nota personal, considero que está muy grande el logotipo, me «perturba». Lo demás, excelente.

    ¡Un abrazo a la distancia!

  5. Hay un problema al visualizar el sitio con un IPad, al momento de ver las imagenes (las que traen los articulos), no es posible ir cambiando entre ellas, ya que la barra de los puntos tapa las opciones de cambiado (izquierda y derecha).

  6. Hola Fernando. Yo no visualizo bien tu blog. Con un macbook + monitor, la barra lateral me sale por debajo de todo el contenido, como si fuese la versión móvil.

    El primer día lo visualizaba todo OK

  7. Buenas Fernando, mis felicitaciones por el nuevo diseño, ya no he podido comentar tanto como antes por excesiva carga de trabajo y es que ahora si ando metido de lleno en el mundo de WordPress (aprendiendo, siempre aprendiendo, jamás podre considerarme un experto porque lo bonito de todo esto no es la meta, si no la ilusión con la que uno se mantiene en el camino).

    En lo personal me agradaba más el diseño 3.0, tampoco quiero parecer hipócrita jajaja a mí se me hacía bastante agradable; aunque el nuevo diseño lo hace tener un aspecto más moderno, lo que hace que me guste más el anterior es que el 3.0 mejor o peor lo hacía tener un aspecto «único» mientras que la versión 4.0 es agradable y moderna, pero es más como el resto.

    Algún día me gustaría dedicar unas horas a crear una serie de temas para distribuirlos en páginas de prestigio como Theme Forest o Elegant Themes; debe ser un honor para cualquier diseñador/integrador ser considerado un «favorito» por una eminencia en la materia como Fernando Tellado y me encantaría algún día llegar a ser reconocido por mi trabajo. Actualmente hago themes pero los hago a medida para cada uno de mis clientes, además que jamás me atreví o anime a «dar a conocer al mundo» mi trabajo (que sin ánimo de parecer pretencioso lo considero bastante aceptable jajaja lo único que se me atraganta son los diseños responsive porque me da santísima pereza, pero no por otra cosa, si hay que hacer se hace xD).

  8. Genial.. una pregunta.. ¿Qué plugin usas para evitar el SPAM? En mi sitio me están invadiendo los Bots, e incluso hasta escriben nuevas entradas, lo que pasa que no se publican porque están moderadas?

    Saludos

    1. Uso Disqus para los comentarios y sus reglas de filtrado y WordFence para evitar registros masivos y controlar logins. También es muy muy efectivo para ese problema WangGuard, liquida a los sploggers de las narices

  9. Mis felicitaciones por el nuevo diseño. Me gusta 😀 No mas como sugerencia, en el area de los comentarios de Disqus, agregale un padding o Margin para que quede pegado a las orillas. 😛

    Espero leerlos muchos años más. Éxito!

  10. Anda mira, al final has elegido un Nexus, me gusta profundamente, de hecho, es el theme que tuve durante más de un año en mi site, hasta que cambié a Divi 🙂

  11. Hola, el tema esta bien pero en mi móvil al girar la pantalla se descuadra la web y el aviso de cookies me gustan más los que tienen la x para cerrar y ya no los vuelves a ver hasta no limiar las cookies. Gracias por tu tiempo y comentarios un saludo

  12. Pingback: 8 años de Ayuda WordPress | Ayuda WordPress

  13. Pingback: 8 años de Ayuda WordPress

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido