Desarrollo de WordPress para principiantes: “¿El usuario lo ve?”

Comenzar con el desarrollo de WordPress puede ser desorientado. Como escribí, el desarrollo del software (incluido el desarrollo de WordPress) se parece a la espeleología, y tratar de lograr el primer proyecto de desarrollo de WordPress puede ser como si se despierte en algún lugar en medio de una cueva oscura e intente darle recordar allí. Lo que necesitamos para comenzar a desarrollar WordPress es enfocarnos. En una cueva, nos gustaría comenzar conociendo algo muy simple: “¿Conducir esto a la entrada o más hacia la cueva?” Para un desarrollador de WordPress principiante, ¿podemos orientarnos a preguntar “el usuario lo ve?”
Desde mi comienzo como desarrollador de WordPress principiante y hasta ahora, he descubierto que WordPress tiene un principio de orientación similar, lo que puede ayudarnos a tener una idea aproximada de dónde estamos, incluso si hay muchos a nuestro alrededor de que no lo hacemos. comprender. Este principio es: “¿El usuario lo ve?” Desarrollo de WordPress para principiantes: “¿El usuario lo ve?” Hay dos opciones para responder a esta pregunta:
Sí, el usuario lo ve. Cosas como Text, HTML, Images y JavaScript pueden ser interactuadas directamente por el usuario en su navegador, lector de pantalla u otro dispositivo.
No, el usuario no lo ve. Cosas como los archivos PHP (subyacentes a los temas, complementos y las bases de datos de WordPress) y MySQL nunca son visibles para los usuarios, pero construyen casi todo.
La comprensión intuitiva de la respuesta a “el usuario lo ve?” Es un elemento muy útil de mi propia habilidad como desarrollador de WordPress. Por lo tanto, esta Guía de desarrolladores de WordPress adopta este enfoque para introducir gran parte del mismo material abordado durante nuestra base de desarrollo libre de WordPress y en nuestros otros cursos y artículos. Es una nueva forma de cubrir el desarrollo de WordPress para principiantes y, si comprende cómo orientarse de esta manera, tendrá un gran avance en su viaje en la espeleología de WordPress. Limitado a lo que un navegador puede interpretar. Que lo restringe a solo unos pocos elementos:
Contenido de texto (palabras, números y otros símbolos).
Etiquetas HTML que marcan el contenido del texto, haciendo cosas como “Pon este texto en cursivo” o “pon este texto en un párrafo”.
Archivos multimedia (como imágenes y videos) incluidos el uso de HTML.
Los estilos CSS que dicen HTML cómo mirar, como “hacer que todos los párrafos tengan un tamaño de fuente de 16 px y un gris oscuro”.
Código JavaScript que ofrece interactividad especial, como reproducir o interrumpir un archivo multimedia con un clic de botón.
Y eso es todo: esta es la cantidad total de lo que ven sus usuarios cuando visita su sitio de WordPress.
¿Qué no ve el usuario lo que queda de esta lista? Una multitud terrible:
Cualquier escritura en PHP, que es el lenguaje básico de WordPress y que los navegadores no leen.
La mayor parte del código básico de WordPress, que está escrito en PHP.
La mayor parte del código de cualquier tema o complemento, que está escrito en PHP.
Todos los detalles sobre cómo los datos de su sitio se almacenan su sistema de archivos (archivos y carpetas en su servidor) y la base de datos de WordPress (tablas MySQL que contienen la mayoría de los datos de su sitio también en su servidor). Cualquier otro detalle sobre la lámpara de pila , el entorno técnico “debajo del capó” necesario para que WordPress funcione correctamente.
Todo en esta lista tiene una cosa en común: el usuario no lo ve, pero es lo que genera lo que el usuario ve.
El usuario no ve PHP y otras tecnologías de fondo, pero genera lo que el usuario ve. En otras palabras, todo el sistema PHP básico de WordPress, que consiste en el núcleo de WordPress en sí, además del componente PHP de los temas y complementos en ejecución, existe para crear lo que el usuario ve, aunque nunca es lo que el mismo usuario. Al igual que con Linux, Apache y WordPress Base de datos: todos son una estructura básica que es indispensable, pero en última instancia invisible para el usuario. Esta distinción entre “con la cara hacia el usuario” y “No CU Face al usuario” es mejor conocida como la distinción “front-end” y “back-end”. Exploraremos esta distinción ahora.
Comprender el contenido frontal y el back-end: back-end: orientado al usuario o no “front-end/back-end” es un par que en realidad tiene al menos dos significados en WordPress-both se basa en la pregunta fundamental “, el usuario final ¿Lo ve? ” “Front-end/back-end” puede significar al menos dos cosas en WordPress-both en función de la pregunta básica, “¿El usuario final lo ve?” Comencemos con el significado técnico de “front-end” y “back-end”. Esto no es solo una cosa con WordPress, sino que está en el centro de las descripciones posteriores como el “desarrollador de fondo” o el “front-end de diseñador y desarrollador” que existen en el mundo de la tecnología. Lo que significa personas técnicas a través de “front-front- FIN “y” Back-end “En general, el front-end es” lo que el usuario vea “. Esta es la razón por la cual los desarrolladores web front-end generalmente están muy enfocados en tecnologías orientadas a los usuarios, como JavaScript y CSS. Back End es lo que el usuario no ve directamente. El back-end se trata mucho de más tareas informáticas, como almacenar y tomar datos o realizar cálculos intensivos. En WordPress, el desarrollo del back-end es principalmente PHP, junto con las otras partes de la pila de lámparas. Este significado de “back-end” y “front-end” es casi intercambiable con “lado del servidor” y “lado del cliente”, por lo que le recomendamos que lea nuestra explicación de esos términos:
Comprensión del “lado del servidor” y “del lado del cliente” en WordPress En resumen, el servidor es el lugar donde ocurren todos los cálculos de fondo; Se realiza en el lado del servidor. Esto da como resultado el envío de datos al cliente (navegador web del usuario, lector de pantalla, RSS de alimentación, etc.), que consume esos datos en una forma que las personas pueden usar e interactuar en el frente, el dispositivo del usuario en sí. Entonces, en WordPress, como en otros lugares, “¿El usuario lo ve?” Es la línea de separación entre dos campos distintos (aunque superpuestos) del desarrollo web. También hay “front-end” (sitio web orientado al usuario) y “back-end” (administración de WordPress) de WordPress específicamente un segundo uso más informal de “front-end” y “back-end”. El “front-end” de un sitio web de WordPress puede significar la parte del sitio que un usuario ve, es decir, sus páginas web, como mi sitio.com/blog o mi sitio.com/about. En su lugar, “back-end” puede significar el área de administración de un sitio de WordPress-mysite.com/wp-admin- donde se gestiona un sitio de WordPress. Pero, ¿por qué llamaría a la sección / WP-Admin / “back-end”, cuándo es realmente un conjunto de páginas web utilizables por las personas vistas en un navegador? Esto es como “front-end” después de nuestra otra definición.
El administrador de WordPress a veces se llama “WordPress de back-end”, ya que los usuarios finales generalmente no lo ven directamente. Tenga en cuenta que, como en el otro uso de estos términos, “front-end” significa “cara al usuario”, y “back-end” significa “donde ensambla las cosas orientadas al usuario”. Entonces, la respuesta, una vez más, se debe a la intuición básica de que el front-end es “lo que ven los usuarios”, y el back-end es “donde establecemos las cosas para que los usuarios vean las cosas correctas”. Desarrollo de WordPress para principiantes: algunas cosas “¿El usuario lo ve?” Explique a medida que comienza con el desarrollo de WordPress, “¿El usuario lo ve?” Es una pregunta básica que explica una amplia gama de temas técnicos aparentemente no relacionados. Solo unos pocos de los muchos: 1. ¿Qué idiomas tratan con qué problemas son los cuatro idiomas principales de WordPress son PHP, JavaScript, HTML y CSS? ¿Cuál de estos idiomas hace lo que hacen las cosas? Es mucho más fácil si te das cuenta de que JavaScript, HTML y CSS son todos los idiomas frontales, el usuario ve, y que PHP es un idioma de retroceso que el usuario nunca ve (y que los navegadores web ni siquiera entienden) . ¿Le gustaría ver los clics del mouse de un usuario? Ciertamente, no use PHP porque PHP no tiene lugar en el front-end. Este es un proyecto JavaScript. ¿Le gustaría recuperar una lista de publicaciones y publicaciones de WordPress Database? Ciertamente usa PHP, el lenguaje básico de todo el procesamiento de backpress de WordPress. Los cuatro idiomas que necesita saber para comprender WordPress 2. Echo y retorno PHP Una distinción básica en PHP es entre Echo y Return. ¿Qué es esa distinción?
El usuario ve a Echo, se imprime como HTML, mientras que la devolución aún no está impresa. Para obtener más información, consulte nuestros artículos sobre ambas declaraciones de PHP: Aprendizaje de PHP para el desarrollo de WordPress: Comprensión de PHP Echite WordPress Desarrollo: Comprensión de PHP Return 3. y Get_The_ Template Etiquetas estos dos tipos de etiquetas de plantilla – Funciones especializadas WordPress PHP – Están, nuevamente, divididos, divididos Según la impresión de algo visible por el usuario. Las etiquetas_ como the_ the_itle () lo hacen, y las etiquetas get_the_ como get_the_title () no. En la parte inferior, esta es simplemente la diferencia entre Echo y Return, y a continuación, hay dos conjuntos de funciones, dependiendo de si estamos listos para mostrar el trabajo de nuestro usuario final. Etiquetas de plantilla de WordPress: cómo se ve el contenido de publicación 4. El papel apropiado de los temas y complementos de WordPress En general, un tema de WordPress solo debe controlar la pantalla. ¿Qué significa “Mostrar”?
Significa “lo que ve el usuario”. Los complementos pueden afectar la pantalla (el botón de intercambio social o los complementos de formulario de contacto serían dos de muchos ejemplos), pero para los cuales realmente son para agregar características básicas: cosas que son invisibles para los usuarios, pero debe construir el usuario. . -PROBAJE VISIBLE. Muchos de los mejores complementos de WordPress-Yoast, WooCommerce, campos personalizados avanzados, MemberPress e innumerables otros, coinciden exactamente con este tipo de estructuras de datos subyacentes que son invisibles para los usuarios y eventualmente mejoran y aumentan la experiencia del usuario. Si viene sobre esto, entra en el problema bruto: la amenaza del tema del tema de WordPress y la forma principal de no repasar es, nuevamente, simplemente pregunte “¿El usuario ve esto?” Si la respuesta es no, probablemente no sea una excelente opción para su tema. Desarrollo de WordPress para principiantes: a dónde ir desde aquí no son solo los ejemplos anteriores. Muchas otras distinciones esenciales en WordPress se limitan a comprender si en un cierto archivo en cualquier código de código determinado, creamos la infraestructura básica o realmente usamos esa infraestructura para mostrar cosas a los usuarios. ¿En qué otros ejemplos puedes pensar? Si desea comprender el desarrollo de WordPress en profundidad, comience con nuestros cursos gratuitos sobre este tema, tal vez comience con él: aprende el desarrollo de WordPress: el curso básico y si se apresura y desea aprender el desarrollo de WordPress en el más rápido, más profundo y más profundo y más profundo Lógica de manera posible, recomendamos calurosamente nuestro curso premium en funcionamiento:
¿Quieres aprender seriamente el desarrollo de WordPress? Despertar y ejecutar Astup y ejecutar es nuestro curso completo “Aprende WordPress Development”. Ahora, en la tercera edición actualizada y extendida, ha ayudado a cientos de compradores felices a aprender el desarrollo de WordPress de una manera rápida, inteligente y completa.
“Creo que cualquiera está interesado en aprender el desarrollo de WordPress necesita este curso. Antes de comprar en funcionamiento, aprendí un código de WordPress, pero me faltaba la dirección. Ver los videos del curso era como muchas luces encendidas. Pasé de estar vagamente familiarizado con la forma en que los temas, las funciones y el propio WordPress trabajan en su control. Todo se hizo mucho más claro. Recomiendo este curso a todos los que quieran escuchar “. – Jason, desarrollador de WordPress

¡Da el siguiente paso en tu viaje de desarrollo de WordPress!
Despierta y corre ahora
¡Gracias por leer! Imagen de crédito: Alex Barth