Desarrollo de WordPress para principiantes: nociones introductorias

¿Está interesado en aprender PHP y construir sus propios temas y complementos de WordPress? ¿O simplemente para codificar sus propias personalizaciones asesinas para sus sitios? Aprender el desarrollo de WordPress puede parecer una cosa desalentadora, pero todo es limitado. Así que creé esta serie gratuita para ayudarlo a comenzar el año nuevo correcto. Durante cinco semanas, aprenderá PHP y comenzará a codificar sus propios temas y complementos desde cero. Esta es la primera publicación de nuestra serie de cinco partes para principiantes, que le enseña los conceptos fundamentales del desarrollo de WordPress, para que pueda dar el salto del gerente al desarrollador.
Nota: Para esta serie, es importante tener una comprensión en profundidad de HTML y CSS, ya que ambos idiomas son esenciales cuando se trabaja con WordPress. Vamos a empezar. ¿Te has perdido un tutorial en nuestra serie de desarrollo de WordPress para principiantes? Puede mantenerse al día con las cinco publicaciones aquí:
Desarrollo de WordPress para principiantes: nociones introductorias
Desarrollo de WordPress para principiantes: PHP Learning
Desarrollo de WordPress para principiantes: temas de construcción
Desarrollo de WordPress para principiantes: widgets y menús
Desarrollo de WordPress para principiantes: complementos de construcción

