Cómo crear sitios web personalizados con contenido dinámico utilizando Toolset y OceanWP

Le habría perdonado automáticamente que un sitio personalizado requeriría horas de codificación para completar. De hecho, el secreto abierto de WordPress es que ahora es más fácil para usted crear sitios web complejos con contenido dinámico, sin usar la codificación en absoluto. Gracias al lanzamiento del último año de Gutenberg, el diseño de sitios web en el back-end ahora es posible sin gastar cantidades significativas de tiempo en PHP o incluso HTML o CSS. De hecho, simplemente puede usar los famosos bloques y complementos integrados de Gutenberg, como el conjunto de herramientas para construir todo.
Una de las formas más simples de transformar su sitio web de base a profesional es incluir el contenido dinámico. La buena noticia es que con Toolset y OceanWP, es fácil llevar contenido dinámico a su sitio web. Antes de pasar por cómo lo haces, primero explicemos exactamente de qué estamos hablando.

¿Qué es el contenido dinámico? Con contenido dinámico, WordPress extrae la información correcta de la base de datos para mostrar el usuario de acuerdo con la página o la publicación que se utilizará. En contraste con el contenido estático que no extrae datos de la base de datos.
Por ejemplo, si tiene un sitio de turismo con varios viajes diferentes, como uno para Praga y otro para Venecia, un usuario esperará ver contenido sobre Praga al hacer clic en “Praga” y lo mismo para Venecia. Ambas publicaciones podrían tener exactamente el mismo aspecto, pero con contenido diferente. Es contenido dinámico.

Un ejemplo de contenido dinámico en acción.

Utilicé la misma plantilla para publicar “Venecia”, pero muestra un contenido diferente gracias al conjunto de herramientas. ¿Por qué utilizamos OceanWP y Toolset Toolset y OceanWp están completamente integrados y ofrece la combinación perfecta para crear un sitio web profesional dinámico? El conjunto de herramientas proviene del equipo de conjunto de herramientas, especializado en facilitar sitios web personalizados para programadores profesionales y para no codificar. Específicamente, el conjunto de herramientas trae una serie de ventajas:
No es necesario cambiar entre back-end y front-end. En lugar de perder un tiempo precioso para verificar su diseño en la parte delantera, puede estar seguro, sabiendo que lo que ve en el back-end es lo que obtendrá cuando acceda a la publicación.
Un flujo de trabajo más simple. Anteriormente en sitios web personalizados, un diseñador podría haber creado sus sitios web en una sola plataforma y luego un desarrollador debería haber implementado WordPress. Ahora, una persona, independientemente de sus habilidades, puede crear y mostrar todo en WordPress.
Los no desarrolladores pueden construir el sitio web deseado. En lugar de comprometerse en sus diseños, los no desarrolladores ahora pueden cumplir con las ambiciones de construcción de sus sitios web y crear exactamente lo que querían debido a la simple interfaz Gutenberg y al posible conjunto de herramientas.
Ahorre tiempo leyendo la documentación. El conjunto de herramientas es muy simple de usar y probado. Por lo tanto, en lugar de leer mucha documentación, puede dedicar su tiempo a experimentar y crear contenido en WordPress.
Menos integración con complementos de terceros. El nuevo editor de Gutenberg y su integración con una gran cantidad de complementos de WordPress, como el conjunto de herramientas, significa que puede confiar en menos complementos de terceros para crear su sitio web. Por lo tanto, su sitio web está menos hinchado, con menos complementos y no tiene que confiar en terceros que actualizan sus complementos. Siga el mismo flujo de trabajo que el núcleo de WordPress. No tiene que preocuparse por cambiar la forma en que trabaja con el nuevo editor de WordPress.
De hecho, si desea obtener más información sobre el uso de Gutenberg, entonces un excelente recurso es este tutorial de WordPress Gutenberg sobre la creación de sitios web personalizados utilizando bloques.
Mientras tanto, OceanWP es uno de los sitios web de WordPress más populares para empresas. Los sitios web administrados por OceanWP han mejorado las tasas de conversión, los tiempos de carga y el SEO. Los propietarios de sitios web pueden beneficiarse enormemente combinando OceanWP con el conjunto de herramientas para crear hermosos sitios web personalizados. Ejemplos de lo que puede crear utilizando OceanWP y el conjunto de herramientas a continuación, pasaremos por cuatro características que pueda crear utilizando OceanWP y Toolset. Cómo crear plantillas para mostrar publicaciones para crear su diseño de diseño, debe crear una plantilla. Todo lo que tiene que hacer es crear una plantilla para su tipo de tipo personalizado y todas las publicaciones asignadas tendrán el mismo diseño.
A continuación se muestra un ejemplo de una plantilla que creé para mi tipo personalizado de publicación para tours.
Vaya al conjunto de herramientas-> Panel de control y haga clic en Crear plantilla de contenido junto al tipo de publicación. A continuación, hice clic en la opción junto al tipo de recorridos personalizados. Luego puede agregar los campos deseados para su plantilla, por ejemplo, agregué los bloques de encabezado, imagen y campos únicos para mostrar mi contenido. Haga clic en la opción + Left -Lft.
Haga clic en el conjunto de herramientas y busque el bloque que desea agregar. Por ejemplo, elegí el bloque de herramientas de auriculares.
El conjunto de herramientas le permite hacer sus bloques dinámicos para extraer el contenido correcto de la base de datos. Para este bloque, haga clic en el texto del encabezado dinámico.

Bajo la fuente, seleccione el título de publicación.

Siga los mismos pasos para crear los otros bloques, incluidas la imagen y los bloques de campo único.

Una vez que haya agregado sus bloques, puede ver cómo se ve cada una de sus publicaciones en el torneo. Con contenido diferente, pero la misma plantilla.
Cree sus páginas de archivo Una página de archivo muestra una lista de contenido que ha publicado bajo un tipo de publicación personalizada. Por ejemplo, puede crear un archivo para mostrar todas las publicaciones de blog que ha publicado o todas las salas de fitness en su sitio web.

Sin embargo, también puede personalizar la apariencia de sus páginas de archivo y lo que muestran las publicaciones con Gutenberg y el conjunto de herramientas. Por ejemplo, puede elegir mostrar solo publicaciones de blog de los últimos 30 días que se encuentran en un tema en particular. A continuación se muestra la forma en que creamos un archivo para el tipo de “tours” personalizados.
Vaya a ToolSet-> Dashboard y haga clic en la opción Cree el archivo junto a la publicación personalizada. Para ilustrar, elegí crear un archivo para mi tipo personalizado de “gimnasia”. Como lo hemos hecho para nuestra plantilla de contenido, podemos agregar los bloques que necesitamos para cada publicación junto con contenido dinámico, así que WordPress extrae el contenido correcto del base de datos.

Una vez que haya agregado los bloques, también puede cambiar la apariencia del archivo, como el número de columnas, seleccionar la navegación de bloques y luego el bucle de archivo de WordPress.

Bajo el estilo de bucle puede cambiar el número de columnas y también puede cambiar el estilo de apariencia de las publicaciones (si desea una lista desordenada o no formatearse, por ejemplo).
Puede cambiar todos los aspectos de su apariencia, incluido el orden de las publicaciones, la paginación, así como las columnas en el lado derecho debajo del bloque de archivo de WordPress.

También puede agregar textos y bloques antes y después del bucle de archivo para proporcionar un contexto adicional sobre sus publicaciones. Simplemente haga clic en el + antes o después y puede comenzar a agregar bloques o textos.

Muestre listas de contenido personalizadas con Gutenberg y bloques como el conjunto de herramientas Puede mostrar una lista filtrada de su contenido y pedirlo de la manera que desee. Puede diseñar sus listas de cualquier manera que desee, incluso en forma de tabla, cuadrícula u otro diseño personalizado. El conjunto de herramientas llama a este tipo de lista de vistas.

Por ejemplo, puede crear una cuadrícula de tours que cuestan menos de $ 200 por mes, que están disponibles en el próximo mes y se ordenan a los más baratos. Puede agregar listas de contenido en cualquier página que desee usando bloques. A continuación, creé una lista de recorridos recomendados para mi página de inicio. Elija dónde desea agregar la vista y haga clic en el botón +.

Agregue el bloque de vista y dale un nombre.

Elija si desea agregar paginación, clasificación frontal o una búsqueda (lo veremos más tarde).

Seleccione qué contenido desea mostrar. A continuación seleccioné el tipo de publicación personalizada de tours.
Al igual que con las funciones anteriores, puede agregar los bloques que desea mostrar con contenido dinámico.
Puede editar el pedido de su lista, el contenido que muestra y muchos más haciendo clic en la navegación negra y seleccionando la vista. Use la barra lateral para viajar las opciones. Por ejemplo, puede usar la configuración de filtro de configuración para agregar filtros para mostrar solo recorridos con más de cuatro estrellas.
Agregar una búsqueda personalizada de una búsqueda personalizada es una herramienta importante para ayudar a los usuarios a encontrar exactamente lo que están buscando. Al igual que un motor de búsqueda, puede usar una búsqueda personalizada para restringir los resultados.
Por ejemplo, si está buscando un recorrido por menos de $ 200, puede configurarlo utilizando un filtro de búsqueda personalizado.

Igual que cuando se muestre una lista de contenido personalizada, ingrese un bloque de vista en su página.

En la vista de creación de brujas, active la opción de búsqueda.
Ahora puede agregar campos de búsqueda, botones de búsqueda y muchas otras opciones en el área de visualización. En cuanto a las otras funciones, puede usar la barra lateral derecha para realizar cambios, incluidas etiquetas, estilos y configuraciones principales.

Esto es lo que busca la búsqueda personalizada en el front-end, completada con filtros para el nombre, la evaluación mínima y los tipos de salas deportivas.
¡Cree su complejo sitio web con OceanWP y Toolset hoy!Ahora que tiene una idea de lo fácil que es crear sitios web complejos sin ninguna codificación, puede comenzar hoy.Todo lo que necesita es OceanWP y sus complementos asociados, incluido el conjunto de herramientas.¿Construyó su sitio personalizado con ToolSet y OceanWP?¡Cuéntanos tus experiencias en los comentarios a continuación!