Cómo diseñar temas de wordpress
Thysteachines para personalizar y diseñar temas para WordPress.El diseño de los temas de WordPress desde cero puede ser un proceso largo que implica una gran cantidad de codificación, pero hay aplicaciones que pueden simplificar el proceso.Una aplicación es un complemento de WordPress llamado Elementor que se puede instalar desde el panel de pantalla de WordPress.
Pasos
Parte 1 de 11:
Instalación de elementor1. Inicia sesión en WordPress.Después de instalar WordPress en su servidor, puede iniciar sesión en el panel de WordPress escribiendo la URL para su sitio web en un navegador web seguido / WP-Admin (por ejemplo,, Mi sitio web.com / wp-admin.Luego escriba su nombre de usuario y contraseña para iniciar sesión.
- haga clic aquí Para leer sobre cómo instalar WordPress en su servidor web.
2. Hacer clic Complementos.Está en la barra lateral a la izquierda.Es al lado de un icono que se asemeja a un tapón eléctrico.
3. Hacer clic Añadir nuevo.Está en la esquina superior izquierda de la página de complementos.
4. Tipo Elemento En la barra de búsqueda y presione ↵ entrar.Esto mostrará una lista de complementos que coincidan con su búsqueda.
5. Hacer clic Instalar ahora en la caja que dice "Constructor de página elementor".Es el complemento que tiene un icono púrpura y rosa con cuatro barras blancas en forma de capital "mi".Esto instalará el constructor de páginas de elementor como un complemento para su sitio web de WordPress.
6. Hacer clic Activar.Después de instalar el elemento, este botón aparecerá junto al encabezado en el cuadro de complementos elementor.
Parte 2 de 11:
Creando una nueva página con elementor1. Hacer clic Tablero.Está en la parte superior de la barra lateral a la izquierda de WordPress.
2. Hacer clic + Crear nueva página.Está enfrente del elemento debajo del encabezado que dice "Visión general del elementor".Está en la primera columna.Esto abrirá un editor de página visual.
3. Hacer clic
.Es el icono que se asemeja a un engranaje en la esquina inferior izquierda de la barra lateral.Esto abrirá el menú de configuración.
4. Escriba un título.Usa el cuadro de texto a continuación "Título" Para escribir el título de su página.El título irá en la parte superior de la página.
5. Seleccione un diseño de página.Utilice el menú desplegable a continuación "Diseño de página" Para seleccionar una plantilla para su página.
Parte 3 de 11:
Selección de colores predeterminados1. Hacer clic ☰.Está en la esquina superior izquierda de la barra lateral del elemento a la izquierda.
2. Hacer clic Colores predeterminados.Es la primera opción en el menú de la barra lateral debajo del "Estilo" encabezamiento.
3. Seleccione una paleta de colores.Puede seleccionar una paleta de la lista debajo del encabezado que dice "Más paletas", O haga clic en los cuadros en la parte superior de la barra lateral para seleccionar un color para los colores primarios, secundarios, de texto y acento.Use la caja de color para seleccionar un color, o ingrese el código HEX de color en la barra en la parte superior.
4. Hacer clic Solicitar.Está en la esquina superior derecha del menú de la barra lateral.
Parte 4 de 11:
Selección de fuentes predeterminadas1. Hacer clic ☰.Está en la esquina superior izquierda de la barra lateral del elemento a la izquierda.
2. Hacer clic Fuentes predeterminadas.Es la segunda opción bajo el "Estilo" encabezado en la barra lateral.
3. Hacer clic Titular primario.Es la primera opción en el menú de fuentes predeterminado.
4. Seleccione una familia de fuentes.Utilice el menú desplegable para seleccionar una familia de fuentes.
5. Seleccione un peso.Use el menú desplegable para seleccionar qué gruesa es la fuente.También puedes seleccionar "Negrita" En el menú desplegable.
6. Hacer clic Titular secundario.Es la primera opción en el menú de fuentes predeterminado.
7. Seleccione una familia de fuentes.Utilice el menú desplegable para seleccionar una familia de fuentes.
8. Seleccione un peso.Use el menú desplegable para seleccionar qué gruesa es la fuente.
9. Hacer clic Cuerpo de texto.Es la primera opción en el menú de fuentes predeterminado.
10. Seleccione una familia de fuentes.Utilice el menú desplegable para seleccionar una familia de fuentes.
11. Seleccione un peso.Use el menú desplegable para seleccionar qué gruesa es la fuente.
12. Hacer clic Texto de acento.Es la primera opción en el menú de fuentes predeterminado.
13. Seleccione una familia de fuentes.Utilice el menú desplegable para seleccionar una familia de fuentes.
14. Seleccione un peso.Use el menú desplegable para seleccionar qué gruesa es la fuente.
15. Hacer clic Solicitar.Está en la esquina superior derecha de la barra lateral.
Parte 5 de 11:
Añadiendo un toque1. Haga clic en Fuera de la barra lateral.Esto devolverá la barra lateral al menú predeterminado.
2. Arrastra el plazo de la sección a la sección.El cuadro de encabezado es la caja que tiene una gran capital "T".Está en la parte superior derecha del menú de la barra lateral.La sección es el cuadrado con el contorno punteado en la página principal.Esto girará la sección en el texto de la partida.Una nueva sección en blanco aparecerá debajo del encabezado.
3. Escriba el encabezado.Puede hacer clic en el encabezado en la página principal y escriba el encabezado o use el cuadro de texto en la barra lateral para escribir el encabezado.
4. Seleccione el tamaño del encabezado.Utilice el menú desplegable junto a "Tamaño" Para seleccionar el tamaño del encabezado.
5. Seleccione alineación.Haga clic en uno de los cuatro cuadrados en la parte inferior del menú de la barra lateral para seleccionar la alineación.Puede alinear el texto a la izquierda, al centro, a la derecha, o justificado a través de toda la sección.
Parte 6 de 11:
Añadiendo texto corporal1. Hacer clic Nueva sección.Esto le dará la opción de crear secciones dentro de una sección.Verás una lista de formas de dividir la sección.
2. Haga clic en una estructura de sección.Hay varias formas en que puede dividir la sección.Puede agregar varias columnas, o una barra lateral a la izquierda o hacia la derecha, o ambos.Haga clic en el botón con la imagen que se parece más a la forma en que desea el diseño de su texto del cuerpo.
3. Arrastre el cuadro de editor de texto a la (s) sección (s) donde desea agregar texto.El editor de texto es el segundo cuadro en la barra lateral.Tiene varias líneas que se asemejan a las líneas de texto.Puede arrastrarlo a cualquier sección en la página principal.
4. Tipo de texto corporal.Use el cuadro de texto en la barra lateral para escribir el texto de su cuerpo.La barra de herramientas en la parte superior del cuadro de texto le permite agregar letras en negrita, cursiva, subrayado, numeradas y listas de bala e hipervínculos.El último botón, que se asemeja a dos rectángulos con cajas en ellos, expande la barra de herramientas para obtener más opciones de formato.
Parte 7 de 11:
Añadiendo una imagen1. Arrastre el cuadro de imagen a una sección.La caja de la imagen tiene un icono que se parece a una imagen de montañas y un sol.
2. Hacer clic Elige tu imagen.Es la gran caja gris en la barra lateral.Esto mostrará una ventana emergente.
3. Hacer clic Selecciona archivos.Es el botón grande en el centro de la ventana emergente.Esto abrirá un navegador de archivos que puede usar para seleccionar archivos de imagen.
4. Haga clic en un archivo de imagen.Usando el navegador de archivos, navegue hacia y haga clic para seleccionar una imagen que desea cargar.El tamaño máximo de archivo es 2 megabytes.
5. Hacer clic Abierto.Está en la esquina inferior derecha del navegador de archivos.Esto subirá el archivo de imagen y lo visualizará en la sección.
6. Seleccione el tamaño de la imagen.Use el menú desplegable debajo de la imagen para seleccionar el tamaño de la imagen.Hay una variedad de tamaños y dimensiones para elegir.
7. Seleccione alineación.Use las tres cajas debajo del menú desplegable tamaño de imagen para elegir la alineación de la imagen.Puede alinear la imagen a la izquierda, el centro o la derecha de la sección.
8. Añadir un título (opcional).Si desea agregar un título a la imagen, use el cuadro de texto a través de "Subtítulo" Para escribir un título.
9. Añadir un enlace (opcional).Si desea agregar un enlace, use el menú desplegable en la parte inferior de la barra lateral para agregar un enlace a una URL o archivo de medios.
Parte 8 de 11:
Añadiendo video1. Arrastre la caja de video a la sección.La caja de video tiene un icono que se asemeja al logotipo de YouTube.
2. Seleccione Tipo de Video.Utilice el menú desplegable de "Tipo de video" Para seleccionar Youtube o Vimeo.
3. Añadir video enlace.Use la caja debajo del enlace para copiar y pegar el enlace de video de YouTube o Vimeo.
4. Ajustar las opciones de video.Utilice los interruptores para activar o desactivar las siguientes opciones.
5. Añadir la superposición de la imagen (opcional).Si desea agregar una superposición de imágenes, haga clic en "Superposición de la imagen" en la parte inferior de la barra lateral.Haga clic en el interruptor al lado de "Superposición de la imagen" y luego haga clic en la caja gris grande para cargar una imagen para usar como una superposición.
Parte 9 de 11:
Añadiendo botones1. Hacer clic Nueva sección.Esto le dará la opción de crear secciones dentro de una sección.Verás una lista de formas de dividir la sección.
2. Haga clic en una estructura de sección.Hay varias formas en que puede dividir la sección.Puede agregar varias columnas, o una barra lateral a la izquierda o hacia la derecha, o ambos.Haga clic en el botón con la imagen que se parece más a la forma en que desea el diseño de sus botones.
3. Arrastre el cuadro de los botones a una sección.La caja de botones tiene un icono que se asemeja a un cursor del mouse haciendo clic en un botón.
4. Escriba el botón de texto.Escriba lo que desea que diga el botón en el cuadro de texto de entre "Texto".
5. Añadir un enlace de botón.Usa la caja junto a "Enlace" Para agregar la URL de la página, desea que el botón enlace con.
6. Seleccione la alineación del botón.Usa las cuatro cajas a continuación "Alineación" Para alinear el botón a la izquierda, derecha, centro o justificado en toda la sección.
7. Seleccione el tamaño del botón.Utilice el menú desplegable de "Tamaño" Para seleccionar el tamaño del botón.Puede seleccionar extra pequeño, pequeño, medio, grande o extra grande.
8. Seleccione el icono del botón.Use el menú desplegable para seleccionar un icono para ir al lado del botón de texto.
9. Seleccione la posición del icono.Use el siguiente menú desplegable para seleccionar si desea que el icono vaya antes o después del texto.
10. Seleccione el estilo del botón (opcional).Si desea más opciones para diseñar el botón, puede hacer clic en "Estilo" en la parte superior de la barra lateral.Aquí puede cambiar el color del botón, el color de texto y la fuente, así como seleccionar un borde para el botón.
Parte 10 de 11:
Añadiendo un divisor1. Arrastre la caja divisoria a una sección.Los divisores son líneas de sólidos que van entre secciones en una página web.
2. Seleccionar estilo divisor.Utilice el menú desplegable junto a "Estilo" Para seleccionar el estilo de línea.Puede seleccionar sólidos, dobles, punteados o discontinuos.
3. Seleccione peso.Utilice la barra deslizante debajo "Peso" Para ajustar el grosor de la línea.
4. Seleccionar el color.Haga clic en el cuadro de color de color para seleccionar el color de la línea.
5. Seleccione la línea de ancho.Usa la barra deslizante debajo "ancho" Para ajustar la cantidad de la sección que ocupará la línea.
6. Seleccione alineación.Haga clic en una de las tres cajas a continuación "alineación" Para seleccionar la alineación de la línea.Puede alinearlo a la izquierda, derecha o centro de la sección.
Parte 11 de 11:
Añadiendo widgets y publicar1. Arrastre cualquier widget a la sección deseada.Hay muchos widgets en la barra lateral que le permiten agregar pestañas, galerías de imágenes, iconos de redes sociales, barras laterales y más.Hay lotes para jugar y experimentar con.
2. Hacer clic Publicar.Es el botón verde en la esquina inferior izquierda de la barra lateral.Haga clic aquí cuando haya terminado de diseñar su tema y sus páginas.