8 cosas que aprendí a construir un sitio de WordPress sin código

Hace aproximadamente un mes, leí un título en el boletín de estado de publicación llamado “No codifiquemos esto y todos nos vamos a casa”. Está vinculado a un artículo que dice: Las herramientas para construir productos complejos completos sin código alcanzan un punto de inflexión este año. Transformarán rápidamente la forma en que se construyen los productos y quién puede construirlos, y abrirán las puertas de una nueva ola de creadores de productos en la web. Todo el tema, y ​​especialmente la expresión “sin código” en sí, me ha entusiasmado mucho y me ha hecho querer construir un sitio de WordPress sin ningún código y ver cómo fue. Entonces eso es lo que hice. Este artículo presenta las ocho lecciones principales y mis conclusiones en el proceso.
Las notas sobre el proyecto aquí son los detalles sobre lo que realmente hice para el código sin código que elegí, cuánto tiempo duró y cuál fue el resultado. Siéntase libre de mudarse directamente a los ocho productos en el paquete si lo desea. ¿Qué significa “WordPress sin código”? Ninguna parte del proceso de desarrollo requiere PHP, HTML, CSS, JavaScript o cualquier otro lenguaje técnico. ¿Qué significa no codificar un sitio de WordPress? (Lo que sea que pueda ser un verbo si desea suficiente). Ciertamente no significa que el sitio de WordPress en sí no tenga código: WordPress está hecho de código, y especialmente de PHP, ya que un automóvil está hecho de piezas.
Lo que significa es que ninguna parte del proceso de desarrollo requiere comprender cómo leer o escribir los cuatro lenguajes técnicos de WordPress (PHP, HTML, CSS, JavaScript) o cualquier otro lenguaje de programación. Este también es un lanzamiento informal para WP No Code en sí, porque me gustó la experiencia y me gustaría continuar desarrollando tanto mi propio conocimiento como la capacidad de enseñar un buen código para WordPress. El sitio que construí: WP sin código quería construir un sitio que pudiera estar allí si estaba entusiasmado con el aprendizaje y, sobre todo, enseñar un enfoque sin el código de ensamblaje de WordPress. Hermoso, wpnocode.com estaba disponible, así que lo tomé y este es el sitio que construí. ¡Échale un vistazo! Y aquí hay una captura de pantalla de la página inicial, si no sientes clics: ¿quieres saber cómo lo hice? Grabé todo el proceso. Literalmente, todo el proceso, en esta lista de reproducción de 12 videos que cubren aproximadamente 8 horas de desarrollo:

