Cómo crear un sitio web para pequeñas empresas con WordPress (paso a paso)

¡Bienvenido a este tutorial! Hoy construimos un sitio web para pequeñas empresas, paso a paso, con el tema de Foil de WordPress. Comencemos para este tutorial, alojo a WordPress con Beemple y creamos el sitio web en un dominio real.

Comencemos a configurar el tema e instalar datos demostrativos:

Siga estos otros tutoriales sobre cómo instalar e importar el tema de papel: cómo instalar WordPress/Foil Cómo instalar Foil (Tutorial de video) Crear un sitio web comercial es más fácil de lo que piensa. Si vende servicios o productos en línea e incluso si no vende nada directamente en línea, el sitio web puede servir como una extensión de su tarjeta de presentación, con información sobre usted, su negocio y los servicios ofrecidos. También debe incluir su historial, experiencia y otras credenciales que pueden convertirlo en un negocio potencial para dar a los clientes lo que están buscando de la mejor manera.
Hay algunos consejos y puntos que debes tener en cuenta:
¿Qué tipo de negocio tienes?
Incluya el contenido de marketing en su página inicial
Incluir wooCommerce
Incluir un blog
Indique los servicios que ofrece
Creamos un sitio web para pequeñas empresas. Somos una pequeña empresa especializada en teléfonos de desbloqueo. Cree un sitio web para su negocio para ayudarla a desarrollarse. Entonces debes incluir:
una presentación de tu
Los servicios que ofrece,
Una lista de todos los teléfonos incluidos
Un blog para publicar sus ideas y ver lo que sus clientes tienen que decir,
El orden de rastrear los teléfonos
¿Cómo puede contactar a sus clientes (contacto)?
Usaremos una demostración de Small Business de Folie para este sitio web:

La primera página estática, lo primero que debe hacer después de instalar el tema y los datos demostrativos es asignar la primera página del sitio y la página de publicaciones porque tenemos un blog integrado. Siga este otro tutorial para obtener información más detallada: Establezca la página de inicio de estadística estática que dije en el otro tutorial que los menús son la estructura más importante de un sitio web. Pueden ver lo que ofrece y navegar a las secciones de su sitio solo si todo su contenido está bien organizado en los menús. Es por eso que debe trabajar en sus menús desde el comienzo de su sitio.

Para averiguar cómo asignar menús de aluminio, rastrear este tutorial detallado: establecer menús
Primero cree un nuevo menú e incluya las páginas más importantes en él. Mantenlo simple y bien organizado:
Coess Builder es flexible y práctico. Si no encuentra las páginas que está buscando, puede crear aquí y editarlas más tarde. Estas son las páginas más importantes que debes enfocar ahora. Si agrega otras páginas, puede asignarlas más tarde. El encabezado Después de crear el menú, está listo para personalizar el encabezado. Coess Builder contiene 2 secciones dedicadas al encabezado.

Entime: que incluye opciones generales para personalizar el logotipo, estilos personalizados, desplegables y estilos móviles, paja, fila de encabezado superior.
Encabezado Builder: en esta sección se mostrará las opciones de los elementos que incluye en el encabezado (menú social, menú, logotipo, herramientas, botón, texto)
Para un sitio de negocios, mantenga el encabezado simple e incluya otros elementos además del menú. Aquí incluye un widget de búsqueda y algunos íconos sociales.

Para el logotipo elegí el tipo de logotipo de fuente. Hice otro ajuste de color y tamaño de fuente sobre el encabezado:
La identidad del sitio es importante para personalizar la identidad del sitio. Vaya al sitio de ID de opciones de temas y elija el título del sitio, el eslogan y un favicon:
Adición de contenido: la página inicial para comenzar a agregar contenido primero en la página de inicio. Debemos incluir aquí todo el contenido importante y de marketing: un control deslizante, una descripción, algunos servicios, testimonios si desea presentar los tipos de teléfonos más utilizados.

Para cambiar el fondo del cursor, vaya a la fila que contiene> opciones generales y agréguelo aquí. En las opciones de diseño, haré otros ajustes y dejaré el control deslizante como una simple presentación comercial. Después de la diapositiva, incluya algunos servicios:

Incluiremos WooCommerce en este sitio porque ofrecemos servicios y debemos presentarles la ayuda de la tienda. Primero cree los productos:
En la página inicial de esta sección, incluiré el elemento de la tienda para mostrar nuestros teléfonos más vistos:

Así es como se verá la página del producto:

Al final de la página inicial, también puede incluir la necesidad de invitar a los clientes en su negocio:

Para el sótano, debe incluir información adicional sobre su negocio y otros widgets que puede organizar en la forma en que mejor se ajusta. Por ahora, lo son si desea agregar los derechos de autor al sótano> Mostrar los derechos de autor y editarlo en la sección Widgets. Para editar los elementos del sótano, haga clic en el icono del lápiz y la configuración del elemento se mostrará en la barra lateral izquierda. Para atacar el sótano y los derechos de autor, vaya a Opciones generales> Estilo> Sección de subsol. General y apariencia para el sitio web antes de agregar otro contenido de contenido, recomiendo verificar las opciones generales del sitio:

Opciones de sitio: verifique el aspecto receptivo, un buen pergamino, seleccione un Favicon si lo desea, active los comentarios e incluso agregue un botón al principio.

Transiciones de página: agregue o elimine las transiciones de la página.

Códigos personalizados: agregar códigos CSS, JS o HTML.

y opciones de apariencia:
La aparición de todas las páginas: elegí la apariencia en ancho completo.
El ancho del contenedor del sitio define el ancho del contenedor del sitio en píxeles.
Apariencia moderna: cambie si desea que una web se vea con el color de fondo de la barra lateral. Puedes cambiar el color en el estilo.
Contenido distancia interior desde la parte superior e inferior.
La distancia entre entradas de blog y entradas de cartera.
Las opciones de estilo para las opciones de estilo de sitio web incluyen todo sobre el diseño del sitio. Le recomiendo que estille su sitio después de completar la página inicial para probar las diferentes opciones de estilo. Tendrá una idea más fija de cómo será todo el sitio web y otras páginas.
Estas opciones incluyen: opciones de estilo general, desde el color primario hasta las áreas resaltadas.
Títulos: el estilo y el color de la fuente para todos los títulos disponibles en el tema.
Blog: stile todo el texto disponible en la página del blog.

Portafolio – estilo de fuente.
Botones: abrir y estilo de botones oscuros.
Widgets: personalice los estilos de los títulos de widgets.
El estilo del sótano.
El estilo de los derechos de autor.
Lea la información más detallada sobre las opciones de estilo aquí. Agregar contenido: teléfonos en este segundo elemento de menú atribuí una página que mostrará todas las categorías de teléfonos de teléfono desbloqueados. Puede agregar categorías, incluido un elemento de servicio y un botón para redirigir a los clientes al enlace específico:
Ahora para crear las páginas que se asignarán a cada categoría. Debe incluir una sección que le permita ver los desbloqueos más vistas para la categoría y todos los desbloqueos disponibles. Para los desbloqueos más vistas, agregue el elemento de la tienda y elija mostrar los productos de acuerdo con la categoría Samsung: en el tablero Crear categorías:
En Coess Builder, elija la categoría que creó en la acción Seleccionar:
Para la sección de todos los desbloqueos de Samsung disponibles, puede incluir todos los servicios de desbloqueo de Samsung disponibles que ofrece.
Después de haber creado todas las páginas para cada categoría, volvamos a la página del teléfono y atribuamos las páginas:

Agregar el bloque de contenido incluye sus propios artículos utilizando el elemento del blog y hacer esta página de publicación de la página.

Siga el pedido en la página de seguimiento de pedidos Puede incluir un formulario de contacto para que los clientes ingresen el número IMEI y la dirección de correo electrónico.Cree en el editor de backend: y seleccione el formulario que creó en el formulario Seleccionar:

Centro de asistencia En el Centro de Asistencia Puede mostrar cómo apoya a sus clientes y cómo pueden contactarlo en cualquier caso.Aquí hay un ejemplo:

Ahora está listo para agregar su propio contenido personalizado al sitio.¡Espero que haya ayudado!

Háganos saber en la sección de comentarios.