Cambiar Imagen de Cabecera del Diseño
Puede descargar el encabezado existente del diseño netAdventist, modificarlo y subirlo nuevamente en su sitio web netAdventist. Asegúrese de cambiar el nombre del título en about.yml (vea paso C) antes de volver a subirlo a su sitio.
Diseño Sencillo (la mayoría de los casos):
A) Descargue el encabezado existente y modifíquelo. Vea el screencast o siga las instrucciones a continuación:
- Haga clic derecho en el área del encabezado del sitio netAdventist que desea cambiar
- Seleccione "View Background Image"
- Haga clic derecho en la imagen que se muestra y seleccione "Guardar imagen como" "Save Image As" (save on desktop)
- Modifique la imagen con su editor de imágenes favorito (Photoshop) (Asegúrese de que la imagen mantenga la misma relación de aspecto: ancho y alto)
Ba) Ponga la imagen en su directorio de diseños personalizados
- Inicie sesión y vaya al tablero del sitio netAdventist que desea cambiar
- Vaya a "Configuraciones"> "Diseño y plantillas"> haga clic en "Descargar Diseño"
- Guarde el diseño en el escritorio y descomprímalo
- Navegue por el directorio de diseños a "public"> "assets"> "images"
- El encabezado recién modificado que se creó en el Paso A ahora debe sobrescribir el mismo nombre de archivo de imagen encontrado en el directorio de imágenes del diseño
Bb) (Función avanzada) Agregue código animado al encabezado en el diseño. Nota: esta función requiere un software de gráficos avanzado para completarse y el programa tiene que poder abrir archivos .liquid. Además, necesitará un archivo de video .swf para ejecutar la animación.
- Inicie sesión al tablero del sitio netAdventist que desea cambiar
- Navegue a "Configuraciones"> "Diseño y plantillas"> haga clic en "Descargar Diseño"
- Guarde el diseño en el escritorio y descomprímalo
- Navegue en el directorio de diseños a "Distribuciones" ("Layouts”)
- Agregue código al archivo Layouts .liquid para cada plantilla en la que quiere que se ejecute la animación y seleccione Guardar.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="928" height="132" id="mymoviename" >
<param name="movie" value="header.swf" />
<param name="quality" value="high" />
<embed src="https://www.netadventist.org//{{ 'header.swf' | theme_image_path }}" alt alt quality="high" bgcolor="#ffffff" width="928" height="132" name="banner" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object> - Ajuste el código a sus parámetros
- Cambie su nombre de archivo de video .swf a "header.swf" e insértelo en "public"> "assets"> "image
C) Cambie el nombre del título del diseño
- Abra el archivo: about.yml
- Encuentre la línea: "títle: [theme title here]"
- Cambie el nombre de la línea: "title: My Custom Theme Title Here"
- Haga lo mismo para la línea de descripción si hay una.
D) Cambie el nombre del archivo de diseño
- Encuentre la carpeta del diseño descomprimido que se encuentra en el paso B3
- Cambie el nombre de este archivo para que coincida con el título en el paso C3 (asegúrese de no utilizar espacios. Utilice sólo letras, números y guiones bajos)
E) Comprima y cargue el diseño en el tablero
- Encuentre la carpeta de diseños recientemente renombrada y comprímala. (PC: clic derecho> enviar a> carpeta zip comprimida | MAC: clic derecho> crear archivo)
- Inicie sesión en el tablero del sitio
- Navegue a "Configuraciones"> "Diseño y plantillas"> haga clic en "Cambiar diseño"
- Haga clic en la pestaña "Cargar", seleccione el diseño y haga clic en "Cargar" Dirá: “Su diseño se ha cargado exitosamente”
- Haga clic en Diseños disponibles”
- Haga clic en el tema recién cargado y luego haga clic en "Elegir como diseño”
F) Para ver rápidamente su sitio, haga clic en "Ver sitio" en la parte superior derecha del tablero.
Agregando código animado a su encabezado en su diseño
- Inicie sesión en el tablero del sitio netAdventist que desea cambiar
- Navegue a "Configuraciones"> "Diseño y plantillas"> haga clic en "Descargar Diseño”
- Guarde el diseño en el escritorio y descomprímalo
- Navegue en el directorio de temas a "Distribuciones"
- Su encabezado modificado recientemente que se creó en el Paso A ahora debe sobrescribir el mismo nombre de archivo de imagen encontrado en el directorio de imágenes del diseño.