https://www.youtube.com/watch?v=NQCE594EJT4&list=PLLO6QBY3JQB7DUM8OOVRWPAXPHL
Puedo recomendar con confianza esta lista de reproducción si desea comprender los elementos esenciales de WordPress Assembly sin código y puedo recomendarla con gran confianza si desea observar ocho horas cuando estoy fácilmente confundido. (Tengo muchas series de videos sin video planeadas para el futuro, así que manténgase en la fase). Las herramientas que utilicé planean muchos videos de construcción detallados que describen las herramientas para usar en profundidad, pero por ahora aquí están las opciones en lo que hice, lo cual estaba satisfecho con todo. (Algunos enlaces son enlaces afiliados.) SiteGround para alojamiento. Utilizamos nuestra cuenta de GoGeek existente, que también alberga WPShout.
Tema Astra (versión profesional). Sospecho de todos los temas comerciales, pero probé Astra el mes pasado y me pareció maravilloso sin las malas decisiones incorrectas y malas. También usé y me gustó el tema de Beaver Builder, pero la función “Iniciar sitios web” (discutir a continuación) me conquistó y creo que tomé la decisión correcta.
Beaver Builder como generador de página (versión Pro). El mejor generador de página de WordPress porque no tiene errores. (El elemento también es lo suficientemente bueno, pero me da un dolor de cabeza lo suficiente como para evitarlo, si ya hay un sitio).
Beaver Themer para plantillas personalizadas. Aprendió que lo que hace Beaver Themer fue increíblemente interesante, fácilmente el clímax del proyecto. Discuto en profundidad en la comida para llevar #7.
WP forma lite para el formulario de contacto. Iba a usar formularios de gravedad, mi complemento de formulario favorito, pero es costoso para un solo sitio que decidí dar una oportunidad WP Forms Lite y funciona muy bien.
Puentes y campos personalizados avanzados (versión gratuita de ambos) para grabar nuevos tipos de publicaciones personalizadas, taxonomías personalizadas y campos personalizados. Los puentes también pueden hacer campos personalizados, pero soy común y confío en el ACF, y Beaver Themer funciona con ACF en la caja, mientras que él necesita otra extensión para trabajar con POD. Versión, más extensión de URL). Esto ha ingresado a los límites de carga del servidor, literalmente siempre es algo con la migración de sitios de WordPress, pero sabía cómo omitirlos y aún era mucho más fácil y más confiable que cualquier otro enfoque de migración que podría tenerlo.
Y ahora, sobre mis conclusiones en el proyecto:
1. Las herramientas gratuitas de WordPress han mejorado mucho recientemente hace unos años, “Build un sitio de WordPress sin código” fue una mentira que le dijo a los creadores del tema, sabiendo que el resultado roto se convertirá en un problema del desarrollador. He estado en WordPress profesional durante unos ocho años. Cuando comencé, e incluso hace dos o tres años, “construir un sitio de WordPress sin un código” era una mentira que las compañías temáticas (o los minoristas de los creadores de páginas) le dijeron: Sabían que también quería comprender los compromisos de pesadilla hasta que se conviertan en un problema del desarrollador, después de unos meses de frustración.
Este era el contexto cuando, a mediados de 2017, probé Squarespace. Fue una revelación. ¿Cómo puede la creación de un sitio web ser tan fácil e intuitiva? La sensación era mucho: “Es tan desafortunado que WordPress no tenga una experiencia de crear sitios tan fáciles de usar, sin grandes efectos secundarios que arruinan por completo a WordPress como un sistema técnico”. Desde entonces, mucho ha cambiado. Recientemente, restauré mi sitio de Squarespace completamente con Beaver Builder y Beaver Builder, y fue un proceso casi totalmente indoloro, al igual que el Squarespace original. Además, utilicé el código solo para algunas cosas muy difíciles, como algunas CSS personalizadas para controlar el color del encabezado, y, en mi experiencia original de Squarespace, confié en el mismo CSS. En este proyecto, me di por vencido incluso en CSS y estoy muy satisfecho con el resultado. La tecnología con la que podría soñar hace menos de tres años está mucho aquí, en este momento y realmente me gustaba usarla. 2. Para crear sitios web de WordPress sin código, realmente necesita saber lo que hace una y otra vez en este proyecto, he agradecido de haber creado sitios de WordPress durante más de una década. No me gustaría probar ninguna parte de este proyecto por primera vez, especialmente si tuviera una fecha límite o (el cielo guarde) un cliente que paga que respira en mi cuello. Estaba agradecido, en primer lugar, por la abundancia de conocimiento al tomar las decisiones correctas en términos de tecnología:
Por qué SiteGround es la mejor opción para alojar un sitio de WordPress solo al principio y cómo usar su área de administración para crear rápidamente una instancia de WordPress, colocar el sitio en SSL, etc. O temas elegantes que podría haber elegido.
Por qué Bever Builder es la mejor opción en el generador de páginas y por qué no usar Gutenberg para una creación de diseño serio.
Cómo encontrar buenas imágenes de stock sin licencia (Unsplash), dónde ir a diseñar rápidamente elementos visuales (canal) o editar imágenes de estilo Photoshop (GIMP), cómo verificar si se propagan los cambios DNS (lo que es DNS My), y así en.
Cómo migrar los sitios de WordPress con la migración de WP todo en uno (incluso después de haber alcanzado los molestos límites del tamaño de carga impuestos por el servidor).
Y muchos otros ejemplos. Pero se ha resumido mucho en la comprensión de WordPress, no el código, sino los cimientos de lo que son las cosas.
¿Por qué son publicaciones de una página y blog?
¿Cuál es un tipo de publicación de WordPress personalizada y por qué me gustaría una para las demostraciones del sitio, en lugar de convertirlas en páginas o publicaciones (aterrador)?
¿Cuáles son los campos personalizados y las taxonomías personalizadas y por qué son útiles para construir demostraciones en algo con funciones completas?
Por qué la página de inicio del blog se ve de alguna manera en la demostración del tema y cómo cambiarla a la pantalla predeterminada para el índice del blog.
Lo que Beaver Themer realmente hace en términos de mapeo de campos personalizados y otros datos del sitio en publicaciones de publicaciones arbitrarias y por qué es relevante para mis necesidades. Por qué mi primer paso para ver 404 después de la migración es “guardar los cambios” (después de que no lo hice. hacer cambios) en enlaces permanentes, en lugar de pánico.
Y muchos otros ejemplos a lo largo de todo el proyecto. En resumen, siento que sin codificar un sitio web de WordPress se habría ido de lado si aún no hubiera sido un profesional experimentado de WordPress.
3. “” Experto en WordPress que no sabe cómo codificar “se acerca a ser real que este proyecto inicialmente se sintió como una captura -2: ¿Dónde se ha ganado todo este conocimiento, mientras no aprendí cómo debo codificar? Dado que estaba muy feliz de tener mi conocimiento existente sobre este proyecto, WordPress sin codificación se sintió inicialmente como una captura-22: ¿dónde tuvo que obtener todo este conocimiento que es difícil de ganar, mientras no aprendo cómo codificar ?
Pero pensando más en esto, creo que si empiezo ahora, hay grandes posibilidades de poder hacer una buena carrera al “saber mucho en WordPress, pero no cómo bacalao”. Se siente como la descripción correcta de la publicación de una asamblea de WordPress y, si esa persona comienza con el buen pie, puede aprender en el trabajo, en proyectos de clientes reales, como lo hice yo. Solo aprendemos un conjunto diferente de cosas, utilizando diferentes tecnologías. Es más factible que nunca hacer una buena carrera en “saber muchas cosas en #WordPress, pero no cómo codificar”. Haga clic para enviar en Tweet Honestamente, es muy similar a cómo no tuve que aprender “cerca del metal” como C para llamarme un programador web y cómo algunos programadores experimentados creo que es una locura. Las herramientas obligatorias de hoy son la arquitectura de mañana que no siempre debe conocer para los trabajos más comunes y, por lo tanto, eventualmente puede convertirse en PHP y CSS en WordPress. Ciertamente, hay una demanda de mercado muy alta para este resultado y es por eso que las cosas tienen Beaver Builder y Astra han mejorado tan rápido.
Las herramientas obligatorias de hoy son la arquitectura del mañana, y esto debería suceder gradualmente con #PHP y #CSS en #WordPress. Haga clic para enviar en Tweet Por supuesto, siempre necesitará muchas personas que entiendan esos idiomas, así como siempre necesitará muchas personas que entiendan C. creando cosas nuevas, creando nuevos temas, en lugar de la personalización de los existentes o lo que sea. Se asemeja al desarrollo de una nueva funcionalidad mediante la creación de complementos, requerirá conocimiento de codificación en el futuro previsible, así como el trabajo más complicado e interesante incluso en la construcción de sitios web. Como una forma de ayudar a las pequeñas empresas con sus necesidades más comunes, crear sitios web #Wordpress sin código ya es una realidad. Haga clic para enviar en tweet, pero para ayudar a las pequeñas empresas con sus necesidades más comunes (página de inicio maravillosa, urgencia clara, algunas páginas interiores, formulario de contacto, sección de blog, haga que se vea bien en un teléfono …), WordPress sin El código es casi una realidad. El conjunto de WordPress Uninnoyless tiene la misma tasa de trabajo que el desarrollo normal de WordPress, llamo el ritmo habitual del desarrollo web “80% listo, solo 80% hasta el final”. Crees que casi terminaste en el proyecto casi temprano, porque hiciste todas las cosas simples y hermosas y aún no eres consciente de los dos o tres problemas medios que te mantendrán despierto hasta tarde. en la frustración. Luego, en un momento, se revelan esos problemas, usted hace una gran cantidad de molienda y enseña un proyecto que tiene un 60% sobre el presupuesto. ¿Suena familiar?
Esta no es solo mi estupidez (o la tuya), sucede en los aeropuertos y otras cosas, es un problema muy difícil. (Algunos consejos excelentes para tratar esto, en el caso de proyectos con clientes que pagan reales, es tomar lo que cree que es la estimación más conservadora, dupléela y citar esto). Como en un proyecto regular, me he enfrentado a algunos desafíos ocultos Eso requirió mucho trabajo para resolverlos. Sin embargo, la idea es que este ritmo todavía se mantiene en la creación de sitios web de WordPress sin código, así como en el desarrollo de WordPress en función del código. Fui golpeado por una gran mirada que no entendía cerca del final del proyecto y luché por lo que me pareció para siempre, ya que llegaría a una versión de PHP extraña en un proyecto normal, y estaba obsesionado con los pequeños. Detalles en Beaver Builder, ya que me habría obsesionado con pequeños detalles en texto sublime. Una diferencia en este proyecto, sin embargo, fue ese tiempo volado. Mientras hablo en el paquete no. 8, creo que me gustó la belleza de todos. 5. La renuncia al control está bien, la construcción del sitio de esta manera fue en gran medida un ejercicio confiable y, nuevamente, porque sentí que elegí buenas herramientas, casi siempre sentí que esta confianza ha valido la pena. En algunos casos, sentí que el producto final era mejor y más fácil de crear que si hubiera adoptado un enfoque capaz del código de proyecto. Vi esto especialmente en el lado del diseño. Creo que el sitio web de WP No Code se ve bastante bien (y se verá mejor con contenido más detallado) y no hubiera podido obtenerlo allí solo en mis propias habilidades de diseño.
Astra tiene una función de “sitios iniciales” realmente geniales si confía en él, que aparece en un sitio web totalmente configurado, con sus aspectos pre-incorporados en su elección de buenas páginas (que le restringe las opciones en Beaver Builder y Elementor). Vi uno que me gustaba y fui con él. Ni siquiera cambié los colores o la tipografía. Me gustaron, por eso elegí la demostración primero. Siento que este ejercicio de confianza ha dado fruto, con una excepción a la que llegaré más tarde. Pasé mucho tiempo esperando que mi tema y complementos hicieran exactamente lo que tenían que hacer, porque no los repararía si no. En general, pasé mucho tiempo esperando que el tema, las páginas y otros complementos hagan exactamente qué hacer, hasta que el cuadro de selección y el píxel, porque no los iba a reparar. que no. Nuevamente, porque sé qué elegir, mi confianza casi siempre fue recompensada y esta fue una gran sensación. 6. La renuncia al control es mala alrededor del 80% en el proyecto, me quedé atrapado en una decisión increíble que se construyó el sitio inicial. Al revisar los videos, de hecho, veo que noté el error hasta la primera hora, pero luego me distraí e incluso levanté la cabeza siete más o menos. Tenía dos pequeñas indicaciones de “¿Por qué lo hicieron?” Sentirse familiar porque ha dado demasiada confianza en los sistemas de software anteriores.
Este “¿Por qué lo hicieron?” El sentimiento era familiar por la confianza en proyectos de software anteriores que no merecían esa confianza. Tuve una experiencia similar con una mala decisión, también del creador del sitio inicial, de hacer casi todo lo que es un módulo de encabezado de Beaver Builder (un módulo útil para una gama limitada de cosas, pero no flexible), así como para Cree pequeñas “etiquetas” por encima de los elementos

(que me gustaron) que estaban marcados como elementos

(que no me gustaban). Iba a vivir con esto, pero es malo tanto para el SEO como para la accesibilidad y, finalmente, pasé veinte minutos reparandolo en todo el sitio. No me gustó eso. Este sentimiento es lo que me mantuvo alejado de los constructores de páginas durante años, hasta que se volvieron lo suficientemente buenos (bueno: uno de ellos se ha vuelto lo suficientemente bueno) para que pueda usarlo sin perder constantemente mi autonomía. La sensación apareció solo una o dos veces en un proyecto que, en total, fue muy suave y feliz. Pero ciertamente existe otra posibilidad, y, una vez más, creo que una irritación moderada se habría sentido bastante pánico si no supiera cómo codificar en WordPress o si el proyecto hubiera estado en nombre de un cliente real. Agregue las malas herramientas a la mezcla: temas, complementos, alojamiento, etc., que probablemente sea poco probable que violen la autonomía y la confianza del usuario (que sigue siendo una excepción)) y el pánico sería severo e de inmediato.
7. Beaver Themer es increíble, estoy afiliado a Beaver Builder (si hace clic en un enlace en este artículo y compra algo de ellos, gano una comisión) y no quiero tener la impresión equivocada de que estoy fingiendo el entusiasmo por Este producto, así que deja que SA comience con negativos. Beaver Themer es una locura. Pagué $ 147 de su bolsillo por él y quiere renovar por la misma cantidad el próximo año. Pagar $ 147 anualmente por un complemento duele físicamente.
El nombre es horrible. Hasta el día de hoy, estoy muy confundido entre el tema de Beaver Themer y Beaver Builder (¿me culpas?), Mientras escribiera las primeras 2.000 palabras en mi revisión del tema de Beaver Builder, llamándolo “Beaver Themer”. Horrible nombre para un complemento que no es un tema, nada que cree un tema.
Lo que realmente hace está confundido. Específicamente: debe comprender cómo funcionan los temas de WordPress para comprender lo que hace es tan sorprendente y, una vez que comprende cómo funcionan los temas, su necesidad de pagar USD 147 por Beaver Themer disminuye significativamente.

