Transcripciones
1. Introducción: Presiono desarrollo de valor para principiantes. Mi nombre es cámara y te estaré caminando a través de cómo crear una muy Francia WordPress jugando. He estado trabajando con qué principio? Ya casi cinco años, y desde que estrené mi primera jugada en 2015 mis planes se han utilizado en más de 30.000 sitios web de
WordPress en todo Internet. Te llevaré algunos de los conceptos básicos de jugar al desarrollo, incluyendo configurar un entorno de desarrollo local usando lo que el sistema de Facebook destapó que cumpla con qué persona los estándares de codificación PHP. Cómo lo hizo en los guiones estilo Q y otros activos estáticos para tu juego y traducción, estás jugando contra todos los idiomas. Una vez que tienes lo básico, ¿te estamos caminando? ¿ Cómo personalizar la pantalla de inicio de sesión de WordPress, reemplazando a WordPress, trayendo con tu propia marca? Bueno, quizá algo un poco más creativo. Adéntrate y empecemos a construir tu muy 1er juego de prensa
2. Las herramientas que vamos a usar: bienvenido volver a enchufar en desarrollo para principiantes en esta lección estará cubriendo. Se necesitarán las diferentes herramientas para empezar a construir enchufes. En primer lugar, necesitaremos un desarrollo local. Entonces por eso monedero se ejecuta en PHP y mi secreto. Fuera de esto, significa un siete. Queremos usar un dicho local en mi máquina, porque siempre ellos no queremos estar escribiendo tarjeta en la página web life por si rompes algo. ¿ En qué se desarrollaría cualquier up looking? Te recomiendo local por mosca bien, que es lo que estaré usando para la dirección de este cierre. Siguiente arriba solo lo decodificó. Podrías usar ese bate si realmente quisieras. Pero para ayudarnos, ¿verdad? Mejor tipo con páginas como el resaltado de sintaxis, vamos a querer un cuerpo adecuado. Ocho. A mí me gusta usar texto sublime. Es gratis, súper ligero y tiene un montón de extensiones de ese look para empezar con las de la y se necesitarán
las herramientas para comenzar a desarrollar aviones más a lo largo, el curso estará utilizando nodo NPM becario compositor y poeta. Pero por ahora, eso es todo lo que necesitamos para dejar de construir tu primer punto
3. Qué es un complemento: manera de empezar Construyendo tu primer buggin. Tenemos que definir lo que es una obra de teatro en realidad. Es posible que ya estés familiarizado con lo que los equipos de prensa definen un diseño y aspecto y tacto . A través de la página web, en su mayoría
controlaban los aspectos visuales de los sitios web, como encabezados, pies de página, menús, bus
lateral y los plugins de contenido de página. Por otro lado,
para la funcionalidad personalizada, usualmente
diseñaron de una manera que su nombre agnóstico, lo que es realmente fácil agregar lo mismo funcional. Está en muchos sitios, independientemente de las cosas que se están usando dentro. Deberías poder sumar y eliminar millones sin romper la funcionalidad básica de tu lado. Algunos ejemplos de buenos enchufes nos incluyen este año, lo que le permite agregar meta personalizada a sus publicaciones y páginas y analiza la calidad de su contenido. Contacto Formulario siete, que agrega un constructor de formularios de contacto que le permite inventar formularios en sus páginas, me
conoció fácil para los visitantes enviarle un mensaje desde su lado. We Commerce, que agrega funcionalidad de tienda online a tu lado en el calendario de eventos, que agrega listados de eventos en calendarios a tu lado. Ciertamente es mucha área gris ahí, y algunos enchufes se pueden diseñar para funcionar exclusivamente con ciertas cosas. El sistema plug in incorporado en WordPress está diseñado para funcionar con el directorio oficial de WordPress 1,000.000.000, que es donde se pueden encontrar decenas de miles de enchufes gratuitos disponibles. ¿ Allied en resumen plug in debería en sitios web de funcionalidad personalizada, independientemente de lo que esté usando.
4. Autopia de Hello Dolly: Muy bien, Así que ahora vamos a echar un vistazo a Hola, Dolly. Viene con la mayoría de las instalaciones de WordPress, y es un ejemplo apagado. ¿ Qué transmitir un enchufe en? A. Entonces si visitas la página plebeians en tu admin wordpress, deberías ver el elegantemente está ahí. De no ser así, puedes ir a agregar nuevos y buscar Hola, Dolly y tal para Hola, Dolly. Volará aquí y este es el que quieres. Ya lo tengo instalado por lo que sólo puedo activarlo. Y como puedes ver, se agrega esta pequeña línea de texto arriba en la parte superior, derecha, que es una línea de una canción. Hola, Dolly. En el, uh, plug in es este hallazgo y se mostrarán en cada página de administración excepto cuando estés usando el editor de bloques. Ahora, solo
pasaré rápidamente por mucho las diferentes partes del enchufe y cómo funcionan. Por lo que en primer lugar, tenemos estos para bloquear comentarios en la parte superior del enchufe en fuego. Este 1er 1 aquí es principalmente para los gestores de paquetes PHP y nos dice cuál es el nombre de los paquetes y la versión actual del mismo y que se utiliza para los gestores de paquetes como compositor y cada plug de WordPress, y cada archivo PHP debería tener al menos parte de esta información. El siguiente es un comentario de bloque llamado Plug in File Header. Entonces esto le dice a WordPress la información sobre el plug in para que puedas ver que tiene el nombre de
inmersión jugando en tu descripción oral sobre el plug in que escribió el plug en la versión y la URL del autor, y puedes ver si obtienes volver a tu página de jugadores y te puedes decir que la información se está mostrando aquí. Tienes el nombre, la descripción el autor clics servido a su l ese tipo de cosas. A continuación tenemos esto. Hola, Dolly, consigue función Larry. Entonces lo que esto está haciendo es que defina la letra de la canción, y luego la va a dividir en una matriz. Entonces cada línea es un elemento en la matriz, y lo que está haciendo a continuación es que está sacando un número de lluvia del número de líneas en la canción. Por lo que está alcanzando su máximo en línea, y está usando esta textura WP. Su función, que todo lo que hace es hacer que ciertos personajes como los apóstrofos aquí sean un poco más de fantasía. Entonces a continuación tenemos esta función llamada Hola, Dolly. Entonces lo que eso está haciendo es crear un párrafo, y está mostrando la línea que se está recogiendo en esta
función hola anterior Dolly Gettler . Entonces consigue que la línea se use y se muestre, y luego está fuera poniendo el marcado para mostrar la línea que se está seleccionando. Está agregando esto al gancho de avisos de administrador, por lo que está bastante cerca de la parte superior de la página en todas las páginas de administración. Entonces eso es lo que hace que se muestre justo en la parte superior. A continuación tenemos esta función Dolly CSS, por lo que esta se está utilizando para darle estilo a la línea de la canción que se está mostrando. Entonces, en primer lugar, detecta
si estás usando un lenguaje que muestra de izquierda a derecha o de derecha a izquierda y genera un poco de CSS. Por lo que está cambiando la posición en la que se muestra en función de si tu texto está de izquierda a derecha o de derecha a izquierda, y igual que un poco más de estilo, como tener un tamaño de fuente y esto se agrega al jefe de administración, por lo que se mostrará en la cabeza fuera del documento externo donde pertenecen las hojas de hambre y los metadatos. Entonces eso es un resumen básico del plug in Hello Dolly, que viene con la mayoría de las instalaciones de What pechos. El primer enchufe que construí fue una versión editada off. Hola, Dolly, Así que siéntete libre. Teoh Editar. Hola, Dolly Teoh. Agrega tus propias letras de canciones a tu canción favorita en, por ejemplo, Vamos a tocar con ella, Teoh llegar a sentir con cómo, qué juanetes de prensa funcionan.
5. Anatomía de un complemento: manera tuvo un rápido se pondrá. Hola, Dolly. Vamos a repasar lo que compone un enchufe para que los enchufes solo tengan algunos elementos clave necesarios para
ponerse a trabajar. Directorio. Un PHP principal lejos para el juanete en el bloque. Comentario en el periodo. Tres. Aviso telefónico. El tapón en el Cielo. En primer lugar, necesitan un directorio. Bueno, técnicamente, no
es del todo necesario, como lo demuestra
Hello, Dolly, necesitará su propio directorio si tiene más de un archivo incluido en el plug in. Bueno, si quieres distribuirlo en el directorio del avión, idealmente, debes nombrar tu directorio. El mismo nombre es tu enchufe en caso de Justin kebab. A continuación, necesitas un archivo de enchufe principal. Este archivo se carga siempre que esta inmersión esté activa de tu lado. Puede contener toda la funcionalidad para su plug in, o simplemente podría usarse para cargar otros archivos dependientes. Lo mejor es nombrar este archivo igual que el nombre de tu directorio. Apenas con extensión de archivo PHP. Por último, necesitas un plug in head up esto aleja WordPress los metadatos sobre la reproducción, como el nombre autor inversión a un mínimo desnudo, una canción que tiene nombre. Funcionará desde el que estás enchufando Faulcon comienza a agregar funcionalidad al incluir archivos , ejecutar funciones y agregar ganchos que probablemente lo harás en otros directorios. Dentro de su reproducción en directorio como PHP incluye activos estáticos como JavaScript y CSS y archivos de traducción. Está bien, así que ahora ya sabes lo básico de lo que compone un plug in. Vamos a echarle un vistazo en la práctica para que pudiera ver que tengo mi wordpress instalarlo. Y solo tenemos el hola Dolly Killian eso si entramos en la carpeta de nuestro plan en contenido WP y creamos una carpeta tú ahí solo llamé mi plug personalizado por ahora y dentro de esa foto se creará un archivo PHP. Esto seguirá siendo PHP para, para los abogados. Llámalo el mismo nombre se vende en mi juego personalizado terminar aquí árbol. Y si refrescamos el enchufe en España's veremos que no está apareciendo ahí arriba. Sí. Esto porque no hemos especificado ninguna de esa información en el enchufe en cabeza apagado, señor, si nos llaman Cleo? Sí, um, mi costumbre 1,000,000. Y ahora tengo un enchufe constante en aparecer. Entonces eso es literalmente tanto como se necesita para conseguir un enchufamiento y funcionamiento. Y así, si estás acostumbrado a, uh, poner código en tus funciones ese archivo PHP en tu cosa, entonces cualquiera de ese tipo de código funcionará en un enchufe como este. Y todo lo que necesitas hacer es especificar aplicar y luego, en un bloque, comentar como así sucesivamente. A partir de ahí podemos empezar a añadir nuestra funcionalidad personalizada dedo del pie dos planos. También puede especificar la otra información. Entonces si yo fuera a mi nombre aquí, di eso y echa un vistazo y ahora va en eso así que sí,
eso es lo básico de lo que compone una obra de teatro. Y tenemos nuestro archivo principal de enchufes dentro de nuestra foto Pilyeon en el directorio plug INS y este bloque comin con el medidor plug in
6. Estándares de programación de WordPress: Wordpress tiene una serie de estándares de codificación. Estos estándares ayudan a garantizar que el código se escriba de manera consistente en todo el proyecto, lo que
facilita que otros salten. Algunos de los estándares incluyen el uso de pestañas para sangría, no espacios, usar el caso de serpiente para nombrar variables, funciones y clases, y usar el caso kebab para la nomenclatura de archivos. A diferencia de muchas otras plataformas, CamelCase no se utiliza en los estándares de codificación PHP de WordPress. Los valores especiales como null, true y false deben usar minúsculas en lugar de mayúsculas. Utilizar condiciones Yoda al revisar variables. Por lo que el valor viene antes que la variable para comprobar contra. Esto también significa que no se pueden asignar variables en una comprobación condicional. Utilice siempre comparaciones estrictas, use tres signos iguales o una función específica como es nulo o es md. Para los comentarios, archivos, funciones y clases siempre deben tener un bloque doc y los comentarios de una sola línea siempre deben terminar en una parada completa. Para las etiquetas PHP no use etiquetas abreviadas, y esto incluye el uso del eco abreviado etiquetado también. Para bloques de código multilínea, las etiquetas
PHP deben estar en una línea por sí mismas. Con bloques de código de una sola línea, deben estar en la misma línea. En no incluir una etiqueta de cierre al final del archivo. Con espaciado igual a los signos en las líneas adyacentes deben espaciarse para
alinearse como se aplica para asociarlo sobre matrices y concatenación también. Los chicos tienen espacios entre corchetes y ese contenido, pero no hay espacios si los corchetes están vacíos. Directivas de control como si mientras
que 44, debe ser seguido de un espacio y la declaración no debe estar vacía. Y los archivos siempre deben terminar con una línea vacía. El de seguridad, siempre se debe evitar el acceso directo a la ejecución de archivos a menos que sea absolutamente necesario. Siempre debes desinfectar entradas y
salidas de escape y usar nonces y comprobaciones de capacidad para validar formularios. Estos son solo algunos de los estándares más comunes y lo mejor es usar un invierno en tu editor de código o un script automatizado para comprobar tu código. Muy bien, entonces ahora que sabemos cuáles
son los estándares de codificación y algunas de las reglas para crear estándares. Echémosle un vistazo en la práctica. Así que he vuelto al plugin Hello Dolly. Y tengo esta extensión para Sublime, que resalta vientos de corriente que violan los estándares de creación de WordPress. Y así como puedas, estas líneas con un punto rojo aquí, como puedes ver, está resaltando esa línea como un tema. El, Hay un artículo realmente genial sobre cómo configurar esa extensión. El enlace que puedes seguirlo está justo aquí. Está bien, así que ahora echemos un vistazo a arreglar Hola, dice
Dolly, cumple con los estándares de codificación de WordPress. Entonces echemos un vistazo a la primera línea. Está diciendo que le falta una breve descripción para el comentario del doc. Entonces eso metió el file.com aquí, pero le falta una breve descripción que viene cosas. Entonces éste es bastante fácil de arreglar. Sólo tienes que escribir aquí una breve descripción. Entonces Dolly, plugin Word. Y asegúrate de tener una línea, una línea en blanco entre la descripción corta y cualquiera de estas etiquetas. Entonces el siguiente número es que debe haber exactamente una línea en blanco después de ella y no hay una en este momento, así que eso es bastante fácil de arreglar. Siguiente arriba. Estamos diciendo, estamos diciendo que la función aquí debe usar los comentarios de estilo de blog de punto. Entonces es probable captar que este bloque de comentarios aquí, que es el plug-in metal, es pensar es el comentario de función porque está directamente encima de él, cuando de hecho no está relacionado con la función en absoluto. Entonces vamos a agregar en un bloque de comentarios de función. Ahí vamos. Entonces ahora tenemos un error diferente y decir que this.com está vacío, por lo que no puedes tener documentos vacíos. Por lo que esta función obtiene la letra de la canción por retraso y en ninguna parte. De acuerdo, entonces el siguiente número que tenemos aquí es que los comentarios en línea deben terminar en paradas completas, exclamación o signos de interrogación. Entonces esa es bastante fácil porque no es un bloque como estos comentarios o estos comentarios. Tiene que terminar en una parada completa. Es como una sentencia. Y obtenemos y el próximo número es lo mismo. Tenemos aquí, una advertencia. Por lo que el punto amarillo indica una advertencia en lugar de rojo. Entonces advertir no es necesariamente una violación o un error con tu corriente, más bien, es una recomendación. Entonces en este caso es decir que se desalienta la renta vacía. Utilice el archivo menos predecible WP corrió en su lugar. Entonces en este caso, estamos diciendo, Hey, hemos hecho son en función que hace lo mismo y creemos que es mejor. Y para esto, podrías simplemente dejarlo. Pero sé que esa función tiene exactamente la misma sintaxis, por lo que es mejor reemplazarla. Señor, de nuevo, tenemos los comentarios en línea deben terminar en un tema de parada completa. Pero en este caso es un comentario de función. Por lo que en realidad sería mejor como comentario de bloque. Al igual que así. Ahí vamos. Eso arregló ese tema. Por lo que el siguiente problema es que toda salida debe ejecutarse a través de una función de escape. Entonces debido a que está haciendo eco aquí, se espera que se escape de él para evitar cualquier tipo de problemas de scripting
entre sitios o inyección SQL. Lo cual podría ser muy peligroso para tu sitio web si tu plug-in no se escapa de que probablemente sea, en este caso, es solo un poco de PHP y una variable simple cual será una línea de texto de estas letras de aquí. Entonces en este caso, porque realmente queremos escapar,
esta variable, esta variable, sólo
extraerá el HobShare AMA hacia arriba de esa declaración de eco. Y cerraremos el PHP apagado y ejecutaremos el medio shell, un HTML normal, y solo haremos eco y escaparemos de la variable. Entonces ahí lo tenemos. Escenario, no tiene que preocuparse por escapar de las etiquetas HTML porque no hay nada peligroso en esas. No hay nada que se necesite revisar con esta variable que hay. Entonces si agregamos en la declaración de eco de vuelta, eso ahora estará funcionando como fue. Pero de nuevo, tenemos eso emitido. Pero ahora que hemos extraído el HTML, sólo
podemos escapar de la variable que es todo lo que necesitamos. Entonces en este caso podemos usar HTML de escape, que solo se asegurará de que sea texto plano y se
asegurará no haya HTML ahí porque eso es para esperar de estas líneas. Por lo que nuestro próximo número que decimos es en línea los comentarios deben en la parada completa de nuevo. Y esto no tiene que ser un comentario de bloque porque se trata de una llamada a función más que de una declaración. Entonces tener un comentario en línea para eso está bien. Tenemos el interior comúnmente otra vez, pero este caso tenemos una declaración de función, por lo que debería ser un comentario de bloque. Otra vez. Tenemos el tema de comentarios en línea. Otra vez. Es fácil de arreglar conocido tener el escape. Ella apareciendo aquí otra vez. Y haremos lo mismo. Realmente sólo necesitamos escapar de esta variable aquí, que aparece dos veces, que sólo va a ser izquierda o derecha. Pero debido a que estás haciendo eco de una variable, se espera
que escapes de ella. Y no necesitamos escapar de toda esta cuadra. Y es un poco inútil si lo hacemos. Entonces, cerraremos aquí el PHP. Por lo que sólo serviremos la etiqueta de estilo, como una etiqueta de estilo HTML normal. Y así sólo hará eco y escapar de las variables donde aparecen atributo. Por lo que usaremos el atributo de escala en este caso. Es un poco más estirado que el HTML de escape es, y hay ciertos caracteres que son perfectamente aceptables en HTML, pero no así en las reglas CSS. Entonces boyas que por ser más atlético, nos
dan una respuesta válida, válida, a pesar de que sabemos que va a ser izquierda o derecha. Pero por si acaso esta es la función más apropiada para correr. Esta variable, hará el signo. Ahí vamos. Y por último pero no menos importante, eliminaremos esta etiqueta PHP de cierre porque no se recomienda que la cierres. Si termina en una etiqueta HTML, está bien siempre y cuando tengas esta línea en blanco al final de tu archivo. Pero también se recomienda que tú,
si es PHP, eso es terminar el archivo, que no incluyas la etiqueta PHP de cierre. Y así ahí estamos. Hemos hecho que el amarillo, el plug-in sea compatible con los estándares de calificación de WordPress.
7. Hooks: acciones y filtros: manera, entender los conceptos básicos del poder, Plug in funciona y conocemos los estándares de codificación PHP de WordPress. Casi podríamos empezar a escribir algún código real. A continuación veremos cómo funcionarían las prensas gancho System? El sistema es lo que persigue es ejecutar código en momentos específicos que carga un sitio gracias a la flexibilidad que brinda. El sistema de gancho ha sido la fuerza motriz entre lo que presiona popularidad y crecimiento. Hay dos tipos de ganchos. Acciones y filtros acciones que solía realizar ciertas tareas que establecían lugares, mientras que los filtros modificaban Dina les pasaban. El coraje se engancha a una acción o filtro usando la acción del anuncio o agregar funciones de filtro como estas funciones. Tendrás que agregarlas antes de que se ejecute tu gancho previsto. Ahora que entendemos la teoría detrás del sistema de gancho, veamos algún código para demostrar que el sistema Hope volverá a este plug personalizado que configuré en un video anterior y solo en un par de ejemplo, funciones para demostrar cómo funciona el sistema. Entonces, sí, ahí están los dos tipos de ganchos, acciones y filtros. Eso. Algo que podría hacer es que me vendría bien una acción para redirigir por cuatro páginas a la página principal, señor. Sólo sí. Entonces solo para crear un poco de función que detectarás es 44 y luego enviarlo de vuelta a la página principal si es por completo, que es una pequeña función útil que presionaría da. Que el Texas es un paciente 44, um, tres. P seguro Redirect, uh, Euro y, en realidad y bien, que esa es la plantilla Redirect tomó redireccionamiento e no puede deletrear por fuerza a casa. Y, ya
sabes, si activo a mis empleados de prueba y, uh, si voy por un pitch de cuatro,
redireccióname a la página principal como se pretendía. Por lo que la plantilla redirigir Hook es una acción que se ejecuta casi justo antes de que la página comience a cargarse. Por lo que WordPress ya ha averiguado si es o no una página cuatro a cuatro, o si es hacia adelante, es una publicación o página o qué tipo de contenido a esto, por lo que fácilmente podemos averiguar que es un lugar con el que podemos hacer algo. Por otro lado, eso son filtros,
que, que, en lugar de hacer ciertas acciones como la redirección, esto se utiliza para modificar datos. Entonces una cosa que podríamos hacer es cambiar el título del post pronto, así que tenía un post Me encanta el primer post por defecto es Hola. Bueno, entonces podríamos cambiar eso con un filtro. El funcion, um ,
cambiar, cambiar los primeros títulos. Y como estamos cambiando de hija, siempre
tendrás un perímetro. Ser pasado al trabajo a veces será más de un poco siempre ser justo el que
estarás modificando y luego regresando. El primero que debemos hacer es devolver la grava siendo postura porque de lo contrario
no hará nada porque puedes modificar la variable tanto como quieras. Si lo sabes, enviarlo al otro extremo, entonces qué prensa no sabrá lo que has hecho con él. Y así,
um, um, mucho acaba de decir cardenal albercas comparten estudiante y certifican. Por lo general sentí la función y el título de la partitura es la esperanza que busco y luego cambiar los títulos de los puestos. Eso debería cambiar de Hillary. Bueno, Millea, eso es lo básico de volver a agregarte acciones y filtros
8. Referentes a archivos de plugins y Directorios: Es bastante común para plug ins, toe bundle, otros archivos junto con la información del enchufe principal. Gracias, compañeros. Tal vez hojas de estilo, scripts, imágenes o más funcionalidad de PHP Para los temas, están el super práctico Obtener directorio de plantillas y obtener un directorio de plantillas. Tienes razón y equivalentes funciones de forma Dolph, pero desafortunadamente, es poco difícil obtener esta información para presupuestos para enchufes. Theis Funciones Equivalentes son plug in dirt path para la trayectoria del sistema y jugando en el euro para el euro. Donde esta diferencia con la cosa funciona es que esto sacará el directorio del archivo. Se está llamando desde, así que si lo estás llamando desde dentro de una sub carpeta dentro de tu carpeta de
desplumado, te estará dando alguna carpeta. Por lo que esto es ideal para usar en tu archivo de enchufe principal. Pero si llamas en el subdirectorio, te estaría dando la información correcta. No vamos a estar necesitando sortear ese tema en este curso, pero es algo para mantener en uno. A medida que comienzas a construir miles de millones más avanzados
9. Enqueuing guiones de plugins y estilos: Ueno tenía un directorio de Solicitantes de Preferencia. Podemos empezar en puestos de cola y scripts que queremos que nuestros enchufes incluyan. Podemos utilizar el WP en estilo Q y las funciones de script O P y Q ya que son la forma estándar de
agregar sus scripts y estilos en todo el mundo Sistema de procedimientos. Debe agregar las llamadas de función del interior de la función, enganchadas al cifrado WP en scripts Q. Enganche para obtener tus scripts y empieza a mostrarse en front end del sitio también es el admin y los scripts COO y Logan en Q scripts hooks, por ejemplo,
para agregar tus scripts y estilos al admin o a la página de inicio de sesión. Muy bien, así que ahora voy a hacer un temer rápido sobre cómo haríamos en curar estos guiones y estilos que queremos incluir con esos millones. Entonces sin un pequeño plug demo aquí que he configurado,
he descargado diversión impresionante, y he puesto la relevancia CSS en los archivos frontales en mi directorio de enchufes. Entonces quiero crear una función que signifique ir a ti en lindo mi es estilos de persona. Yo sólo quiero parar hoja aquí, pero esta persona empieza es un catchall. Y así quiero correr. ¿ Te lo agradeció Style. Nosotros lo llamamos divertido. Saludable. Y así ahora queremos referirnos a jugar en directorio chica porque es un estiba. Shayt. Entonces Glion, uh, hombre estrecho
Posterity actual adueño y queremos diversión slash. Impresionante. ¿ Hay tan viejo o mezquino? Ve a ver esto. Y así ahora si agregamos en acción bastante inky Así que hoy jodes ups que estilos y guiones Y si nos hemos refrescado te pagué y polluelos por frente También ahí ves que para geniales hermanas está estar en lindo y ves que hay 24 slash está ahí después de la play y director , también
se debilita dejó eso. Y así ahora si instancia completa, he querido Pero a esta primera e incluir un icono que viene de la diversión Awesome. Vamos a gastarlo que por un segundo fue sólo, ya
sabes, sólo para estar seguros de que fue un adiós ido, uh, mira Oh, no
va a estar apareciendo en el es ¿eh? Pero debe exhibir en el frente y un líder. Y ahora podemos ver que Al phone Impresionante cosas que tiene estando en linda correctamente, y estamos referenciando directorio enchufando rápidamente, también, tirando de esa nave estelar, y lo tienen es decir, y lo tienen es decir,
en colas estilos y guiones de tu directorio de reproducción.
10. Creación de tu primer Plugin: personalizar la página de inicio de sesión: De ninguna manera vamos a tomar todo lo que hemos aprendido en los videos anteriores. Y cuando iban a probar adelante en hacer nuestro primer lo que prensa enchufando. Entonces lo que vamos a hacer aquí es que vamos a crear un plan que personalice la página predeterminada de inicio de sesión de
WordPress. Sólo tienes que volver a mi sitio de WordPress aquí y me encanta Sí, esta es la página por defecto de Chipre soplando. Entonces como puedes ver, no
es una página particularmente bonita, y tiene algo de WordPress trayendo como el logo y los enlaces de vuelta a wordpress dot off y tan bien, vamos a cambiar algo de eso. Y así reflejará más de lo que es tu marca y será mucho más agradable a la vista. Empecemos posible. Deberíamos crear una carpeta de 1,000,000. Entonces si creamos y se pliega en directorio de electrodomésticos y solo llama a esto mi 1,000.000.000 página buscando OK por ahora dentro que vamos a crear fuera main ahora hecho plaga archivo. Si digo que mi anhelo volumen de página y le doy a esto el mismo nombre que tu mayor, es gratis. Entonces ahora empecemos a montar un enchufe. Así que recuerda para la difusión de WordPress envía necesitas proporcionar un médico en la parte superior de me
consiguió para cada archivo. Y, señor, um, comience que estimize es el uso en realidad los ojos de inglés americano es la pantalla de inicio de sesión en un paquete es mi largo en una manera Flynn. Necesidad de proporcionar una bienvenida en WordPress. Esa maldita fama es de mi edad. De acuerdo, así que si fuera a mirar atrás aquí GPS ver arriba, como en mostrar en la manta fuera lista. Ahí lo tenemos. Activa eso y luce mejor. Y como puedes decir esto, aún no
hemos hecho nada, así que no va a estar mostrando nada diferente. También, agrega alguna otra hija aquí, por lo que la descripción personaliza la pantalla de búsqueda para los giros. De acuerdo, tú eres yo ¿Todo bien? Por lo que ahora podemos empezar en los clientes en realidad en la página de inicio de sesión. Por lo que la página de inicio de sesión utiliza este archivo llamado No estar bajo. Terminar Ph Estan así que sólo lo abriremos para referenciarlo. Entonces nos dirá qué ganchos hay que podemos usar a los clientes que lo anhelan. Entonces, festival vamos a querer Sí, eso es, um, estilos para los libios. Gratuito. Por lo que puedo ver aquí. Hay una acción, Logan y cripta, ustedes guiones. Así que copia eso, y voy a interactuar Y mi edad mirando enchufe en escaso Genial voy a funcionar. Y lo que queremos hacer es traer la hoja de estilo que vamos a crear suficiente para ti. Entonces usando lo que hemos aprendido sobre cómo hacer referencia a archivos dentro del directorio plug in, vamos a averiguar cómo hacerlo en Cuba la hoja de parada aquí. Entonces si quiero un nuevo archivo y solo llamaremos a este estilo arranca teatros No, pondremos el fondo en rojo. No, ser. Gracias. Entonces, um, mis estilos de mil millones de lingotes de páginas y ninguna vez Ah, eres un archivo de fila. Creo que eso tiene un corte a la parrilla con él. Entonces sólo debemos ser difíciles de ir. Styles consiguió, Ver es entonces no tenemos dependencias. Y para la versión fuera de la nave estelar, solo uso el tiempo modificado fuera de la embarazada fuera del archivo Terry de la nave estelar a tiempo. Ah, media Onda. También necesitamos ahora no mirar a la función por lo que cubos tres mil millones de estilos. Es la encarnación ahí la que también ven tan sí, así que debería estar en el infierno de cola. Stop sheet Ahora tienen un vistazo. Buscando puestos de página. Sí, ahí está. Y sobre hice un terrible trabajo de eso. Y ahí vamos. Ya ves, ahora tenemos todos los estilos y lindos, y eso se ve realmente horrible. Entonces no vamos a hacer eso. Eso es ahora. En realidad podemos empezar con la aplicación de algunos estilos. Lo principal querrá cambiar. Aquí está esto ¿Qué personalmente? Entonces como puedes ver, es una imagen de fondo, por lo que no es una imagen real. Te digo que es una imagen de fondo, así que solo iré a buscar una imagen para que yo use ¿Está bien mi vida? Entonces ahora encontré la imagen que voy a usar en lugar del camino primero. Al igual que, ¿qué está afuera seleccionado aquí buscando? ¿ Cuál? A. De una manera diferente. Imagen de fondo es una mascota. No PNG Uriel resumen. Y sí, en cambiado. Entonces eso es bastante pequeño eso quiero hacerlo todo. Como puedes ver, tiene una altura establecida de cualquier píxel completo y ajustado con los píxeles verticales. Entonces, ¿qué más viejo es todo? Simplemente hazlo 100% con y con un tamaño de fondo contener, no
hay mosca. MM realmente no ha cambiado nada, así que tenemos que hacerlo más alto. Entonces tengo la orden. Ah, teniendo fondo al 100%. Hazlo cuadrado. Ve con la plaza Niza y grande. Lo que también va a querer hacer es cambiar este enlace y este título Así que a una página de inicio de sesión aquí y ver aquí es este largo y tenía un euro en Lilian tenía un título el cual se puede ver es este enlace de
WordPress y powered by wordpress time para que podamos copiar esos filtros sobre filtro y en copiarlos justamente. Por el momento, edad
Meilin, todos
sois opción. Y como es un filtro, realidad
vamos a tener un valor que se está patrocinando. Um, entonces eso será sólo cuál? Estamos viendo tu papel. Entonces copia esa Variable a través. Eso es lo que obtenemos. Pastor también querrá devolver esto porque es un filtro te ayudará. Pero mire, sí, señor. Cambia el total de atributos. Ambos perímetro de licor. Es una cuerda. Um, sí, chica y devolvió una fuerza. Está bien, hombre. Entonces querrás cambiar esto a tu propia Europa de mí. Voy a sentarme así igual a mi todavía llegado. Eso tiene sentido que mi logo más largo del mercado estará enlazando a mi propio sitio. Um, entonces ahora tenemos el título. Teoh cambia. Bueno, entonces mi tuvo un abrazo. La función y cuál es la variable aquí? Lilian tenía un CODEL. Lo pasará a través. Sí, devuélvala. Pero yo no lo cambia el Ese fue el que me cruzó la pierna creo que son los atributos cardinales . También es una cuerda No, en un abrazo y devolvió la cuerda. No. Bien dicho Logan tenía un título. El igual, señor. Um construido Munger is ma get place. Eso suena bien. Y ahora, si refresco eso y pudieras ver el enlace ha cambiado a mi sitio web abajo
aquí abajo . Y también se puede ver que el título ha cambiado. Señor. Siéntete libre de volverte loca con la actualización de la página de inicio de sesión para reflejar tu propia marca. Reemplaza el logotipo de WordPress y el enlace de WordPress, da derecho con tus propios detalles y siéntete libre de cambiar las estrellas de esto. No obstante lo que
veas conveniente, no necesitas ser un experto en CSS para que se vea un poco mejor de lo que es ahora. Es posible que desee cambiar el estilo de estos mensajes que son como un correo electrónico largo, cuestionable, cuestionable,
inválido y ese tipo de cosas. En realidad, podríamos cambiar eso a continuación, Así que puedes ver si renuncio. Está bien. Si trato de enviar el registro en forma sin posible que me dé un árabe. Si doy el mal si trato de enviarlo con el nombre de usuario incorrecto, dice
que vistas el nombre es incorrecto. Y si le doy la contraseña equivocada
, me dice que está mal. Por lo que realmente podemos cambiar estos mensajes también. Entonces esto es de nuevo un filtro. Oh, sólo intenta encontrar Donde está,
um, um, mensajes de
Logan. Entonces este filtro aquí, buscando mensajes y mensajes es la variable. Por lo que vamos a filtrar millas 1,000,000 de edad en la nuestra. Mensajes de Jean. Es esto y bueno, sólo tener un poco para que no sea tan obvio en cuanto a si tienen el
nombre de usuario correcto encendido. Por lo que cambia los mensajes de la era de aspecto. Estoy descarriando mitos. Es época. Está en una respuesta de cadena y mensajes cuando lo consideramos siempre igual. Uh, usted ha proporcionado rehouse incorrecto. ¿ De acuerdo? No parece estar funcionando todavía. Quiero el filtro de errores en lugar de los mensajes llenos auto. A ver si eso funciona, has proporcionado incorrectamente. Para que lo sepas, hemos actualizado. Cuanto más tiempo hayamos actualizado el enlace y el título. Y ahora hemos actualizado los mensajes de error para que sienta miedo de personalizar eso tanto como quieras. Tengo algunos ejemplos que están disponibles en la descripción del curso que podrías tomar inspiración. Por ejemplo, ahí está mi joven gato Long in Page, que también interpretará al joven capitán. Entonces siéntete libre. ¿ Se volvió loco? Y realmente estoy deseando ver lo que se te ocurrió para personalizar tu
página de inicio de sesión .
11. Haz una traducción de tu pluggin: ahora deberías tener un enchufe de WordPress totalmente funcional en el que los clientes la pantalla de inicio de
sesión de WordPress . Hay una última cosa que debemos hacer, y hagamos un enchufe intraducible a más de la mitad de descuento. Qué sitios prensados son en idiomas distintos al inglés. Entonces si realmente suministres en, eso sólo está disponible en más lenguaje. Te estás perdiendo una horrible cantidad de cuota de mercado. Potencialmente, necesitaremos instalar algunas herramientas para que tu planeación sea traducible, por lo que vamos a echar un vistazo a eso ahora. Entonces lo primero que tenemos que hacer es agregar un texto en mayo. Por lo que normalmente esto es lo mismo que tu plug in slug. Entonces texto lo principal, principal y así mi larga edad jugando. Y también tenemos que decirle dónde se van a almacenar los idiomas. Entonces baje a una función mi página plug ins, que es, y vamos a querer aprender jugando estimación. Por lo que uno de pasta a través de la losa de L nuevamente comienza mi inicio de inundación. False es segundo perímetro. Se está replicando, y luego necesitaremos el nombre base de ese plug in base name en el archivo y luego slash lenguajes. Es cuando vamos a empezar nuestros idiomas y luego agregamos que para estar llenando se carga look, que va a subir tan pronto como viejo de lo que los fundings británicos han estado justo antes. Se carga lo mismo y antes de lo que prensa empieza a mostrar cosas que se podrán traducir texto antes de que los usuarios vean eso y sean mis idiomas. Y sólo nos aseguraremos de que se trate de lugares diferentes en las lenguas lingotes. Por lo que ahora tendremos que hacer una nueva carpeta para los idiomas. Y dentro de esta carpeta es donde querrá poner nuestros archivos put em er y PR, que son lo que utiliza WordPress para cargar traducciones en Siguiente, es necesario
descargar estos dos archivos, para los
cuales tengo los enlaces en la descripción del curso. Por lo que un gran archivo y paquete lejos. Entonces vamos a utilizar una tarea gruñón para generar el pop para el cual podemos hacer nuestras traducciones. Entonces si aún no has instalado ningún Jess, deberías ir a hacer eso primero. Y una vez que no pones ningún Js instalado, también, obtén NPM, que no es gestor de paquetes. Y así una vez que hayas hecho eso y pensaste esos dos archivos en tu directorio de enchufes. Puedes encontrarte con él en taburete desde una consola, y se inculcará. Tener felicidad. ¿ En serio? ¿ Lo has corrido en el directorio correcto? Uh, el comité contenido millones. Vuelvo a mirar en página. Sí. Ejecución de pago, alma adentro hacia afuera directorio enchufando. Instalará todos los paquetes necesarios para nuestro plug in. Ya sabes, puedes ver esto esta nueva carpeta sin módulos, cual ya tiene una tonelada de cosas en ella, pesar de que realmente sólo necesitamos a Grant End el gorila futbolística. Entonces, ¿sabes qué? Atrapamos que en puesto, podemos ejecutar la función de traducir crecido que generaría parte de enemigos. Sí, para que veas que se creó esta granja de macetas. Entro página plug en Dompok. Pero ahora mismo, no ha recogido ninguna fortaleza. Entonces eso se debe a que lo que usa el bolso get text y no hemos puesto ninguna, aunque cadena a través, get text function. Entonces, ¿qué procedimientos? La biblioteca llamó obtener texto para sólo para traducir la fuerza. Y para que funcione correctamente, es necesario pasar por una función get text. Lo que presiona varias de fechas, y luego siempre comienzas con ellas a la escuela. Entonces tenemos dos cuerdas aquí que vamos a querer traducir nuestro título por más tiempo y estos mensajes de error. Entonces en este caso, es demasiado subrayados si queremos devolverlo. Y también tenemos que añadir NB ralentizar el pozo. No se puede almacenar esto como una variable porque el programa que va a interpretar, Deport file y los archivos Associated Translation uno realmente se está ejecutando ph pain. Por lo que no será difícil. Es posible que el padre es desafortunado y requiere que el dedo del pie intente sobre su babosa varias veces. Pero por desgracia así funciona tan bien. Ahora haz lo mismo para allá afuera eres tú. Mi nombre está jugando. Entonces ahora antes de que quieras correr Oh, traduce con ese archivo pot y puedes ver aquí está recogido estas dos fortalezas, así que eso es exactamente lo que necesitamos. Ahora si cedemos a mi foto de idiomas y ojalá instalara un programa llamado Poet y si no has debiste ir a hacer eso ahora, una vez que lo instales, no
puedes abrir este archivo. Y así esta mujer te dejó traducir a diferentes idiomas. ¿ Qué procedimientos? NOSOTROS. Inglés por defecto. Por lo que para mostrarlo en cualquier otro tipo de idioma es necesario proporcionar una traducción para. Eso s Así que tenemos un archivo pot, que es solo una plantilla que tiene todas las secuencias en ella. Por lo que ahora tendremos que crear un archivo de traducción basado en nuestro archivo pope. Por lo que creé nueva traducción. Um, queríamos estar, Digamos que el inglés está entrenando por ahora porque ahí es donde estoy. Um, entonces en este caso, no
hay nada realmente que necesite traducirse para que pudiéramos simplemente copiar y pegar nuestras almas, y entonces podemos salvarla. Por lo que guardamos el nombre como la pendiente, Mi página de inicio de sesión,
Obtener dinero en efectivo y luego palabras de lenguaje en este caso otra vez en el año escolar. Y también generará thean mi teléfono. Eso es lo que era el archivo pot que dices. Entonces si volvemos al lado L y tenemos un poco de lenguaje, um, tengo un poco de tapadera. No tiene otra escuela que no estaba segura de que lo fueran. Si vamos a nuestras plantaciones y si ya está puesta del pie Inglés Australia por lo que probablemente no
notemos una diferencia. Entonces si yo Sí, porque son las mismas palabras. No hay diferencia. Pero si cambiara esto para decir que no, mi no podías mirar ahora si me refresco de
ello, va a conocer a Sherry, los archivos traducidos llenan ese idioma. Obviamente, no
vas a querer tener algo así como tu traducción. Pero cuando se traducen palabras como el color, que han usado en inglés australiano y británico y no un americano, o se traducen a un idioma completamente diferente como el español, va a ser significativamente diferente al original texto fuente. Y así es como haces listo tu obra en traducción.
12. Reflexiones finales: Oye, entraron aquí
chicos. Sólo quería decir felicitaciones. Construyendo tus primeras armas. Este es un paso emocionante de comenzar con la construcción fueron los primeros enchufes, y realmente estoy ansioso por ver lo que usted sigue en este curso que codiciamos. Uno de jugarlo casa segura Diferente, también. Gracias El que Francia PHP lucha estándares. Cómo enganchan sistema en mi bolso. Weps Accediendo a tu directorio de enchufes y en matar, depilando miles específicos. En primer lugar, realmente
estoy deseando ver sus proyectos de clase. Por favor sube capturas de pantalla de tu página larga a tu proyecto de clase, y estaré encantado de darte comentarios desde ahí. Si te sientes cómodo con Kit, siéntete asustado como si estuvieras jugando para levantarte y compartirlo con el mundo. Si quieres estar al día con lo que estoy haciendo, puedes seguirme en Still share. Tendré más cursos de desarrollo jugando saliendo en la nación. Cada arriba en también me puedes encontrar en todas las redes sociales. Cameron se une en vivo a lo largo de este mercado y regularmente comparte consejos, trucos y tutoriales en torno al desarrollo de enchufes y otros aspectos se vestirían de
agradecimiento por tomar el curso. Me gustaría ofrecerte un 10% de descuento en cualquier compra de enchufes desde momentos Marketplace. Simplemente dirígete a los mestizos Mark colocó sobre la cuota de slash para reclamar tu descuento. Muchas gracias por tomar mi curso. Y realmente estoy deseando ver todos los proyectos de la vieja clase, y te veré en el próximo curso.
Cameron Jones, WordPress Developer
