Wow, fue hace poco más de 7 meses, cuando escribí acerca de WPBeginner versión 3.0. Después de mucho trabajo, reconsideración y optimización, estoy orgulloso de presentar WPBeginner 4.0. Hemos lanzado este nuevo diseño justo antes de BlogWorld, es decir, hace aproximadamente 2 semanas. Si lees nuestro sitio web por correo electrónico u otro lector de feeds, te agradecería mucho que le echaras un vistazo. Danos tu opinión. Hubo un montón de cambios importantes en WPBv4 nuevo diseño y la estructura del sitio.
¿Por qué cambiamos a WPBv4 tan rápido?
Cuando lancé por primera vez el rediseño, algunos de mis buenos amigos me preguntaron: ¿no habíais hecho un rediseño no hace mucho? Sí, hace aproximadamente 7 meses. Tener dos rediseños importantes en un período de un año debe exigir una explicación. ¿Por qué cambiamos a WPBv4? Bueno, creo que la razón principal fue la mala conversión. Desde el lanzamiento de WPBeginner, teníamos una barra “naranja” en la parte superior. En el último diseño, nos deshicimos de eso. Eso no solo hacía que el sitio pareciera muy aburrido, sino que muchos de nuestros usuarios se quejaban de que no podían reconocer el sitio. El último diseño era muy chulo porque intentaba emular el escritorio de WordPress, pero se quedó anticuado enseguida. Yo mismo empecé a echar de menos el naranja.
Otra gran queja que escuchamos de muchos usuarios fue que el contenido era muy difícil de encontrar. Para ver las categorías de los blogs, el usuario tenía que estar en la sección de blogs del sitio web. Tener un sitio adaptable a numerosos tamaños de pantalla exigía cambiar el contenido. Esto provocaba una disminución de la conversión (opt-ins, ofertas, clientes potenciales, etc.). Sabía que teníamos que hacer algo al respecto RÁPIDO. Cogí la pizarra y empecé a hacer una lista de cosas que había que hacer. Con tanta respuesta / comentario / opinión, vi que la lista de cosas por hacer se descontrolaba. Lo siguiente que supe es que estábamos en conversaciones para un rediseño. Ahora estamos aquí con un nuevo diseño.
¿Qué demonios ha cambiado?
Ha habido muchos cambios (algunos importantes). Haré todo lo posible por destacar cada uno de ellos y explicar por qué los hemos introducido.
- Cierre de la galería – Lanzamos nuestra galería con la esperanza de mostrar los mejores diseños de WordPress. Todo el contenido fue enviado por los usuarios. La tarea terminó siendo mucho más difícil de lo esperado. Más del 90% de los sitios presentados no pasaron el corte. Casi tuve la sensación de que no avanzábamos. Moderábamos los sitios a diario sólo para descubrir que “No hay calidad en la presentación de sitios” OTRA VEZ. Así que decidí desconectarlo.
- Cupones rebautizados como Ofertas – ¿Recuerdas nuestra sección de cupones? Bueno, ahora tiene un nuevo nombre. Está alojada en Ofertas. Ya no es un subdominio multi-sitio. En su lugar es un tipo de contenido personalizado. Hubo algunas razones por las que hicimos este cambio. La razón más importante era estructurar mejor el sitio. Los cupones nos limitaban a solo entradas de cupones en el sitio. Esto hacía que la sección de Noticias del blog estuviera bastante saturada. Con un nuevo nombre, Ofertas, ahora podemos publicar todo en el mismo sitio. Tenerlo como un tipo de contenido personalizado hace que sea mucho más fácil para nosotros para integrarlo en todo el sitio.
- Videos Lanzados – Finalmente lanzamos WPBeginner WordPress Videos. Se suponía que íbamos a lanzar uno o dos meses después del último rediseño. Debido a todos los comentarios / quejas, decidimos retrasar el lanzamiento. Actualmente hay 17 videos que le mostrará los conceptos básicos de WordPress. Hay planes de añadir más videos tutoriales a medida que pase el tiempo.
- WPBeginner’s Blueprint – Después de hacer el estudio de caso de List25, nos bombardearon con correos electrónicos de usuarios pidiendo un Detrás de las escenas de WPBeginner. Por eso hemos lanzado WPBeginner’s Blueprint. Esto nos da un solo lugar donde podemos hacer un anuncio / catálogo / ficha de todos los plugins, herramientas y servicios que utilizamos. También nos permite mantenerlo bastante actualizado. Blueprint Videos están en los trabajos para hacer esa área más personal.
- Iniciativa de Guías – A menudo recibimos correos electrónicos o tweets de usuarios preguntándonos dónde está la guía. Siempre me daban ganas de darme de cabezazos contra la pared. Mi respuesta era que todo el maldito sitio web es una guía. Sin embargo, entiendo que es nuestro trabajo como equipo hacer que nuestro sitio sea más fácil de navegar. Las guías tendrán una guía paso a paso del uso de WordPress. Actualmente es bastante básico, pero vamos a añadir más elementos / artículo allí. Para aquellos que se preguntan, esto es sólo un área donde mostramos artículos seleccionados a mano que ya hemos cubierto.
- Alojamiento WordPress – En el pasado, teníamos un anuncio / catálogo / ficha de alojamientos WordPress recomendados. En la nueva versión, también queremos la respuesta / comentario / opinión de nuestros usuarios. Hemos añadido la posibilidad para los usuarios de VALORAR cada alojamiento y dejar reseñas. Por favor, eche un vistazo a nuestra página de Alojamiento WordPress para ver si su proveedor de alojamiento está en el anuncio / catálogo / ficha. Si es así, por favor considere dejar una reseña / valoración. Esto ayudará a otros a tomar la decisión correcta.
- Servicios – En el pasado, nuestra página de servicios nunca fue muy elaborada. Proporcionamos una amplia variedad de servicios que no comercializamos. Nunca hemos encontrado la necesidad de hacerlo porque siempre hemos estado repletos de clientes. A medida que vamos contratando a más gente, hemos decidido hacer públicos nuestros servicios en WordPress. Esa página aún está en preparación. Quiero que tengamos una página de destino personalizada para cada uno.
- Genesis Framework – WPBeginner funciona ahora con Genesis. El último diseño era independiente, pero estamos de vuelta con nuestro framework favorito.
- Livefyre – En el nuevo diseño, hemos vuelto a los comentarios por defecto de WordPress. Hemos cambiado de livefyre. Escribimos un artículo acerca de ello“6 razones por las que nos alejamos de Livefyre“.
- Cambios vis uales – Hay muchos cambios visuales. Fuentes, tamaño de fuente, etc.
¿Qué es lo siguiente?
Todavía tengo una larga lista de cosas por hacer. Estoy súper emocionada de ver la dirección en la que estamos encabezados. Pronto empezaremos a ofrecer Freebies. Quiero que tengamos una buena recopilación de libros. Si tienes recomendaciones de libros, por favor contáctanos. Quiero que WPBeginner atienda también a nichos de mercado. Hay algunas cosas más interesantes en los trabajos para que 
Se está trabajando en una nueva sección de sorteos, y luego volveremos a hacer nuestros sorteos regulares como solíamos hacer. No quiero saturar más la sección de noticias. Pronto habrá más noticias al respecto.
Estamos trabajando en una “semi-responsabilidad” de este tema. Básicamente se puede llamar una versión móvil. La mayor queja que recibimos de nuestros usuarios anteriormente fue que nuestro diseño “adaptable” para móviles no les daba la posibilidad de volver a la versión completa. Así que estamos tratando de encontrar la mejor manera de abordar este problema / conflicto / incidencia.
Haré todo lo posible por manteneros actualizados a medida que vayamos añadiendo más características.
Atentamente,
Syed Balkhi
T Miller
Hi, I like the look of your site. You mention the change in your deals section but don’t give any code tips on creating that look. Based on the name of your site, I was expecting a tut follow-up explanation, though you do mention that it’s a custom post type. Since, I am a beginner, it would take me a minute to figure out the style applied to get the same look on your coupon deal. Any chance, I just missed your instructional post on this? Thanks.
Editorial Staff
Interesting suggestion. The purpose of the article was to show users what changed not necessarily show users how we changed it. On a larger picture, often the things we change are fairly hard to explain for beginner users. Yes, you can argue there are multiple level of beginners. You might be on a level where you can understand HTML, CSS, and a little bit of PHP. Then there are those who don’t know how to upload an image.
Administrador
Sarah
I think the new design is a vast improvement. The idea of the last once sounded good but in reality it just didn’t work.
Gautam Doddamani
i love the new design more…genesis is certainly the best framework compared to thesis and others and it handles seo very well…although i also liked the previous one…easy peesy…navigating to pages and stuff..this design is more like a businessey type of approach..i do like it but it can be made better
Mairaj Pirzada
Great News!
iBru
Great, but one more question,
I wonder which plugin do you use to divide the email subscriptions into multiple categories. Thanks.
Editorial Staff
That’s not a plugin. Both MailChimp and Aweber has options for list segmentation.
Administrador
Ankur
Although I do like this design very much but previous one was very unique. The current design is typical blog/magazine type layout whereas previous one was quite unique. I could recognize the site just by looking a portion of it.
Genesis is great addition, I use it myself and really admire it.
Editorial Staff
Thank you Ankur, Yes I can’t agree with you more. The last design was definitely very unique. I think for that vary reason, people had a hard time finding items. Because they were confused. Going back to a traditional layout made more sense.
Administrador
Dave Clements
It’s definitely good to see the blog posts back on the front page. I couldn’t understand for the life of me why you took them away, but glad to see you experimenting. No venture is a waste unless you don’t learn from it. Big improvement over v3 in my opinion.
Editorial Staff
Thanks for dropping by Dave. The blog posts were on the homepage in v3 as well. But with no thumbnails, nothing was making them stand out.
Administrador
Aman
Helly Syed,
Everything is great; but can you give away the old theme (WP Beginner V3) to me!
I really want that. Your old theme was also pretty good!
Editorial Staff
Sorry. Can’t really give that theme away.
Administrador
Piet
Strange that you didn’t realise yourself before launch that version 3 was a BIG mistake.
I think with version 4 you have taken it the other way, it is super boring and way too narrow.
A practical example: I am here lonesome in the bottom of your site writing this comment and I was looking for a link to the home page: no joy
A back to top link then? Doesn’t Genesis come with that by default? No joy either!
Already looking forward to version 5 as this is no good either.
Editorial Staff
Piet, I actually thought that version 3 was really cool. It started to grow old on me after a while. Version 4 definitely improves usability, and our numbers prove that. Will have to wait and see for more feedback. I think we have a good base here, now we are going to work on tweaking and optimizing it further.
Back to the Top link, do people really use that? I guess we can do a heatmap test for that. Yes, Genesis comes with it by default. We took it out of our theme.
Version 5 won’t be here anytime soon. Our goal now is to tweak and optimize this design. The numbers so far have been really promising. If you have more suggestions, please feel free to send it to me. Always love hearing from our users.
Administrador
Eric Suiker
Hi Syed,
The new design is looking great on the iPad and I can even read it without glasses. So that’s good.
The video section looks promissing and the blueprint is great. Learned a lot from it.
Thanks…
Editorial Staff
Thanks for the feedback Eric
Administrador
Nicholas Tart
Hey Syed, I think you’ve done a fantastic job. The orange bar is tremendous. I stared at it for a minute before I realized where the gradient was coming from. I also like how the breadcrumbs area is consistent with the Recent, Popular, Editorial links on the homepage. One thing, I found the deals page here: https://www.wpbeginner.com/deals/ instead of on a subdomain. Very nice job. I think it’s a big improvement.
Editorial Staff
Thanks Nick. Yes, got rid of the subdomain. Moved it from a MS install to a custom post type for better integration with the site.
Administrador
Nicholas Tart
Ooh, I like the “Reply” button too. In the post, “Deals” links to a subdomain.
Editorial Staff
Ah darn it. Fixed that error. Good catch.
Lenin Nongsiej
To add to the above, the list items seems out of place. Consistent formatting would improve the overall looks. I am viewing the site on big screens so to me it does feel a little narrow. 1000px min width for desktops please. For the rest make it responsive. I like the details on everything else keep up the good work.
Editorial Staff
Thanks for the feedback Lenin. Yes definitely has to make the list formatting better. I really appreciate the feedback.
Administrador
Mike
I personally liked v3 myself… It looked more modern, more responsive (even if it wasn’t…can’t remember, but I see this one isn’t responsive), just all-around nicer.
I’m sure I’ll get over it though
Derek Jensen
I’m with you, Mike. Not for the responsive design, but because it was something different and now seems like any other site out there. Sure the orange bar is back, but orange is quickly becoming the new blue with many sites.
Point is that v3 was different and they should have tweaked the site for it to “convert better”. This drastic design looks worse than v2 if I remember correctly.
Editorial Staff
Derek, thanks for the feedback. I cannot speak for others, but in the past two weeks (I made 60 sales of one product this month after the new design). Last month’s total was 40. Sales have increased. Opt-in has increased. Pageviews per user has increased as well. Having well-designed landing pages are key. With responsive it seems that you have to give up the custom styling in most cases. Don’t get me wrong. I’m all for responsive design when it is necessary. With our audience, I don’t think it is. Very few actually read the site using mobile (less than 2% according to GA). v3 was surely unique however not everything that shine is gold. This is a work in progress, and like I said the mobile version will be ready hopefully soon.
Administrador
Derek Jensen
My point wasn’t focused on the move to not be responsive. My point was to think about tweaking v3 so it would be for the sake of this conversation v3.1.0 or something. Even though it didn’t convert as well I think I could have if things were played around with rather than switching to this Genesis Framework. It’s certainly a personal preference as I like to see people strive for different design and learning how to make it work will make you come out on top and lead the way. Wish you the best!
Editorial Staff
Derek, one of the main reasons why it wasn’t working was because it wasn’t intuitive. Users really had no clue how to use that design. It was drastically different, nothing like they have seen on any other website. As to why we didn’t tweak that one? We tried tweaking it. Unlike WordPress, we don’t announce v3.0.1 or 3.0.2 … There were numerous tweaks that we made. But nothing seemed to work. Now maybe if we had better UI/UX guys, it might have worked out (maybe).
Rich
Nice update. You could use some spacing after each bullet – otherwise they run together (see above), and maybe a tad bit less line spacing for paragraph text. I also think the design could be 20-40px wider – 960 is narrow by modern standards.
Editorial Staff
Good advice regarding the bullet spacing. Will put a call for that. Yeah, we will stick with 960 for a while. Maybe in the future it will get wider.
Administrador
Mike
Might I suggest the 1140 grid when you do v5? We’ve started using it on a lot of stuff that’s coming up for us soon and it’s great to work with.
Keith Davis
Hi Syed
I love the new design.
Love anything built on Genesis, well almost anything.
Howe come you aren’t responsive?
I was thinking about moving from native comments to Livefyre, but your article kicked that one in to touch.
I actually like your simple sign in with twitter or facebook comments.
All in all… a big improvement.
Editorial Staff
Keith, we will have a responsive styling for only mobile browsers very soon. But that’s about it.
Administrador
stef
its better nice ..