Un Principiante – s Guía para la Personalización de un Sitio de WordPress

Si eres nuevo en WordPress, la idea de jugar con su código puede ser desalentador. Pero en realidad, hay muchas cosas simples que usted puede hacer para personalizar el aspecto de su sitio sin correr el riesgo de desastres. Me recomienda que evite hacer cambios a los temas directamente. La creación de temas infantiles y
cómo editar sitio de wordpress

La más flexible de la plataforma de comercio electrónico para la construcción de su negocio en línea. Comience hoy mismo de forma gratuita.

Una Guía para Principiantes a la Personalización de un Sitio de WordPress

Escrito por Mark Forrester, el 1 de octubre de 2013 WordPress consejos y trucos.

Si eres nuevo en WordPress, la idea de jugar con su código puede ser desalentador. Pero en realidad, hay muchas cosas simples que usted puede hacer para personalizar el aspecto de su sitio sin correr el riesgo de desastres.

Me recomienda que evite hacer cambios a los temas directamente. La creación de temas infantiles y trabajar con archivos sin conexión son las maneras más seguras de realizar cambios en el código. Trabajando de esta manera que, si usted hacer pasar inadvertidamente crear cualquier problema en su sitio mientras afinando, usted tiene los archivos originales y rápidamente se puede volver a subirlos para sobrescribir los cambios.

Con esto dicho, vamos a echar un vistazo a lo que usted puede hacer para empezar a personalizar tu WordPress diseño.

Crear un Tema Infantil Para el Tema de las Personalizaciones

La opción recomendada para cualquier forma de tema de personalización de WordPress es el uso de un tema infantil. Un niño theme es un tema que hereda el estilo y la funcionalidad de otro tema, llamado un tema principal.

Temas secundarios permiten añadir nuevas funcionalidades y cambios en el estilo de sin alterar el padre archivos de tema. Esto es especialmente útil si alguna vez se actualice el tema principal. Si se han realizado cambios directamente en el tema principal, cualquier actualización acabarían con ellos y tendrá que pasar un tiempo de recreación de todos ellos.

Temas infantiles son nunca tocó cuando un tema principal se actualiza, haciendo de ellos la manera perfecta para alterar su diseño.

La creación de un tema infantil es un proceso simple. Todo lo que necesitas hacer es crear una carpeta y un archivo. En el equipo local, crear una carpeta con el nombre de su hijo el tema. La forma más práctica para el nombre es simplemente parentthemename-niño. Así que si se crea un tema infantil para nuestro tema Lienzo marco, que llamaría a la lona niño. Usted también puede agregar un identificador único a este nombre, como lienzo-niño-sunombre.