De acuerdo, con esas cosas fuera de la carretera: Beaver Themer es la pieza más sorprendente de software de WordPress que vi en la memoria reciente.Beaver Themer de @BeaverBuilder es la pieza más sorprendente de software #Wordpress en la memoria reciente.Haga clic para enviar en Tweet lo que, prácticamente, es darle una alternativa a la jerarquía de plantillas de WordPress que realmente funciona.Sin Beaver Themer, si desea agregar un valor de campo personalizado a cada publicación de ejemplo, debe crear un solo ejemplo.php en su tema e ingresar el PHP.Con Beaver Themer, puedes hacer lo mismo, usando:
Interfaz estándar de Beaver Builder de arrastrar y soltar. Beaver Themer le permite colocar cualquier parte del sitio en cualquier lugar de cualquier parte de su sitio, de una manera que pueda modelarse automáticamente. En general, con Beaver Themer, puede colocar cualquier parte de los datos del sitio en cualquier parte de cualquier parte de su sitio, de una manera que se pueda plantarse automáticamente. Necesitaba esto, porque, de lo contrario, las publicaciones del tipo de publicación personalizada que creé, demos, se parecían a publicaciones de blog. No pude personalizar su apariencia, lo que es más importante, para agregar diferentes tipos de metadatos. Pensé que no hay forma de omitir esto sin código, y Google para asegurarme de lo que me hizo darme cuenta de que, de hecho, esto es exactamente lo que hace Beaver Themer. Beaver Themer marca el segundo producto en el equipo de Beaver Builder que sorprendió mi mente más fuerte que casi cualquier otro producto de WordPress (el único que viene a la mente es el complemento de migración WP todo en uno). Y es muy fácil perderse el hecho de que hacen esto, porque su marketing es muy … discreto. Si el marketing de Beaver Builder fuera tan excepcional como sus productos, tendría un corte de cartón de tamaño de cartón en este momento. Sin embargo, dijo, eche un vistazo a Beaver Themer. Si desea crear sitios web de WordPress sin código, es un imprescindible oficial. 8. ¡Los sitios web sin codificación son divertidos! ¡Y los sitios web pueden salir!
No me divertí mucho haciendo un sitio web desde mi primera experiencia con Squarespace. Para ser sincero, no tuve mucha diversión para crear un sitio web a partir de mi primera experiencia con Squarespace. Creo que parte de eso fue el desafío adicional: puedes hacer esto, pero puedes hacer esto fingiendo que no sabes qué es CSS. ¿O cómo cambian los archivos reales de un tema? Pero probablemente la mayoría fue: fue casi todo en el frente. Con algunas excepciones (algunas de ellas, como la migración, aún bastante dolorosas), el flujo de trabajo fue: miro mi sitio, hago un cambio en una interfaz visual y mi sitio cambia. Es una creación pura y, a partir de mi experiencia, funciona muy bien para el sistema nervioso humano y los centros de recompensa. De hecho, me desperté absorbido, así que lo que pensé que sería una prueba de un concepto de una hora, transformado en un proyecto apasionado de ocho horas. Siempre ha sido posible crear un sitio completamente libre de código #Wordpress. La diferencia es que ahora el sitio puede ser bueno. Haga clic para enviar el tweet al final de estas horas, estoy orgulloso y entusiasmado con el resultado. Me complace mirar el sitio web de WP No Code y me complace agregarlo y construirlo. No estoy nervioso de que mires el teléfono o notarás que el sótano está atrapado en el contenido, por lo que pierdes las últimas 40 palabras de lo que estaba tratando de decir. El sitio funciona y creo que se ve muy bien mejor que si hubiera hecho todo solo. Siempre ha sido posible construir un sitio completo de WordPress sin código. La diferencia es que ahora el sitio puede ser bueno.
Sin codificar un sitio #wordpress con las herramientas adecuadas es lo que todos querían tener 25 años.Haga clic para enviar en Tweet
Esto es lo que la gente ha querido ser la creación de sitios web durante unos 25 años. Squarespace lo hizo en un entorno muy pequeño, con una fuente cerrada hace unos años, y ahora WordPress lo ha hecho. No fue fácil y duró la eternidad, aproximadamente 15 años, desde el comienzo de WordPress como proyecto de software. Para llegar aquí, la web en sí tuvo que mejorar, en primer lugar. (Hola, es decir, solo debo decir que nunca pienso en ti). Después de eso, necesitaba un software gratuito masivo y un esfuerzo de equipo abierto, extensiones gratuitas y de código abierto para ese software y, especialmente, extensiones pagadas que finalmente logró combinar la “respuesta a las necesidades del mercado” con “escribir cosas que realmente funcionan”. Esta es la parte nueva y, si sabe qué herramientas usar, así como los elementos fundamentales de WordPress, finalmente hace que la creación de sitios web de WordPress sin código. Cómo comenzar su propio viaje sin el código de WordPress Aprender este enfoque para crear el sitio de WordPress fue divertido y me gustaría enseñarlo. Por lo tanto, este artículo es un lanzamiento fácil de WP No Code en sí mismo como recurso docente, con tutoriales más cortos y más concentrados. Manténgase en WPShout, porque primero compartiré todo lo que creo aquí. Si apenas puede esperar para comenzar, o si ya lo ha hecho, entonces le animo a que verifique su propio conjunto de lista de productos que compartí anteriormente. He visto más en el mercado y realmente creo que estas son las mejores herramientas disponibles para las asambleas de WordPress en este momento.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

gkOVSBm5B8SgiXmo

Shopify vs WooCommerce – ¿Cuál es la mejor plataforma?(Comparación)

Shopify vs WooCommerce

Leave a Reply

Your email address will not be published. Required fields are marked *