Los cambios en el código básico de WordPress se realizan en Make WordPress Core.
Cómo funciona WordPress para comprender qué y cómo podemos desarrollar para WordPress, comenzaremos a ver cómo funciona WordPress.
Tiene tres componentes principales: núcleo, temas y complementos. El código básico contiene todas las funcionalidades predeterminadas que componen el sistema de administración de contenido de WordPress. Esto incluye todo, desde antecedentes administrativos hasta funciones como publicar, verificar la potencia de contraseña, lo que permite la creación de usuarios, etc. Si bien el núcleo es responsable de los antecedentes de un sitio web y la forma en que funciona, los temas son responsables del front-end y la forma en que nos vemos y sentimos los sitios web. Utilizamos el administrador de WordPress para crear publicaciones, páginas y otro contenido del sitio, pero exactamente cómo se muestran nuestras publicaciones y páginas a los visitantes depende del tema. Esto le brinda una potencia considerable en su sitio. Es posible que desee instalar y activar temas preconstruidos o completamente fuera de la caja y seguir su propio camino con diseños personalizados. Describir complementos es que ofrecen características adicionales de WordPress. Para hacer esto, un complemento puede cambiar el backynd y/o el front-end de un sitio web. Un complemento que agrega un botón de tweet para Twitter es un buen ejemplo. Probablemente crearía una nueva página de configuración en el menú de administración de backend, donde podría configurar algunos valores predeterminados para el tweet de un usuario y también se sumaría al front-end de un sitio web, muy probablemente mostrado. En una publicación. Áreas de desarrollo En términos de desarrollo de WordPress, puede desarrollar cualquiera de los tres componentes principales anteriores, además de las aplicaciones por cuenta propia, con la ayuda del nuevo descanso API, pero más al respecto a la vez.
Independientemente de lo que desee hacer con WordPress, recomendaría seguir una forma establecida en los estudios. La siguiente lista lo ayudará a familiarizarse con los sistemas que necesita saber antes de aprender más sobre el área que elija: Temas
complementos
El resto
Centro
Los temas aprender cómo funcionan los temas y cómo desarrollarlos le permitirán crear sitios web y crear sitios de una sola página, sitios web de contenido dinámico y todos los demás. También le permitirá obtener mejor/más trabajo del cliente (si es lo que le interesa ver) o incluso ingresar al negocio de ventas.
Hay muchos autores de temas exitosos en mercados como Themeforest y Mojo Marketplace, entre otros. En el momento de escribir este artículo, el tema más popular en Themeforest vendió 1,377 la semana pasada, ¡eso es más de $ 81,000 en una sola semana! Es mucho dinero si puedes desarrollar el tema perfecto. Aunque no todos los desarrolladores de temas ganan tanto dinero y es posible que no se convierta en multimillonario durante la noche en la construcción de temas, aún puede vivir maravillosamente si hace las cosas bien. Si desea ver algunos excelentes ejemplos de temas, eche un vistazo a los mercados que mencioné anteriormente o consulte al director temático de WordPress, donde todo es gratis. Muchos desarrolladores de temas por primera vez lanzan su trabajo en el directorio.
Los complementos de alguna manera, los complementos son sangre de WordPress, transformándola en cualquier cosa, desde un foro hasta una red social, plataformas comerciales electrónicas y más, simplemente presionando un botón. Los complementos le brindan un control total sobre todos los aspectos del sistema de WordPress, lo que le permite cambiar lo que desee. Puede ser de gran ayuda para crear una etiqueta blanca de WordPress para los clientes, agregando esa pequeña función que siempre necesita; Haz tu WordPress. También hay mercados de complementos y generalmente son propiedad de algunas de las mismas compañías que también gestionan los mercados temáticos. Codecanyon es, con mucho, el más grande, con más de 4,000 arados disponibles para su compra. Las ventas tienden a ser más pequeñas que para los temas, pero si encuentra el nicho adecuado, aún puede ser muy rentable. WordPress también tiene un director de complementos gratuito con más de 40,000 complementos. Es una gran fuente de herramientas, inspiración y ejemplos de gran código (y, desafortunadamente, código malo). El resto del resto usa el uso del resto vendrá un poco más adelante en su carrera, cuando haya dominado los temas y el desarrollo de complementos, aunque en teoría, puede usarlo si conoce otro idioma, como Java o Ruby. La API REST es relativamente nueva y le permite crear verdaderas aplicaciones basadas en WordPress. Esto incluye aplicaciones para iPhone y Android y todo tipo de locuras, como aplicaciones de TV, incluso si conoce otros lenguajes de programación.
La mejor manera de explicar esta característica es compararla con algo como Twitter o Instagram. Sin lugar a dudas, viste el flujo de Twitter de alguien mostrado en su sitio web. Para agregar esta función a su propio sitio, no necesita saber cómo funciona el código básico de Twitter, todo lo que necesita es un poco de código que dice: asume mis últimos cinco tweets. Twitter está a cargo de hacerse cargo, escupir los datos de los cinco tweets que solicitó. Luego puede usar HTML y CSS para mostrar esos datos. Esto es exactamente lo que hace el resto de WordPress. Puede iniciar sesión en cualquier sitio web y solicitar las últimas cinco publicaciones. Pero puede hacer mucho más que eso: puede eliminar usuarios, crear usuarios, editar categorías y más (que debe autenticarse, por supuesto). Esto significa que puede usar WordPress como depósito de información y construir front-end y/o back-end utilizando un sistema completamente diferente.
WordPress Core es desarrollado por una comunidad de miles de voluntarios de todo el mundo. Un total de 471 personas trabajaron en WordPress 4.4 y muchas más personas trabajan en otros aspectos de WordPress, desde traducciones móviles y aplicaciones hasta accesibilidad y asistencia. De hecho, podrías involucrarte en este momento. Aunque necesita tener suficiente experiencia para contribuir al código de WordPress, puede comenzar a identificar errores, verificarlos y enviar ideas en cualquier momento usando WordPress Trac, el lugar para desarrollar el código base de WordPress. . Si ha encontrado un error, puede adjuntar el código que se deshace de él. Después de una cantidad suficiente de revisión y verificación, su código se utilizará si todo se verifica. Esta es la mejor manera de involucrarlo en la contribución al desarrollo básico. El thephorest es, con mucho, los temas de WordPress más populares, con más de 6000 temas de venta.
Desarrollo de WordPress:
Lo que necesita aprender, hay un conjunto de herramientas bien definido con el que debe estar familiarizado para comenzar a desarrollar el diseño web de WordPress y WordPress. Sin embargo, para cualquier buen desarrollador, el proceso de aprendizaje nunca termina. Presentaré el paquete inicial aquí y también cubriré algunas de las herramientas más avanzadas que eventualmente puede conocer a medida que descubra más. El mínimo absoluto con el que tendrá que sentirse cómodo es HTML, CSS y PHP. Además de estos idiomas, eventualmente querrá aprender JavaScript y MySQL en un momento. Cuando entiendes bien estos idiomas, puedes pasar a cosas como menos/sass, coffeecord, xml, json, etc. Ninguno de estos idiomas es esencial para el desarrollo de WordPress, pero su conocimiento ampliará sus horizontes y/o hará que su desarrollador sea mucho más fácil. HTML y CSS Los dos primeros idiomas que debe aprender son HTML y CSS. Independientemente del código que escriba, independientemente del idioma que use, todo finalmente se reduce a HTML al enviar páginas web a un usuario y, muy probablemente, algunos CSS han diseñado esa página. HTML es responsable de la estructura de los sitios web. En un nivel básico, esto significa que decidirá qué texto debe ser un título, qué debería ser una lista, que está en la barra lateral y qué hay en el encabezado y el sótano. En un nivel más profundo, en realidad toma importantes decisiones de SEO y optimización. Sin embargo, no se preocupe por este momento, porque es más importante familiarizarse con la sintaxis. CSS se utiliza para aplicar estilos de su estructura HTML.
Definirá el color del texto, los enlaces, el espacio entre los párrafos, la alineación de la imagen, los colores de los bordes, las propiedades del flotador, el grosor del borde y otros elementos utilizando el código CSS.CSS es extremadamente fácil de aprender, pero muy difícil de dominar.