Crear un archivo llamado style.css dentro de la carpeta nueva (usted puede hacer esto con un editor de texto — sólo recuerde añadir .css sufijo. Este archivo necesidades específicas de información insertada en ella, por lo que sabe que es un tema infantil. Agregue el código siguiente dentro de su estilo.css archivo:

Este código contiene principalmente información genérica, pero hay una línea que usted debe cambiar para que el niño tema a trabajar. La Plantilla de la línea debe ser cambiado para mostrar el nombre del tema principal que están relacionados con el niño tema (por ejemplo, «Lienzo»).

Con esta información agregada no es otro importante paso necesario. Como destaca su tema niño no tiene la información del estilo que sea. Con el fin de darle el mismo diseño inicial como su tema principal que usted necesita para agregar la siguiente línea de código:

En este código se deberá modificar el padre de línea para que coincida con el nombre de la carpeta de tu tema principal.

Una vez hechos estos cambios y salvó a su estilo.css archivo es el momento de agregar el tema infantil para tu instalación de WordPress. Usted puede hacer esto mediante la conexión a su proveedor de alojamiento web con un programa de FTP (como Filezilla) y la navegación a los /wp-content/themes/ carpeta. Una vez allí, debes cargar la carpeta de temas hijo con su nuevo estilo.css archivo.

Con la carpeta subido a continuación, usted debe ser capaz de ver y activar el tema infantil en su área de Temas de su panel de WordPress. Ahora puede editar el estilo.css tema de su hijo, el tema para hacer el diseño de ajustes manteniendo el tema básico de diseño desde el tema principal.

Para obtener más complicado personalizaciones a su hijo tema puede incluir una functions.php archivo. Este archivo le permite cambiar la funcionalidad de su tema y debe ser creado y añadido a la carpeta de temas hijo cuando usted desea hacer cambios a su tema de la funcionalidad.

WordPress ha creado una sección detallada en su codex discutir temas secundarios si usted desea aprender más acerca de ellos.

Editar el Estilo.css Archivo para Realizar Personalizaciones

Hay un gran número de opciones que usted puede agregar a su hoja de estilos para cambiar su diseño. Estos cambios son comunes a todos los temas, aunque la mayoría de los temas incluyen la sección de personalizar los nombres que variará ligeramente dependiendo del tema principal que está utilizando.

Agregar código a tu estilo.css archivo puede permitir:

  • Cambiar el esquema de colores de su sitio web
  • Modificar la tipografía y el tamaño del texto
  • Mover las secciones del sitio (tales como la barra de navegación)
  • Cambiar la forma en que se muestran las imágenes
  • Agregar o quitar información sobre el diseño dependiendo de la zona de el sitio
  • Hacer miles de otros diseños de ajustes

Echemos un rápido vistazo a uno de los estilos simples opciones disponibles para usted.

Cambiar el Estilo de

Cada vez que añada un enlace a su sitio todos ellos son generalmente controlados por un estilo simple opción. Hay cuatro de enlace de los estados que se necesita para ser mirado. Ellos son:

  • a:link (o simplemente «a») – esto es normal, no visitados enlace
  • a:hover – esto es lo que sucede cuando se coloca el ratón sobre un enlace
  • a:visited – este es un enlace que el usuario ya ha visitado
  • a:activo – este es un enlace en el momento en que se hizo clic

Usted puede utilizar todas estas opciones si te gusta, pero los más importantes se encuentran la virgen de enlace y el hover enlace. Para nuestro ejemplo, vamos a hacer que todos nuestros enlaces en rojo con ningún otro estilo de la decoración y de los enlaces que se coloca encima de tener un estilo de subrayado decoración:

Si usted está utilizando el tema Lienzo que cubrió una pequeña selección de ajustes que usted puede hacer para los estilos.css y functions.php los archivos.

El Uso De Código Personalizado En Lugar De Plugins

Los Plugins son un aspecto maravilloso de la comunidad de WordPress. Hay plugins por ahí que le permiten transformar su sitio web y le permiten hacer prácticamente cualquier cosa que usted puede pensar. Sin embargo, constantemente añadiendo plugins es una gran manera de hacer que su sitio web hinchado y lento en sus tiempos de carga a arrastrarse.

Plugins a menudo requieren más código que es necesario para los trabajos que se llevan a cabo, simplemente debido a la manera en que éstos interactúan con el núcleo de WordPress software. Cada plugin también viene con problemas de gestión como la que usted necesita para pasar el tiempo de actualización de los mismos, así como los posibles problemas de seguridad si el plugin no ha sido actualizado por el programador en un largo tiempo.

Hay plugins, hay que resolver una simple aspecto del diseño de su sitio, pero a menudo requieren el código y los archivos. Muchos de ellos pueden ser replicado con un par de líneas de código añadido a los archivos correctos que reducirá la carga total sobre su sitio web y mantener las cosas más ordenado.

Tomemos un ejemplo sencillo. Hay plugins por ahí que te permite eliminar los títulos de tus páginas de WordPress en una página por página. Que puede ser una característica útil si desea ocultar el título de algunas páginas con el fin de dar a los lectores una transición suave en el contenido.

Sin embargo, con unas simples líneas de código se puede lograr el mismo efecto. Para mostrar cómo, por simple que puede ser, aquí está el código para agregar a su estilo.css archivo para hacer esto con el tema Lienzo:

En ese ejemplo, la sustitución del xxxx con el IDENTIFICADOR de página número va a quitar el título de esa página en particular. Basta con añadir el código de cada página a la que desea quitar el título de.

Plugins para trabajos más complejos son esenciales y parte de lo que hace WordPress grandes, pero antes de agregar uno para cualquier de tareas sencillas en su sitio, tomar el tiempo para parar y hacer un poco de investigación. Usted encontrará a menudo un simple trozo de código que puede hacer el trabajo en su lugar.

He hablado sobre el peligro de plugin de la ignorancia antes, pero lo que realmente debe ser repetido. Añadir plugins a tu sitio sin investigar si hay una manera sencilla de replicar su función es ignorante en el mejor y perezoso en el peor. Cada vez que instale un plugin va a poner la salud y la velocidad de su sitio web en manos de alguien más.

Comenzar A Personalizar Tu Propio Diseño Del Sitio

Hay un gran número de cambios que usted puede hacer para personalizar WordPress para satisfacer sus propias necesidades. Van desde simples ajustes, personalización de los esquemas de color, a los extremadamente complejos cambios que alteran la estructura de su sitio web.

Personalización de WordPress puede parecer un proceso que cause miedo, para empezar, especialmente si usted es nuevo a la CMS. Hay temas (como Lienzo) que permiten hacer algunas de esas personalizaciones con un punto y haga clic en el estilo de diseño de menú que ayuda a llevar algo de ese miedo inicial. Estos son increíbles para usted en el principio de la personalización del viaje.

Sin embargo, si usted pasa algún tiempo en el uso de un tema infantil y el estilo.css archivo, usted va a aprender a jugar con los bloques de construcción de WordPress para crear impresionantes diseños de sitios web.

Ha comenzado su propio camino hacia la personalización de WordPress y tiene algún consejo para compartir? Por favor, háganos saber en los comentarios de abajo.

Like this post? Please share to your friends:
Deja un comentario

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: