Temas infantiles paso a paso para nuevos sitios de WordPress

1. Qué es un tema de niño y por qué deberías utilizarlo: y este curso, vamos a hablar de qué es un tema infantil y por qué es tan importante para que entiendas por qué deberías estar usando temas infantiles cuando estás creando nuevos sitios, ya sea para ti personalmente o para un sitio cliente. Y luego vamos a caminar paso a través de todo el proceso de crear realmente un tema infantil para que puedas practicarlo, y podrás implementar esto por tu cuenta en el futuro. Seguro que estás familiarizado con lo que es un tema de WordPress, y aquí vamos a hablar de lo que es un tema infantil para empezar. Primero necesitas una cosa de padres porque ningún hijo puede existir, por supuesto, sin aparente. Entonces aquí es lo mismo. Para tener un tema infantil, debes tener un tema de padres, y eso no es nada especial. Es cualquier cosa que elijas. Entonces, si has diseñado un sitio de WordPress o estás configurando un sitio de WordPress y encuentras un tema gratis o un tema premium con el que quieres trabajar para ayudarte a diseñar el sitio y diseñar en el camino, te gustaría que lo puntee. Mira cuando subes ese tema no es considerado tu tema de padres, y lo que vamos a estar haciendo es crear un tema hijo para ese tema padre que has seleccionado. Ahora hay muchas ventajas de usar realmente temas infantiles para empezar. No tienes que construir un tema desde cero. Esto permite tomar un tema existente y agregarle y mejorarlo. Y no tienes que descansar empezando completamente de cero. Si no te gustó, no funcionó como lo habías esperado. Entonces si has hecho alguna costumbre son ations, no resultan de la manera que esperas. Todo lo que tienes que hacer es simplemente desactivar al niño. Parecen igual que lo harías con cualquier otro tema. Y entonces todavía tienes ese tema padre existente con el que puedes trabajar y que puedes usar ahora. Una de las razones más comunes para usar un tema infantil es que si estás familiarizado con la seguridad de WordPress, es muy, muy importante que mantengas tus enchufes en el tema al día. Y así, de vez en cuando, los desarrolladores enviarán actualizaciones para ya sea agregar nueva funcionalidad a los enchufes o temas o para parchear cualquier resquicio de seguridad que puedan haber encontrado. Y así esto es muy, muy importante que actualices tus temas. Ahora lo que pasa es que si no usas un equipo infantil y actualizas tu tema, perderán las modificaciones que hayas hecho a ese tema de padres. Entonces si has hecho un poco de modificaciones, eso te va a llevar tiempo, esfuerzo y dinero. Si estás teniendo a alguien más te ayude, por supuesto, a rehacer esas modificaciones a un tema infantil te ahorra todo este tiempo y esfuerzo. Además de todo eso, en realidad, si no estás familiarizado con los temas de WordPress o eres nuevo en esto, crear el tema infantil es una manera realmente genial de entender cómo funcionan los temas de WordPress . Por lo que incluso al final de este curso, tienes una comprensión mucho mejor de los temas de WordPress en general. Ahora, con temas infantiles, puedes personalizar tan poco o tanto del tema como te gustaría Teoh. Pero vamos a meternos en todo eso y exactamente cómo hacerlo, así que espero que esto te dé una mejor idea de lo importante que es un tema infantil y cuánto tiempo y esfuerzo realmente podría ahorrarte a la larga al hacerlo. Entonces ahora vamos a saltar a cómo funciona realmente un equipo infantil y cómo vamos a configurar esto , así que prepárate para empezar a practicar. 2. Cuando deberías usar un tema infantil: Entonces ahora que hemos hablado de lo importante que es un tema infantil, quiero asegurarme de que estés al tanto de cuándo usar o no usar un tema infantil para que puedas decidir si un tema infantil va a ser importante usarlo para el sitio real que vas a estar creando. Porque si solo estuvieras creando pequeños cambios en el tema de los padres y esto podría ser simplemente cambiando los colores del Fonz, por ejemplo, esos no son cambios realmente grandes, y en realidad podrías usar un plug in, como el WP agregar CSS personalizado Plug in. O simplemente puedes usar la sección CSS personalizada dentro de tu tema. Si tiene un so, por ejemplo, aquí uso el tema divvy y tiene una sección CSS personalizada, así que podría usar eso. Entonces te toca a ti si solo estás haciendo algunos de esos cambios muy menores, si simplemente prefieres usar CSS personalizado o usar un plug in para que esos cambios no se pierdan ahora, si vas a estar haciendo múltiples cambios o estás va a estar haciendo cambios más grandes, entonces definitivamente quieres usar un tema infantil porque tienes mucho más que puedes perder , y es posible que en realidad no puedas hacer todos esos cambios solo usando CSS personalizado Y cuando realmente simplemente te das no quieren arriesgarse a perder su trabajo. Y esa es una especie de buena pregunta para hacerte, en qué momento te sentirías cómodo diciendo OK, si yo Si pierdo esto, digamos que el color de la fuente vuelve al color predeterminado. ¿ Estaría bien entonces? Sí. De acuerdo, no necesito un tema infantil, pero cuando empieces a hacer más modificaciones, puede que te sientas menos cómodo perdiendo tu trabajo. Y ese es un buen momento para empezar a usar un tema infantil así que sin mí y dijo: Veamos cómo funciona realmente un equipo infantil porque en realidad solo hay unos pasos para crearlo, Así que es bastante fácil. Tiene una estructura básica, y esa estructura es simplemente una carpeta y dos archivos. Aparte de eso, estás sacando del tema de los padres que ya son los hombres creados. Entonces vamos a crear esa estructura básica, y luego vamos a vincular el tema del niño con el tema de los padres. Por lo que puede sacar de eso. Y ahí es justo donde obtenemos el camino de ambos temas. Y si eso suena abrumador para no preocuparse, este va a ser un proceso muy sencillo. Vas a saber exactamente cómo se ve esto al final de la misma. Entonces estamos listos para empezar. Ahora. Entiendes el fondo de un tema infantil cuando debes usarlo. Por qué es importante. Entonces sigamos adelante y empecemos a ver exactamente lo que necesitas para empezar, y luego vamos a empezar a construir nuestro primer equipo infantil juntos. 3. qué necesitas para empezar: bien, espero que estén listos para empezar. Y antes de que lo hagamos, queremos seguir adelante y mirar lo que realmente necesitamos para empezar para que puedas tener eso disponible para ti, y luego empezaremos a configurar los archivos y hacer nuestro primer tema infantil. Entonces lo más importante que necesitas es un tema fuerte para padres. Y digo que esto es tan importante porque no todos los temas están realmente destinados a ser un tema de padres , Así que algunos van a estar mejor diseñados de lo que otros iban a ser. Entonces si encuentras que un archivo padre necesita ser reemplazado en su mayor parte o reescrito mucho , entonces probablemente no sea un buen tema para empezar. Ahora mucha gente preguntará sobre temas gratuitos versus premium, y personalmente me gusta usar temas premium por varias razones. Una es porque se van a actualizar continuamente en su mayor parte, y van a estar agregando nueva funcionalidad. Van a agregar nuevas características. Van a arreglar cualquier resquicio de seguridad que encontraron, y típicamente cuando tienes temas premium, vas a poder conseguir un buen soporte así que eso es muy, muy diferente a los temas gratuitos que tal vez no se actualicen en absoluto que ellos puede desactualizarse rápidamente. Tienen resquicios de seguridad. No se puede conseguir ningún apoyo para ellos, así que eso realmente hace una gran diferencia. Ahora, sé que podría ser difícil elegir un tema, sobre todo si estás tratando de encontrar uno, que se ajuste exactamente a lo que estás buscando. Pero recuerda aquí que vamos a poder modificar este tema por lo que solo querrías conseguir algo que es lo más cercano posible. Siempre puedes encontrar sobre las imágenes, el impuesto, y realmente puedes personalizarlo dedo del pie se parece al tuyo. Pero sé que podría ser difícil elegir el tema. Entonces si quieres algunas ideas, incluiré aquí una lista de diferentes temas buenos padres con los que puedes empezar. Y puedes usar eso como punto de partida para encontrar algo que vaya a funcionar para ti y tu página web. Ahora, realidad, cuando estás mirando estos temas es mientras te gustaría la funcionalidad y las características generales del tema principal que estás usando, la forma en que no tienes que crear mucho desde cero. No tienes que hacer muchas modificaciones. Ahora vamos a necesitar ya sea ver acceso a panel o acceso FTP. Y la razón de esto es que vas a estar creando una carpeta y también vas a estar creando archivos. Entonces vas a tener tu carpeta principal. Vas a tener una hoja de estilo, que es un archivo CSS en. Entonces vas a tener una funciones que archivo PHP. Ahora bien, si esto ya suena sobre tu cabeza y ya estás listo para dejar de fumar aquí mismo, no te preocupes. No te vayas todavía. Los dos archivos realmente no necesitan mucho y ellos no vas a necesitar saber codificar . Te voy a dar lo que necesites, y lo vamos a descomponer. Entonces es sencillo para ti Ahora. El motivo por el que digo es que necesitarás filtrar o acceso FTP es porque aquí es donde podrás crear esos archivos en esa carpeta que necesitas un oleaje. Por lo que si necesitas acceso FTP, puedes utilizar un software gratuito llamado archivo Zillah que lo hace muy, muy fácil dedo del pie subir y descargar archivos de tu host directamente a tu computadora. escritorio. Eso es realmente todo lo que necesitas. Realmente necesitas solo tener un tema de padres fuerte para empezar, y necesitas tener la capacidad de subir y crear tus archivos y tu anterior, así que adelante y prepárate y empecemos. 4. Configuración de tu tema infantil: Entonces así será tu hoja de estilo cuando termines. Ahora quiero caminar por las diferentes partes de esto para que entendamos lo que cada uno de estos significa en realidad y lo que en realidad se requiere para que usted incluya, porque en realidad incluyo una versión más simple de esto. Pero quiero que entiendas todo lo que puedas ver si estás viniendo a otro tema infantil que alguien más ha creado o estás trabajando en el sitio que ya tiene un tema infantil. Entonces el 1er 1 es el nombre del tema, y este es un nombre que creas y esto es lo que realmente va a aparecer en tu WordPress de vuelta en. Por lo general, solo uso el nombre del tema padre seguido de niño. Entonces en este caso, usaría un niño divvy. Ahora, el tema que eres, escucho puntos a Si tienes, digamos, una demo del sitio web y eres desarrollador de temas y tienes un sitio web dedicado a este tema. Demostrarías que estás todo ahí ahora cuando navegas a tu panel de WordPress y haces clic en temas y encuentras tu tema real. Si haces clic en los detalles del tema, notarás que hay una descripción. Entonces lo que sea que pongas aquí en esta descripción es en realidad lo que va a aparecer al hacer clic en este botón de detalles del tema. Ahora hay que poner a nombre de un autor. Y claro, ese vas a ser tú si estás creando este tema infantil. Y si tienes tu propio sitio web, puedes insertar eso aquí bajo tu autor, tú o I. Ahora plantilla es en realidad muy importante porque aquí es donde vas a poner el nombre real del tema de los padres. Pero lo importante es que quieres asegurarte de que estás agarrando el nombre exactamente como aparece en tu carpeta de temas de WordPress, porque es sensible a mayúsculas y minúsculas. Así que asegúrate, por ejemplo, si miro mi carpeta temática aquí, hay un D. mayúscula Así que necesito asegurarme de que uso que si estaba usando 2015 es todo minúscula. Necesito hacer lo mismo cuando inserto mi nombre de tema aquí bajo plantilla, porque esto puede causar un estrecho. Entonces solo quiero asegurarme de que estás usando exactamente lo que dice en esa carpeta. Ahora la versión esta si este es tu primer tema infantil, verdad, podrías maquillar esto. Por lo general, solo vas a empezar con uno. Esta es una licencia que va a tener tu tema. Por lo que lo más probable es que encuentres si estás usando un tema de WordPress. Que el tema tenga una licencia GPL es que si tu tema principal tiene una licencia GPL, que solo debes usar la misma. Entonces lo que sea que seas un tema de padres sólo tiene que seguir adelante y usar eso ahora. El licencia Tu I es donde puedes poner la dirección a la licencia de temas para que puedas poner la URL a la licencia de la GPL si eso es lo que estás usando. Ahora bien, si vas a estar subiendo tu tema al directorio de WordPress, digamos que creas temas y los sueltas ahí en el directorio de WordPress. Las etiquetas ayudarán a otros a encontrar tu tema cuando estén buscando dentro del directorio de WordPress . Entonces solo quieres asegurarte de que el impuesto que usan nuestro descriptivo y relevante para el tema que has creado ahora, como mencioné anteriormente no uso todos estos si se trata de un tema infantil que estoy creando para mí para un sitio personal o estoy creando, incluso para un sitio infantil, porque no estoy liberando este tema, así que no necesito toda esta información. Entonces realmente, la información más importante que necesitas para asegurarte de incluir Es un nombre de tema en la plantilla. Todo lo demás es solo un bono, así que a menudo incluyo el nombre del tema. Incluiré la descripción, mi nombre y muchas veces lo hago porque si otro desarrollador por el camino que trabaja después de media quiere ponerse en contacto conmigo, podrían hacerlo. Si por alguna razón pierdo el contacto con el cliente y me quieren volver a llamar, posible que puedan ver mi nombre en la plantilla. Por eso me gusta incluir el nombre. Y luego, por supuesto, hablamos de la plantilla y la versión depende completamente de ti. Entonces realmente, siempre y cuando tengas ese nombre de tema en la plantilla, te vas a un gran comienzo. Miramos la estructura básica de crear un tema de archivo, y eso tenía tres cosas. El directorio, la hoja de estilo, que era el archivo CSS y luego las funciones punto archivo PHP. Por lo que tienes un par de opciones aquí. Puede crear esta estructura directamente en el servidor utilizando el cliente FTP, o puede crearlos localmente en su computadora. Después puedes comprimir el archivo y luego instalarlo como tema desde tu panel de WordPress. Entonces para que esto sea fácil, solo voy a crear el tema infantil directamente en el servidor. Pero sin embargo hagas esto, es el mismo proceso. Así que siéntete libre de hacer lo que te haga el más cómodo. Entonces ahora que estoy aquí en mi sitio de hosting, me he metido en el panel del mar. Ahora necesito buscar a mi administrador de archivos. Ahora bien, si aún no has instalado donde presiona, sí necesitas instalar wordpress, necesitas seguir adelante e instalar tu tema de padres, y luego puedes continuar con este proceso. Entonces voy a bajar a mi administrador de archivos aquí y abrir esto y lo queremos ahora la puerta a sus temas, Boulder. Y lo vas a encontrar aquí bajo contenidos y temas WP. Ahora vas a ver algunas carpetas. Ya tendrás las carpetas 15 y 16 del 2014. Y luego vas a tener tu tema de padres. Entonces los primeros son simplemente los temas que WordPress tiene preinstalado para ti cuando instalaste WordPress. Ahora, divvy es el nombre del tema principal que voy a usar ahora en esta carpeta Temas . Aquí es donde queremos crear la carpeta para nuestro tema infantil. Entonces para hacer esto, simplemente voy a dar clic en nueva carpeta. Y entonces la práctica común aquí es poner en tu nombre de haz padre y luego poner Dash Child, y luego puedes crear la nueva carpeta. De esa manera, es muy fácil reconocer si alguien más alguna vez trabaja en esto en el futuro, sabrán exactamente dónde encontrar los archivos. Ahora. Bonito. Vamos a crear esta hoja de estilo, y vamos a querer poner esta hoja de estilo dentro de esta carpeta infantil. Si no estás familiarizado con lo que es un estilo, esto simplemente incluye el código que realmente determina el diseño de tu sitio web, y realmente es el archivo que vas a ser más probable que personalices. Entonces si piensas en querer cambiar el tamaño de fuente de la propia fuente, el color de la fuente. Cualquiera de esa información que vas a poder actualizar dentro del archivo CSS. Simplemente puedes abrir un editor de texto que tengas en tu computadora. Cualquier libre lo hará. Al igual que voy a usar ninguna almohadilla. Y quieren guardar este archivo como estilo. Consiguió CSS ahora con eso guardado trabajando ellos. Quieres entrar en el tema infantil igual que lo hice yo. Recuerda que estuve aquí bajo Debbie Dash. Niño, abre eso y luego puedo hacer click, subir, y voy a poder navegar a mi computadora aquí, click en el archivo que acabo de crear Seleccionar, Abrir y me va a dar un aviso aquí un abajo, mi pantalla que dice que se ha completado para que pueda excitar un aquí y solo voy a refrescar las pantallas. Podemos verlo y podemos ver ahora el estilo de que el archivo CSS está ahí. Por lo que ya he dado dos pasos para configurar este tema infantil 5. Activar el tema de tu niño: ahora que hemos agregado un poco de información a la hoja de estilo. Aquí es donde realmente va a empezar el tema de tu hijo. Sentirse más riel con los pasos que has completado hasta ahora, tu tema infantil en realidad va a aparecer como un tema real en tu panel de WordPress. Así que si vas por delante y te diriges al panel de WordPress, puedes ir a la apariencia y temas igual que lo harías con los pies subir cualquier otro tema y lo verás aquí. Ahora tengo el tema divvy child que aparece. Entonces veamos este tema del 2015 como ejemplo. Si hago clic en los detalles del tema, notarás esta información diferente. Tienes el título del tema, el número de versión el autor. Y luego notarás que esto realmente vincula al sitio de wordpress dot org porque son el autor. Y aquí tienes tu descripción en tus etiquetas. Entonces esto en realidad está siendo sacado de esa hoja de estilo que acabamos de crear. Entonces si vuelvo y miro el mío, tengo el título. Tengo mi versión, mi nombre. Se enlaza a mi página web. No tengo esta larga descripción. Todas las etiquetas Así que esto solo va a marcar la diferencia de cómo aparece esto en los detalles del tema en realidad mirarán más adelante cómo puedes agregar en una imagen personalizada para tu tema si quieres seguir adelante y hacer eso. Pero claro, eso no es necesario. Por lo que todo lo que tienes que hacer aquí es dar click en Activar para que esto sea tu cosa de la vida. Entonces ahora si vamos al sitio en vivo, no vas a ver ningún cambio porque no has agregado nada a tu hijo. Parecen en este punto. Entonces ahora vamos a empezar a buscar en la funcionalidad de las características, los estilos Puedes ver a dónde puedes ir para hacer cambios en el tema de tu hijo. 6. Agrega funcionalidad y características a tu tema de niño: Cuando empezamos por primera vez, mencioné que hay tres cosas que necesitarías para crear un tema infantil, la carpeta, la hoja de estilos y las funciones que archivo PHP. Por lo que ya hemos creado el 1er 2 Así que ahora es el momento de crear las funciones que archivo PHP. Y si nunca has oído hablar de este expediente, no estás familiarizado con lo que hace. Esto básicamente va a permitir agregar funcionalidad al sitio web. Entonces si quieres agregar nueva funcionalidad o futuros propios, o simplemente quieres modificar cualquier funcionalidad existente, es probable que lo hagas en el archivo PHP dot funciones. Ahora, como probablemente puedas imaginar, este archivo está escrito en PHP, y este es en realidad un archivo muy simple de configurar literalmente. Este es el código que necesitarías agregar. Literalmente lo abres con esta primera línea aquí, y luego agregas el código PHP. Ahora, cuando empezamos por primera vez y estaba hablando de las ventajas de crear un equipo infantil, una de las cosas que mencioné fue que es útil entender la estructura básica aquí de un sitio de WordPress. Yo traigo eso ahora porque en realidad no necesitas ah functions dot archivo PHP para tu tema hijo Porque si no vas a estar modificando ninguna de las funcionalidades, tal vez solo los estilos, entonces puedes hacer eso en tu estilo ese archivo CSS y no necesitas traer las funciones que archivo PHP al mismo tiempo. Hay una razón por la que querrías quedarte con eso. Entonces sí quiero pasar un momento hablando de por qué es importante tener aún esas funciones que archivo PHP ahora. Antes, también mencioné que uno de los pasos aquí es que necesitamos vincular el tema del niño y lo de los padres juntos para que hablen y compartan información. Por lo que necesitamos encontrar la manera de hacerlo. En anteriormente, la regla general del pulgar era volver al Sur, ella que creaste y utilizabas lo que se refería como regla de importación, y literalmente se veía así. Esta era la línea de código que había agregado a su hoja de estilo. Ahora esta masa funciona, todavía se puede hacer esto. El motivo por el que esto en realidad no se usa tanto ahora es porque esto realmente puede ralentizar tu sitio web, cual obviamente no es algo bueno. Desea que su sitio web se ejecute lo más rápido posible. Pero si tu tema tiene varias hojas de estilo, las cargará todas una tras otra. Y así eso realmente puede hacer que tu sitio se ralentice. Entonces si usamos nuestras funciones ese archivo PHP, acelerará el sitio, y se asegurará de que eso no sea tener ninguna. Entonces lo primero que queremos hacer aquí es que queremos seguir adelante y crear que funcione ese archivo PHP. Adelante, abre nuevamente tu editor de texto y agrega el código aquí y luego Adelante, guarda eso y sube eso a tu carpeta Temas igual que hiciste para tu hoja de estilo. Y entonces realmente vamos a ver qué código puedes agregar a tus funciones ese archivo PHP fin de vincular a tu hijo dejando juntos tu tema de padres 7. Pull de los Estilos padres a tu tema hijo: todo bien. Ahora estamos listos para vincular nuestro tema infantil con nuestro tema de padres. Y tenemos que hacer esto para que pueda sacar este estilo en la funcionalidad de nuestro tema de padres . Y luego una vez que hagamos esto, entonces vamos a poder realmente empezar a personalizar y hacer los cambios que queramos . Teoh. Entonces si realmente vas a tu sitio y has activado tu tema infantil, vas a ver que realmente no hay ningún estilo a Va a estar un poco mal. No va a verse exactamente como lo hizo la verdadera cosa de los padres. Entonces lo que necesitamos hacer es volver a nuestras funciones ese archivo PHP. Ahora todo lo que tenemos hasta ahora es este código aquí mismo. Y esta segunda línea aquí es un comentario. Entonces si tienes los dos Ford Slash es seguido por Asterix, puedes escribir lo que quieras aquí para describir el código que va a aparecer debajo de él . También puedes simplemente eliminar por completo. Simplemente depende de lo que te gustaría dio. Y entonces lo que vamos a hacer es que vamos a añadir el siguiente código, así que voy a adjuntar esto que literalmente puedes copiar y pasos. Esto se llama el método WP en Q, y esto básicamente solo va a hacer que tu sitio web sea mucho más agradable. Entonces todo lo que hago es ese pago establecido en, hago clic en guardar. Voy a volver a mi sitio web y refrescarlo, y ahora deberías ver que el estilo del tema de tu padre ahora está tirado. Por lo que ahora todo lo que he montado hasta ahora se ha metido. Por lo que en este punto, ahora técnicamente has creado con éxito un tema infantil. Entonces mira, es realmente no es demasiado trabajo. En realidad sólo toma cuestión de minutos. Una vez que sepas lo que estás haciendo. Estableciste esas tres cosas de las que hablamos. Pero como puedes ver, todavía se ve exactamente como el nombre de los padres. Pero ahora que está configurado, aquí es donde puedes empezar a personalizar tu tema infantil, y eso es lo que veremos cómo hacer en este momento. 8. Cómo personalizar tu tema de niño: Ahora estamos llegando a la parte divertida porque ahora estamos listos para empezar a personalizar el tema infantil . Entonces aquí es donde podemos volver a los estilos que archivo CSS. Podemos hacer cualquiera de los cambios de estilo que desee. Esto podría ser colores. Esto podría ser tamaños, bonos y demás. Entonces veamos exactamente cómo hacer eso. Ahora bien, si no tienes mucha experiencia con Codina o HTML CSS, está bien. Te voy a mostrar una manera fácil de averiguar cómo realmente agregar código y de dónde puedes simplemente copiarlo para obtener los cambios que te gustaría. Entonces he configurado esta página, y justo como ejemplo, he puesto en tres encabezados diferentes, tenía un 12 y tres, y cada uno de estos usa unas etiquetas de encabezado. Por lo que esta es una iglesia una etiqueta H para etiquetar cada etiqueta de tres, y tienen diferentes tamaños, y cada tema lo configurará automáticamente a un tamaño de fuente específico. Pero digamos que no me gusta el tamaño de fuente que viene con nosotros mi tema de padres. Yo quería más grande, así que voy a modificar eso con mi estilo. Ese C s una hoja ahora lo primero que quieren hacer es que quiero descargar esta extensión del navegador . Se llama firebug. Es completamente gratis. Se trata de un software de código abierto, y lo que va a hacer es que te va a permitir ver el código que usa un sitio web para que puedas agarrar ese abrigo. Entonces volvamos a este ejemplo Page por un segundo. Digamos que quiero averiguar de qué tamaño es el encabezado uno. Entonces voy a dar click derecho en eso y dar click en Inspeccionar Elemento con firebug Así escuchamos que podemos ver que está destacando Encabezado uno. Si hago clic en Header to va a resaltar eso en la pantalla y alguien así empezaremos con Header One. Ahora si voy a la derecha en el código, es H uno, igual que está aquí a la izquierda. Va a ser lo mismo aquí a la derecha. Entonces esto dice que es tamaño de fuente 30. Ahora, antes de hacer algún cambio en tu hoja de estilos, lo que puedes hacer es cambiar el código aquí mismo y Firefox, y te va a mostrar cómo se verá. Por lo que esto te ahorra mucho tiempo de tener que ir y venir, averiguar los diferentes tamaños y todo. Es realmente útil. Entonces digamos que sólo voy a usar un gran número sólo para que podamos ver fácilmente el cambio. Digamos que quiero que sea 45. Entonces ahora puedes ver aquí mismo cómo se ve eso. Entonces si digo que sabes qué, eso es un poco demasiado grande. Yo quiero ir con 36. Ah, quizá un poco más grande que eso. Está bien, 40. Está bien. Eso se ve bien. Estoy contento con 40. Entonces ahora todo lo que necesito hacer es poder copiar este código aquí mismo. Este h un código, y voy a volver a mi hoja de estilo. Voy a abrir eso. Tenemos que editar eso. Y recuerda esa información de encabezado que primero incluimos cuando configuramos la hoja por primera , queremos asegurarnos de que estamos pegando esta información debajo de eso. Entonces aquí ahora digo que quiero mi nuevo encabezado. Un tamaño de texto era tamaño de fuente, en lugar de ser de 40 40 píxeles. Seguiré adelante y guardaré eso. Y ahora puedo volver al sitio en vivo ahora, lo que sea que estés usando firebug y estás haciendo estos cambios, realidad no lo está haciendo en el sitio en vivo. Sí tienes que ponerlo en la hoja de estilo porque en realidad puedes usar esto para cualquiera. Sitio. Entonces digamos que vas al sitio de otra persona y ves un tamaño de fuente o una fuente en particular que te gusta o cualquier tipo de estilo. Puedes usar firebug en su sitio y luego incluso puedes editarlo. Y, por supuesto, cuando apagues firebug, se va a refrescar, y va a volver a lo que dijiste. Entonces lo mismo aquí. Entonces otra vez podría hacer lo mismo con Header to, y podría volver a mi hoja de estilo. Puedo agregar el mismo código aquí para Header a y cambiarlo a, digamos 35 Podría hacerlo lo que quiera. Entonces ahora puedo hacer lo mismo. Si busco CSS, conozco CSS. Puedo entrar aquí y puedo cambiar la familia de fuentes. Puedo agregar en una familia de bombas diferente decir una vez nuevo romano y puedo guardar eso y devuelve un sitio en vivo y refrescar, y ahora verás que la familia de fuentes de texto ha cambiado. Entonces es así como puedes ir fácilmente a editar el CSS, ya sea que estés familiarizado con CSS o no, y fácilmente poder agarrar el código y personalizar realmente cualquiera de los estilos que encuentres en tu sitio web. 9. Anotar otros archivos de temas: Ahora es posible que encuentres que existen otras áreas de la página web que deseas editar. Y algunas de estas áreas pueden no estar dentro de su estilo CSS o funciones dot archivos PHP. Y cuando este sea el caso, entonces querrás copiar el archivo del tema de tu padre a los temas de tus hijos para que puedas editarlo. Entonces permítanme darles un ejemplo. Aquí estoy, trabajando en este sitio en y usando divvy. Incluye un enlace de vuelta a temas elegantes así como WordPress. Pero me gustaría personalizar el pie de página aquí para que haga referencia al nombre real del negocio . Entonces lo que quiero hacer es volver a mis archivos aquí, y lo estoy de nuevo. Justin, véase Panel. Pero puedes hacer esto también con FTP, y voy a volver al tema de mis padres aquí, así que buscaré mi archivo PHP de punto de pie de página. Lo que vamos a hacer aquí es simplemente copiar este montón y sólo voy a poner en mi nombre de carpeta tema infantil aquí y hacer clic en copiar. Entonces ahora cuando vuelva a entrar en mi tema infantil Debbie aquí, voy a ver que ahí está el archivo PHP de punto de pie de página. Entonces ahora es donde puedo entrar y editarlo. Si no estás familiarizado con PHP, lo más fácil de hacer es buscar el texto que estás buscando. Entonces digamos temas elegantes y luego solo hagamos una búsqueda por ello. Busca elegante y ve lo que surge. Entonces aquí tenemos la URL, y tenemos el enlace de temas elegantes aquí. lo que también notan aquí que hay una etiqueta de párrafo de apertura y una etiqueta de párrafo de cierre para que pueda deshacerme de todo este código PHP en el medio. Y sólo puedo poner en el texto que quiera aparecer en el aleteo. Entonces si solo quiero poner en la información de copyright segura para el nombre de la empresa y el año puedo hacer eso y luego hacer clic en guardar ahora volviendo a un sitio en vivo. Si refresco eso, voy a ver aquí un a fondo que el texto que acabo de insertar en el archivo PHP punto de pie de página es lo que aparece ahí en la parte inferior. Entonces eso es todo cuando realmente vas a actualizar tu tema. El pie de página es en realidad uno de los lugares comunes que van a ser reemplazados cuando actualices tus archivos de tema, porque es muy común que el desarrollador ponga allí su propio enlace. Entonces esta es una forma de asegurarte de que no pierdas esa personalización al incluirla aquí en el tema infantil. Entonces de nuevo, puedes volver aquí y puedes hacer de esto un acto de enlace al igual que los temas elegantes o WordPress previamente, waas. Y eso es todo. Eso es todo lo que necesitarás para dio. Entonces es el mismo concepto aquí, realmente, para cualquiera de los archivos que te gustaría crear. Otra forma de hacerlo en lugar de hacer clic en Mover, es copiar el archivo PHP de punto de pie de página simplemente abriéndolo. Ahora, claro, vas a querer hacer esto en tu archivo de tema de padres. Literalmente puedes copiar todo el texto, cerrarlo, y luego cuando vuelvas a la carpeta de temas infantiles, haz clic en nuevo, pon el nuevo nombre del tema y luego pegarlo en ese archivo, y eso es todo. Entonces de cualquier manera con la que te sientas más cómodo. Pero así es como puedes ir a editar cualquiera de los otros archivos 10. Cómo crear y añadir una imagen para tu tema de niño: ahora, Cuando activamos por primera vez nuestro tema infantil, vimos que no había imagen para el tema infantil en sí como lo tienen los otros. Entonces si quieres subir una imagen, es muy fácil de dio. Por lo general, esperarías hasta el final del proceso. Una vez que hayas terminado tu tema infantil y solo usas una captura de pantalla de tu tema real y subes eso. Pero si quieres crear un cliente y también puedes hacer eso completamente a ti, Entonces lo que voy a hacer es que solo voy a subir uno personalizado. Voy a ir a la tienda de fotos. Se puede utilizar cualquier programa de gráficos. Realmente no importa. Entonces quieres crear una imagen que sea 8 80 por 6 60 Ahora, obviamente, la imagen no muestra tan grande. Nos va a mostrar 387 píxeles por 290 píxeles, pero este es el tamaño que WordPress recomienda. Lo subes para que puedas subirlo. De verdad, En cualquier formato GIF j. Paige, PNG, lo que quieras. Pero típicamente PNG es el formato de archivo que recomiendan. Entonces iremos con PNG, y lo nombramos captura de pantalla Ahora lo que necesitas hacer es volver a tu gestor de archivos. Y lo que vamos a hacer es asegurarnos de que estamos en esta carpeta temática infantil. No queremos estar dentro de ninguna de sus carpetas, y entonces sólo vamos a subir. Y de nuevo, sólo vamos a agarrar este archivo de captura de pantalla. Entonces screenshot dot PNG Va a esperar hasta que se cargue. Regresa a mi tablero y solo refrescaremos esta página aquí y verás que ahora tengo la imagen cargada. Tan triste, simple. 11. Crea un tema de niño para un sitio existente: si está trabajando con un sitio web existente que no utiliza un tema secundario, y esto podría deberse a que creó un sitio antes de que supiera sobre el uso de temas secundarios. O esto podría ser que te hicieras cargo de mantener un sitio web existente donde no se usara un tema infantil . Entonces la pregunta se convierte, ¿Cómo se crea un tema infantil sitio extranjero existente Ahora, pase lo que pase. Siempre recomiendo que si estás en este punto que tomas una copia de seguridad de tu sitio actual antes de empezar a alterar cualquier archivo, porque solo quieres tener algo que puedas volver a caer en eso si algo sale mal, tienes los archivos originales, y puedes restaurar tu vista muy fácilmente. Por lo menos, haz una copia de los archivos que vas a estar alterando para que tengas una copia de seguridad de esas copias y puedas reemplazarlas, sobre todo si vas a estar editando las funciones que archivo PHP que es realmente un núcleo Archivo de WordPress, y el más mínimo error en su puede causar un aire ancho del sitio en su sitio. Puede derribar tu sitio, y siempre puedes volver al río si tienes esa copia de seguridad de archivos y tu sitio web será igual que originalmente, Waas, por lo que no necesitas tener miedo de editarlo. Mientras tengas eso de nuevo, vas a estar bien. Entonces si este es tu sitio y conoces los cambios que hiciste, idealmente puedes volver a tus cambios CSS. Puedes volver a tu hoja de estilos, y puedes eliminar cualquiera de los cambios CSS que realizaste. Y luego puedes poner esos cambios directamente en tu hoja de estilo de temas infantiles que creamos hace un poco. De esa forma, vas a mantener la hoja de estilo padre exactamente igual que cuando la descargaste , y cualquiera de las modificaciones ahora estará en esa hoja de estilo de temas secundarios. Ahora, otro lado, si en realidad no hiciste los cambios o no estás seguro de los cambios que se hicieron, entonces vas a querer volver a descargar el tema de los padres. Y necesitarás levantar las dos hojas de estilo una al lado de la otra. Entonces estarás mirando el archivo de tema principal original, y luego junto a eso, estarás mirando las hojas de estilo de los temas actuales, y solo tendrás que ir línea por línea mirando cualquier diferencia. Y cuando veas alguna diferencia, quieres sacar esas de tu hoja de estilos del sitio actual y añadirlas a tu hoja de estilos de temas secundarios que acabas de crear. Entonces, una vez que tengas todos los cambios puestos en la hoja de estilo hijo en ese momento, entonces puedes reemplazar la hoja de estilo del sitio actual por la hoja de estilo de padres recién descargada . Entonces hay un poco de ida y vuelta cuando no sabes qué cambios se hicieron, tendrías que pasar un poco más de tiempo comparando lo que se hizo. Pero idealmente así es como lo haces. Simplemente cambias esas hojas de estilo padres originales. Tienes una hoja de estilo fresco y has quitado todos los cambios y los has metido en tu hijo parecen tan generales, es más o menos el mismo paso que lo que pasamos aquí, pero solo necesitarás compararlo con una versión fresca del hojas de estilo padre, ya que el sitio actual no tendrá que 12. Cómo usar un complemento para crear un tema niño: Otra opción que tienes para crear un tema infantil es usar un plug in, y luego te guiaremos por el proceso de qué hacer, y te va a crear los archivos por ti. Entonces si eres nuevo en esto o no te sientes cómodo manejando la configuración por la que caminamos que esta es otra opción para ti que quizá quieras considerar. Entonces hay un par de enchufes justo en general, independientemente del tipo de enchufe que busco, siempre busco asegurarme de que se haya actualizado recientemente que mucha gente lo esté usando . Echo un vistazo a las críticas, y hago esto para asegurarme de que estoy recibiendo un enchufe de calidad. Pero también para asegurarme de que los desarrolladores lo estén actualizando para que no tengan que estar tan preocupados con cualquier problema de seguridad Si veo un plug in que no se ha actualizado en dos años que eso probablemente sea un plug in que no se ha actualizado, la seguridad no se está tomando en consideración así pero algo a lo que me gusta mantenerme alejado. Pero tenemos este aquí llamado configuración de tema infantil, que es una opción. Y también tenemos otra aquí llamada The One Click Child Theme. Ambos han sido actualizados, tienen muchas instalaciones, buenas críticas. Ahora mismo, voy a caminar por el uso de las configuraciones de tema infantil para que puedas hacerte una idea de cómo se ve eso. Entonces cuando Enmienda WordPress dashboard aquí bajo el menú de herramientas una vez que haya instalado este plug in, va a aparecer aquí bajo el menú Herramientas tiene temas infantiles, y esto te va a caminar paso a través de todo el proceso. Por lo que tenemos tres pasos aquí para empezar. Entonces si estamos creando un nuevo tema infantil y nuestra primera opción aquí, vamos a querer seguir adelante y crear un nuevo sueño infantil. Ahora, si quieres duplicar un tema infantil existente que tal vez solo quieras hacer algunas ligeras modificaciones, digamos que quieres configurar en diferentes menús o jugar con cómo funcionaría algo antes que tú en realidad lo lanzan. O digamos que quieres tener un tema específico para la temporada vacacional. Si digamos que tienes un sitio de comercio electrónico entonces esa es una opción. Pero normalmente vas a crear un nuevo tema ahora. A continuación se quiere analizar el tema sólo para asegurarse de que esto va a funcionar bien para un tema infantil. Por lo que cuando hagas click en la Flecha desplegable aquí, te va a dar una lista de todos los temas que tienes instalados. Entonces, por ejemplo, vamos sólo con el equipo 26 para empezar, y podemos dar click en el botón analizado. Ahora nos va a dar un mensaje aquí que dice que este tema aparece bien para usarlo como tema infantil, por lo que eso significa que podemos seguir adelante y avanzar, y luego enumera pasos adicionales. Entonces aquí vamos a poder escribir el nombre de nuestro directorio, que nuevamente usa esa misma configuración de la que hablamos antes. Ser un nombre de tema de padres Dash Child. Podrías renombrar eso a lo que quieras. Entonces puedes decidir si quieres usar la hoja de estilos primaria o la hoja de estilos separada. Entonces te darás cuenta a medida que pases por aquí, va a poner la opción recomendada o la que más probablemente necesites. como primera opción, y eso va a ser preseleccionado para ti. Si estás más avanzado en esto y sabes más sobre qué hacer aquí, entonces quizás quieras ver algunas de las otras opciones. Pero si no estás seguro, buena regla de oro es ir con el 1er 1 Así que vamos a ir con la hoja de estilo primaria . Si vas a crear un estilo separado, ella lo puedes hacer aquí, y entonces vamos a bajar al sexto paso aquí. Ahora, esto dice, ¿queremos usar un WordPress dile que Y eso es lo que miramos en las funciones que archivo PHP. Entonces esa es definitivamente la opción recomendada. Ese es el que probablemente deberías estar usando. Ah, pero si por alguna razón quieres usar la opción antigua que al importar puedes hacer eso aquí y luego bajaremos a personalizar el nombre del tema. Entonces miramos cómo hacer esto en la hoja de estilo, pero si estás usando el plug in, te lo va a hacer realmente fácil. Vas a poder sumar todos los detalles aquí mismo, así que eso es bastante autoexplicativo. Se puede agregar en el nombre del tema, página web, descripción del autor, etcétera. No, Si necesitas calmar centavo de los menús o widgets, puedes seguir adelante y hacer clic en esta opción. Se va a transferir esos a tu tema infantil, y luego vamos a crear un nuevo tema infantil. Bueno, no quiero hacer es que quiero echar un vistazo a otra opción aquí. Quiero echar un vistazo a la opción divvy porque las otras opciones aquí el 2014 15 16 esos aire del directorio de WordPress. Por lo que la mayoría de los temas que se suben ahí están configurados la forma de declaración, por lo que normalmente no vas a tropezar con ningún tema. Si estás usando un tema de fiesta 1/3 o estás usando un tema premium, entonces es cuando algunos temas comienzan a entrar en juego sólo porque a menudo los configuran manera diferente. Entonces veamos el tema divvy. Ya que eso es ah, popular. Seguiremos adelante y pincharemos. Analizar Ahora, esto nos dice aquí que sí, esto está bien, Manel, Esto trae a la luz por qué no quieres usar la opción at import en tu archivo CSS de puntos de estilos y en realidad deberías estar importando el usando sus funciones dot archivo PHP. Ya verás que aquí con Debbie, en realidad cargan unas cuantas hojas de estilo. Por lo que tienes uno para códigos cortos, códigos cortos, responsive, etcétera. Por lo que en realidad cargan una serie de hojas de estilo. Entonces aquí vamos a nombrar el nuevo directorio. Ahora, esto es decir no a causa ya lo configuré, pero puedo cambiar eso para hacer lo que yo quisiera ser. Sí quiero usar la palabra presionada Al que, sobre todo porque este tema tiene múltiples hojas de estilo. Y entonces puedo volver a personalizar el nombre para que sea cualquier cosa que quiera aquí. Y no lo necesito para copiar esto, pero seguiré adelante y crearé el nuevo tema. Ahora te das cuenta de que hay un mensaje en la parte superior. El tema infantil Deby child se ha generado con éxito. Nota importante. Vista previa del tema de tu hijo antes de activarlo. Por lo que definitivamente quieres hacer clic en esto. Quieres asegurarte de que tu tema infantil se vea y esté actuando de la manera que esperas antes de hacer que tu tema activo, puedes ir aquí, asegurarte de que todo se vea bien, y luego puedes seguir adelante y hacer click. Guardar y activar. Ahora te das cuenta cuando vayas a la apariencia de haz y temas, notarás que tu nuevo tema infantil está activado tal como esperabas. Ahora, si volvemos a los temas infantiles aquí ahora, vamos a poder personalizar realmente ese rayo infantil. Entonces ahora podemos ir por las diferentes pestañas aquí, y te va a hacer saber qué puedes cambiar. Entonces aquí podrás agregar en CSS específico que quieras cambiar, y luego podrás ver tu hoja CSS de punto existente de estilo padres para que puedas ver cualquiera de la información que están usando. Puedes copiar y pagar set fácilmente en el área CSS y luego de nuevo, con estilos infantiles, puedes ver lo que ya existe en tu oveja estilo niño. Ahora hablamos de eso. Si quieres agregar unas áreas específicas del sitio para que esto pueda ser, digamos, digamos, el encabezado de tu sitio o el pie de página de tu sitio que puedes copiar ese archivo de tu tema padre y ponerlo en tu tema hijo carpeta. Por lo que esto permite hacer esto aquí mismo bajo el menú de archivos. Tienes el pie de página. Digamos que queremos duplicar eso. Simplemente puedo dar click en pie de página y luego hacer clic en Copiar seleccionado a mi hijo, Dean. Entonces ahora va a tomar una copia de ese archivo y colocarlo en mi carpeta de tema infantil. Y ahora voy a poder volver atrás, y voy a poder editar ese archivo específicamente. Entonces ahora esto realmente me va a dejar hacer esto aquí mismo. Si quiero editarlo, simplemente hago clic en él. Y luego puedo hacer clic aquí para editar ese archivo de tema así verás aquí que esto me está diciendo que esta es la hoja de estilo para mi tema de hijo. El niño divvy. 02 Y aquí puedo hacer los cambios a continuación aquí y dar clic en actualizar archivo. Pero antes de que realmente hagas un cambio aquí mismo en el sitio web, asegúrate de haber tomado una copia de esto, sobre todo si estás tratando con las funciones que archivo PHP. Tienes que copias de cualquier cosa iban a pasar. Podrás volver a la versión original y podrás empezar fresco muy fácilmente. Volvamos aquí y veamos qué más tenemos. Si quieres agregar una nueva imagen, miramos cómo agregar una nueva imagen. Simplemente puedes hacer eso aquí. Se puede subir. El nuevo te va a mostrar un adelanto de cómo es eso. Y luego, si te gustaría crear una copia de seguridad de este tema infantil, puedes exportar como un zip aquí mismo y así podrás hacerlo. Entonces, como puedes ver, esto te permite hacer todo lo que necesitas hacer simplemente usando un plug in. Entonces esto es muy útil si realmente te beneficiarías de un proceso paso a paso como este.