El sitio W3Schools Web Developers ofrece tutoriales fantásticos sobre cómo usar HTML y CSS. PHP PHP es un lenguaje de secuencias de comandos extremadamente popular en el lado del servidor y, según la encuesta de tecnología web W3Techs, se utiliza en el 81.6% de todos los sitios web donde se conoce el lenguaje. PHP es el lenguaje que se construye WordPress (y la mayoría de los otros sistemas de gestión de contenido) y, como tal, el conocimiento en profundidad de PHP es esencial para el desarrollo de WordPress. Solo conociendo PHP, adquirirá más que el conocimiento de WordPress. Aprender cualquier idioma del lado del servidor le dará una perspectiva sobre cómo funciona la programación y le dará un tipo especial de lógica, que puede usar para resolver todo tipo de problemas en línea y fuera de línea. Un idioma en el lado del servidor difiere de un idioma en el lado del cliente, como HTML, siendo procesado primero en el servidor. En HTML, puede escribir código para buenos días y que HTML se enviará al navegador tal como está, donde sus visitantes verán “buenos días”. En un idioma al lado del servidor, puede escribir código para algo como bueno [Time_of_day]. Y antes de que se envíe ese pedido al usuario, el servidor lo procesará y descubrirá qué poner en [Time_of_day]. Dependiendo del momento en que acceda al sitio, puede ver “buenos días” o “buenas noches”. Tenga en cuenta que los datos que recibe su navegador todavía están en HTML antiguo, pero se han procesado en el servidor de antemano. Además, tenga en cuenta que el código anterior no es el código PHP real, es solo un ejemplo para mostrar su lógica.
W3Schools también ofrece un fantástico tutorial de PHP. Observaremos los elementos básicos de la programación PHP en el segundo tutorial de esta serie, pero vale la pena cepillarse sus habilidades para que se vuelvan competentes. Al igual que con todos los lenguajes de programación, es la práctica la que hará que las cosas se hundan y lo ayuden a mejorar. Podrías aprender casi todo PHP en unos días, pero aún no tienes idea de lo que estás haciendo: tienes que probar cosas, confundir, no entender lo que está sucediendo. En general, quédate con eso! Como dicen, la práctica lo hace perfectamente. JavaScript El papel de JavaScript en la Web está aumentando constantemente, especialmente con herramientas basadas en JavaScript, como Node y Angular. JavaScript generalmente se usa para agregar un sitio web dinámico y sitios web asincrónicos. Permítame darle un ejemplo para ambos. Si desea que un formulario esté completamente oculto, pero desaparezca dentro de un cuadro de luz cuando el usuario haga clic en un botón, puede usar JavaScript, ya que puede administrar la animación y otras características, como verificar el formulario correcto antes que se enviará. La carga asincrónica se realiza a través de un mecanismo llamado AJAX. AJAX se puede usar para tomar información del servidor y luego mostrarla sin recargar la página. Un buen ejemplo es el desarrollo interminable en el que se cargan las primeras 10 publicaciones y cuando se acerca a la parte inferior de la página, las siguientes 10 publicaciones se toman y se adjuntan al conjunto actual. En noviembre, Automatic lanzó Calypso, una aplicación de escritorio que permite a los usuarios administrar sitios web con WordPress.com y Jetpack.
Escrito exclusivamente en JavaScript y utilizando bibliotecas como Node y React, Calypso señala un cambio potencial de la adicción a WordPress. Como tal, el cofundador WordPress alentó a los desarrolladores a “aprender JavaScript”. Un buen lugar para comenzar a aprender JavaScript es nuevamente W3Schools. No exploraremos JavaScript en esta serie para principiantes, pero vale la pena aprender, porque saber que este lenguaje se volverá esencial para los desarrolladores de WordPress en los próximos años. Muchos desarrolladores aprenden por primera vez a JavaScript a través del extremadamente popular JQuey Frame. Se usa ampliamente en WordPress y millones de proyectos en la web. Aunque esto está bien, tenga en cuenta que JavaScript es más que JQuey, y el aprendizaje de JavaScript por su cuenta también es una buena idea. MySQL MySQL es un idioma utilizado para acceder y trabajar con datos desde una base de datos. WordPress lo usa mucho para hacerse cargo de todos sus datos, pero, como desarrolladores, no necesitará demasiado, porque WordPress tiene su propio conjunto de ayuda. En algunos casos especiales, es posible que deba escribir su propia consulta de base de datos o es posible que desee optimizar algo para su propio sitio, por lo que es útil tener conocimiento básico sobre MySQL. Trabajar con bases de datos es bastante simple. Una tabla de base de datos es muy similar a una hoja de cálculo de Microsoft Excel. Cada columna tiene un título y los datos se almacenan en las filas. MySQL se usa para agregar, eliminar, modificar y tomar datos.
Es posible que desee escribir una consulta MySQL que devuelva todas las publicaciones que tienen la palabra “excelente” en ellas y que tienen más de ocho comentarios.Además, es posible que desee encontrar a todos los usuarios con el nombre “Daniel”.También puede usar MySQL para calcular la suma de todas sus vistas publicitarias o para encontrar el anuncio más popular en su red, por ejemplo.Una vez más, escribir el código bruto MySQL en WordPress es raro, pero sucede, y comprender cómo funciona el lenguaje lo ayudará a escribir un mejor código en general.Vaya a W3Schools para su tutorial SQL.W3Schools es un excelente recurso gratuito para aprender HTML, CSS y MySQL.

Herramientas avanzadas Una vez que se familiariza con al menos tres idiomas esenciales: HTML, CSS y PHP, puede comenzar a explorar varias herramientas de ayuda. Una de las primeras cosas que la gente tiende a aprender es menos y/o sass. Ambos son CSS Superstis, lo que significa que todo el código CSS válido es un SASS válido y SASS. Lo que ambos idiomas agregan es la capacidad de usar variables, funciones y otras construcciones en CSS, lo cual no es predeterminado. Las herramientas de construcción son algo que querrá explorar en algún momento. Los mejores son tragalias y cebadores. Pueden monitorear los archivos para obtener cambios y ejecutar varias tareas cuando se cumplan los requisitos. Por ejemplo, cada vez que cambia un archivo SASS, puede compilarlo automáticamente en el CSS y guardarlo en un archivo en particular. Las imágenes podrían optimizarse, los archivos concatenados, los paquetes externos descargados y todo tipo de otras tareas útiles se pueden realizar con estas herramientas. La línea de comando, o el terminal, es algo que debe ver. Sí, el uso de la línea de comando puede parecer aterrador, pero realmente no lo es, solo ingresar órdenes puede ahorrarle tanto tiempo. Un script simple y una herramienta llamada WP-CLI pueden instalar WordPress en segundos, incluida la instalación de temas, complementos y contenido de prueba, mientras que el rendimiento manual requiere mucho e implica mucho más esfuerzo.
El control de versiones sigue siendo una de esas herramientas extremadamente útiles que no sabe que necesita hasta que lo pruebe. Originalmente ha sido diseñado para trabajar en el mismo código en los equipos, pero se puede utilizar como una solución para administrar proyectos, errores y hacer hijos de repuesto. SVN y GIT son los competidores más populares. Git gana esta ronda conmigo debido a su flujo de trabajo ligeramente mejor y GitHub, que ofrece un servicio de almacenamiento web. WordPress es una droga de puerta de enlace El maravilloso trabajo sobre WordPress es que puede ser una puerta de acceso para aprender otras habilidades y lenguajes de desarrollo web. Personalmente, tuve esta experiencia, primero aprendiendo PHP orientado al objeto, luego ingresé a Laravel, áreas distantes como herramientas de construcción, menos/sass, herramientas de línea de comandos y otros. También me aventuré en el territorio de la aplicación nativa con C# y otros idiomas. Una vez que comprende cómo funciona todo, aprende cada vez más a medida que crea proyectos nuevos y más grandes y todo es más fácil. Después de que el PHP se orientó a los objetos, el aprendizaje no fue un gran esfuerzo, porque su cerebro se acostumbra a su lógica. Es similar a aprender a tocar el ukelele después de la guitarra o aprender a conducir un camión después de que tenga que conducir en un automóvil. Hay muchas diferencias, pero una vez que ha establecido los elementos básicos, en el futuro no es un salto tan grande.
Leyendo y estudie más ahora que sabe por qué es necesario comenzar el desarrollo de WordPress, puede sentirse abrumado, pero no se preocupe, ¡así que todos sienten! No puedo subrayar lo suficiente lo importante que es no desanimarse. Todos los codificadores tienen que comenzar desde algún lugar. La mayoría es terrible para codificar cuando comienzan, luchan por comprender los conceptos y frustrarse. Pero aquellos que tienen éxito y no se rinden y siempre se ven obligados a aprender quién tiene éxito, en esta determinación que separa a los buenos programadores de los malvados. Regrese aquí la próxima semana para la segunda parte de nuestra serie, WordPress Development for Beginners: PHP Learning. Pero mientras tanto, esto es lo que debe hacer antes de eso: realice su conocimiento HTML y CSS. Como se mencionó anteriormente, W3Schools es un recurso fantástico para aprender HTML y CSS. Si desea un enfoque más práctico, Codecademy tiene un excelente curso HTML y CSS para principiantes, que incluye muchos ejemplos prácticos.
Configure un entorno local en su computadora. WorkPress trabajar en una instalación localhost no solo es más rápido, sino que es aún más seguro. Si no está seguro de cómo configurar WordPress en su computadora, consulte nuestra publicación sobre cómo configurar Windows y también cómo configurar Mac.

Descargue un buen editor de texto. Utilizo Atom, que tiene un gran conjunto de funciones. Lo usaré a lo largo de la serie, pero realmente no importa lo que use, siempre que se sienta cómodo para usarla.
¿Y este tutorial parecía útil?¿Por qué quieres aprender el desarrollo de WordPress?¿De qué quieres saber más?Háganos saber en los comentarios a continuación.Etiquetas: principiantes
desarrollo