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.

AVISO: esta publicación es de hace dos 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.

Valora este artículo para mejorar la calidad del blog ...

PobreRegularEstá bienMuy buenoExcelente (13 votos, promedio: 4,92 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad
  • teo marsal

    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?

    • 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 🙂

    • Pablo Cruz

      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.

      • Lo del aviso lo he cambiado, a ver si ahora se arregla.

        Gracias 🙂

    • 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.

      • Pues que coñazo, a mi no pero si da guerra se cambia por otro y punto. Gracias por avisar chicos.

        • Jules Dupond

          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é?

  • Elegante y con lectura agradable, me gusta! Saludos.

  • 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,

    • 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 🙂

      • 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,

        • Vale, los quitaré entonces de los posts de opinión y los generales.

          gracias por el toque 🙂

    • Vicente Rico

      ¿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!

  • Carlos Alberto Julián Sánchez.

    Me gusta el diseño, excelente trabajo.

  • softmauro

    No me agrada lo suficiente la versión movil no es del 100% responsive 🙁

    • ¿Qué no es responsive? Yo lo veo todo bien

      • obc

        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.

      • obc

        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;”

        • obc

          * la etiqueta pre

        • Gracias por todo, lo revisaré

      • LGrusin

        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

  • 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!

  • Fermin

    Enhorabuena! Mucho mejor ahora.

  • 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!

    • Gracia Ejner, lamento que te perturbe el logo 😀

  • Eduardo

    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).

    • No sé a qué barra de puntos te refieres

      • Ah ya, la de las estrellitas. Miro a ver que pasa gracias

  • AmetsEroak

    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

    • Que raro, yo uso un MB también y lo veo perfecto ¿qué navegador estás usando?

      • AmetsEroak

        Me ocurre con el Chrome, con el Safari se ve bien.

        • Pues con Chrome también lo veo bien, que raro :/

  • Felicitaciones! Ojalá dure mucho tiempo. Cambiar el tema siempre resulta un proceso traumático!

    • En mi caso algo más, me cuesta un montón 😀

  • 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).

    • Pues te tomo la palabra y eso, quedas adjudicado para Ayuda WordPress 5.0 el año que viene 🙂

  • 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

    • 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

  • 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!

    • A ver si encuentro tiempo para los arreglos, gracias 🙂

  • Sergio

    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 🙂

    • Estuve tentado de usar Divi pero prefería este porque es más sencillo en todos los sentidos y se adaptaba mejor al blog su estilo “blog” 🙂

  • sonic

    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

  • lover5

    Cual plugin usas para los botones sociales?

  • Pingback: 8 años de Ayuda WordPress | Ayuda WordPress()

  • Pingback: 8 años de Ayuda WordPress()

ESTA WEB UTILIZA COOKIES PARA OFRECER LA MEJOR EXPERIENCIA POSIBLE. SI SIGUES NAVEGANDO DAS TU CONSENTIMIENTO PARA LA ACEPTACIÓN DE COOKIES Y NUESTRA POLÍTICA DE PRIVACIDAD más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar