-
00:00:07Está bien, genial.
-
00:00:09Entonces, sí, la gestión de plantillas y temas.
-
00:00:15En primer lugar, esta es la interfaz de marca blanca habitual que tenemos.
-
00:00:21Bien, esta es la interfaz de marca blanca habitual.
-
00:00:27Entonces, estamos hablando de temas y plantillas en sitios móviles y de escritorio, ¿de acuerdo? Entonces, hacemos clic aquí y, como puede ver, tenemos tres, esto obviamente brinda acceso a los sitios web principales y todo eso.
-
00:00:43Así que para asesorar en la gestión y creación de sitios web
-
00:00:45Bueno, esto es de lo que vamos a hablar hoy.
-
00:00:48Ahora bien, en realidad, estos son un poco al revés en el sentido de que comenzamos con los temas y, en realidad, comenzamos con la diferencia en nuestra plataforma entre temas y plantillas, ¿de acuerdo? Entonces, un tema es básicamente un
-
00:01:05CSS
-
00:01:08Un tema es básicamente un CSS que nos permite personalizar la apariencia de un sitio web.
-
00:01:16Así que hagamos rápidamente algo muy, muy fácil aquí.
-
00:01:23Bueno, D, bien, ahora este es uno bastante personalizado.
-
00:01:29Así que hagamos esto, por ejemplo.
-
00:01:30Bien, como ya sabéis, en la sección de estilos de cada sitio web podemos añadir e introducir algunos CSS personalizados, ¿no? Aquí podemos añadir todos los CSS que queramos, incluso importando la plantilla base, ¿no?
-
00:01:49Entonces, si hacemos clic aquí, importamos la plantilla base.
-
00:01:54Así que básicamente es una hoja CSS vacía
-
00:01:59Ahora podemos entonces sentir con definición
-
00:02:01Entonces, por ejemplo, aquí el H1 es básicamente el título.
-
00:02:05Por ejemplo, hagamos esto, pongamos un color rojo, ¿no? Esto es CSS.
-
00:02:12Entonces decimos que el H1 necesita tener un color rojo.
-
00:02:16Entonces, cuando guardamos el CSS, ahora esto es forzado.
-
00:02:22Así que hagámoslo, hagamos algo como esto.
-
00:02:26Bien, entonces tenemos esto, pero creo que solo lo configuramos en blanco.
-
00:02:33Así que vamos a hacerlo, por ejemplo, en H2.
-
00:02:38De todos modos, aquí podemos cambiar el color, el tamaño de la fuente, por ejemplo, y todo eso, ¿no? Podemos personalizar cualquier CSS aquí.
-
00:02:58Ahora, un tema, así que la forma en que lo establecemos, bien, ves aquí que las reglas que aplicamos, las definimos, en realidad las aplicamos aquí.
-
00:03:08Entonces ves que el H1 se puso rojo y todo eso.
-
00:03:11Ahora bien, este CSS, como podemos ver aquí, define básicamente cómo se ve un sitio web, ¿no? Porque con CSS, podemos definir muchas más cosas.
-
00:03:22Podemos definir botones, tamaño de fuente, colores de fuente, íconos, tamaños, colores, diseños y todo eso.
-
00:03:31Ahora bien, un tema, básicamente es un CSS que guardamos, ¿de acuerdo? Por ejemplo, si vamos aquí y hacemos clic en Nuevo, en el gráfico, uno de los temas más nuevos
-
00:03:47que hemos creado, ves que esto es básicamente un conjunto de reglas CSS, ¿verdad? Entonces, por ejemplo, aquí decimos que el H1 lleva a la negrita, el H1 en el encabezado lleva a las personas,
-
00:04:02Entonces, todo ese tipo de cosas, ¿no? Entonces, un tema es un conjunto de reglas CSS que definen cómo se ve un sitio web, ¿de acuerdo? Y como sabes, podemos aplicar cualquier tema que elijamos aquí,
-
00:04:16cualquier cosa en cualquier sitio web, y el contenido del sitio web no cambiará, pero el diseño sí.
-
00:04:24Entonces, por ejemplo, ahora tenemos aquí este, elijamos este, por ejemplo, y uno, tan pronto como lo elegimos, vemos una vista previa ahora, esto no es muy diferente del otro,
-
00:04:39Y esto es entonces para aquí
-
00:04:41Por ejemplo, podríamos usar este, así que podemos aplicarlo, y luego lo guardamos, y ves que ahora el contenido es siempre el mismo, ves que el contenido es el mismo, mientras que el
-
00:04:56El diseño y el CSS o el aspecto cambiaron, así que ves que los títulos ahora son rojos, con esta fuente, con la sombra y todo eso, así que podemos aplicar todas estas cosas.
-
00:05:09En esta sección aquí mismo, así que manejamos temas, podemos crear nuevos temas, ahora no sé cómo, de nuevo, qué tan útil en este momento podría ser esto, pero si en el futuro se convertirá en
-
00:05:23un ninja de CSS, o contratará a alguien que pueda crear temas CSS para usted, usa esta sección aquí para crear un nuevo tema, así que le da un nombre, opcionalmente elige una demostración
-
00:05:37sitio si lo desea, entonces aquí ingresa el CSS real y luego aquí carga una imagen de vista previa
-
00:05:44Por lo general, esta imagen de aquí es la vista previa de un teléfono, de lo que ves en la vista previa del teléfono, porque se mostrará aquí en esta lista, para que veas que se ve bien si está
-
00:05:57Se muestra de esta manera, está bien, espero que todo esté claro con los temas, ¿qué es una plantilla? Una plantilla es un tema más contenido, está bien, entonces es un sitio web listo para usar al que se le aplica un tema.
-
00:06:19y algunos contenidos ya preparados, vale, básicamente si hacemos clic en una de estas plantillas, por ejemplo, esta de Superburger, verás aquí que tenemos un sitio, un sitio completo, que podemos usar como
-
00:06:35una plantilla, correcto, que las personas pueden luego importar y usar como punto de partida para su sitio web, por lo que se trata de un contenido con un encabezado, una lista de productos, en este caso, algo de contenido y un tema listo para usar.
-
00:06:53están listos seleccionados, por lo que la forma de crear una nueva plantilla es seleccionando, ahora esto es importante y veremos sobre plantillas importantes más adelante, pero para crear una nueva plantilla, haga clic en
-
00:07:07en crear una nueva plantilla, y luego todo lo que tienes que hacer, básicamente, es crear una persona del sitio, y luego dices, y luego dices, está bien, elige, selecciona uno de estos sitios y transforma
-
00:07:25en una plantilla, ¿cierto?, entonces hagamos un ejemplo, ahora digamos que este, está bien, Shannon Scaldi -Demo, queremos transformar este sitio web en una plantilla, está bien, entonces lo que hacemos aquí es,
-
00:07:44selecciona este, ok, luego si quieres lo puedes editar, le damos un nombre, y aquí siempre debemos subir dos archivos, dos imágenes, una es la misma que usamos para
-
00:08:00el tema, entonces la vista previa del teléfono, básicamente, y por ejemplo, podemos elegir este, temas, y podemos simplemente, elijamos uno, y luego, obviamente, eliminaremos la plantilla literalmente, y la vista previa es
-
00:08:18Generalmente el que tiene el teléfono y la computadora de escritorio al mismo tiempo, así que por ejemplo, este, bueno, ves, luego podemos agregar etiquetas, ves hamburguesa, completo, elegante, cualquier cosa, como no sé, restaurante,
-
00:08:39cualquier etiqueta que ayude a las personas a encontrar esta plantilla en la lista, y luego elegimos la categoría, queremos poner esta plantilla, y por ejemplo, completa, y luego aquí ponemos, vimos, nosotros
-
00:08:52Vimos, hicimos eso, entonces podemos usar el tema, luego olvidémonos de este, y luego guardamos, y eso es todo lo que tenemos que hacer.
-
00:09:01Ahora, en primer lugar, este sitio web ya no será visible, ya ves, ya no lo ves, porque ahora se ha convertido en una plantilla, ¿verdad?, y cuando creamos un nuevo sitio web, está bien, entonces...
-
00:09:19Verás que tenemos la plantilla de demostración aquí, que acabamos de crear, todo lo que tenemos que hacer es hacer clic en ella, aquí vemos la vista previa del sitio, ahora esta es una sola página
-
00:09:31plantilla, así que si te fijas, esto es exacto, ahora es muy feo, así que lo eliminaremos inmediatamente, pero esto es lo que realmente configuramos como plantilla, y todo lo que tenemos que hacer es
-
00:09:43Haga clic en elegir esta plantilla y crear sitio. A medida que lo hacemos, debemos darle un nombre, sitio de demostración a partir de la plantilla, correcto, está bien, y ahora estamos editando este sitio que creamos a partir de
-
00:09:57Esta plantilla, bien, ese es realmente todo el riesgo, ya sabes, sobre la creación de una plantilla, ahora obviamente, como sabes, nosotros como propietarios de la plataforma, periódicamente lanzamos otras plantillas, nuevas plantillas, ahora en primer lugar, vamos a...
-
00:10:18Ve a eliminar esta plantilla de la lista, ahora, está bien, dejémosla aquí, así te mostraré lo que está pasando, ahora iniciaré sesión como revendedor, está bien, Scotty, ¿tienes algún revendedor?
-
00:10:34¿Cuentas aquí que puedo usar y en las que puedo iniciar sesión? Sí, Scotty planea EO, cualquier cosa que diga Scotty
-
00:10:43Bien, este, bien, bueno, hagámoslo aquí, bien, de todos modos, entonces en su plataforma de marca blanca, entonces esto es cuando inicia sesión como una plataforma de marca blanca, ¿ve que a veces hay algunos?
-
00:10:56¿Hay alertas aquí? Una de las alertas es que hay 16 nuevas plantillas para importar, porque eso significa que creamos algunas nuevas plantillas y puedes importarlas a tu lista, ¿cierto? Entonces, todo lo que tienes que hacer es...
-
00:11:11Lo que tienes que hacer es hacer clic aquí y luego aquí verás todas las plantillas que puedes importar, ok, y luego todas están seleccionadas, pero puedes deseleccionar algunas, tal vez no quieras importar esto.
-
00:11:24uno en su plataforma, y luego todo lo que tiene que hacer es hacer clic en importar estas plantillas, y se agregarán inmediatamente a su lista de plantillas, la única diferencia es que la única diferencia entre
-
00:11:41una plantilla que tu creas y una que estas importando es que si por ejemplo esta que tu ves es una plantilla importada no puedes editar el lado correspondiente entonces obviamente no puedes editarla se importa como
-
00:11:54Lo es, y no puedes cambiarlo, ¿de acuerdo?, pero en cualquier momento puedes crear cualquier nueva plantilla nuevamente, configurando un tema o creando un sitio web, básicamente todo lo que tienes que hacer es crear una
-
00:12:09sitio web, y luego aquí en plantillas simplemente dices, está bien, quiero crear una nueva plantilla, está bien, y luego simplemente seleccionas el sitio que quieres transformar en una plantilla, agregas un nombre, el
-
00:12:24Las imágenes, las tarjetas, las categorías, todo eso depende de ti, obviamente, y eso es todo.
-
00:12:33Y Colin, ya que tú, supongo que Scotty, estás en el equipo, estamos actualizando todas las imágenes de la plantilla, correcto, sí, pero en cualquier caso, si quieres, puedes actualizarlas en cualquier momento.
-
00:12:52imagen de una plantilla, así que si no está bien, si no encaja, como tu sitio o todo eso, puedes cambiarlo, no puedes cambiar el sitio en sí, pero puedes cambiar las imágenes que se mostrarán.
-
00:13:07se mostrarán a sus usuarios, y también las imágenes que se mostrarán, como en la lista de plantillas cuando use eso, en el widget en el sitio, en su sitio
-
00:13:20Supongo que eso es prácticamente todo lo que tenía que decir sobre las plantillas, a menos que haya algo más, Colin, tal vez si tienes alguna pregunta adicional
-
00:13:34o Scotty, si te diste cuenta, me salté algunas partes
-
00:13:39No, esto es, pruebas un poco de CSS, lo cual es bueno, y esto es básicamente lo que hago todo el día, así que tenemos bastantes que van a entrar en las imágenes.
-
00:13:53En él para ponerlos, pero hay mucho por venir.
-
00:13:58Pero sí, eso es todo.
-
00:14:00Por cierto, Colin, ¿hay más formación sobre esto? Yo también lo conozco muy bien, así que puedo ayudar con todo esto también, así que eso es todo.
-
00:14:11Así que no hay nada allí
-
00:14:13Fresco