Swipy Blogger Template

Swipy es una plantilla ideal para blog tipo revista. o de estilo creativo.

Esta plantilla de Sora Templates es muy atractiva ya que nos permite crear un blog de apariencia profesional en pocos minutos.

  Demo           Descarga

Una vez descargada nuestra plantilla podemos modificarla de la siguiente manera.

Menú superior de navegación/pie de página

Acceda al  diseño de su blog  > haga clic  en el ícono Editar  en el   widget de navegación superior .

Parte superior social

Acceda al diseño de su blog   > haga clic  en el ícono Editar  en  el  widget Social Top .

Iconos disponibles {  facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp , Snapchat, correo electrónico  }

Logotipo móvil

Acceda al  diseño de su blog  > haga clic  en el ícono Editar  en  el  widget de logotipo móvil .

Tipos:  imagen ,  personalizado ,  predeterminado.

Menú principal/desplegable/desplegable múltiple/menú mega

Acceda al  diseño de su blog  > haga clic  en el ícono Editar  en el   widget del menú principal .

Vínculo de inicio: en  el nombre del sitio,  agregue su texto, por ejemplo: " Inicio " en  la URL del sitio,  agregue  la página de inicio . Ejemplo: 

Enlace normal:  Características

Subenlace :  _Multi DropDown  (antes del enlace agregue " _ ") 1 guión bajo

Subenlace 2:  __DropDown 1  (antes del enlace agregue " __ ") 2 guión bajo

Mega Shortcode por etiqueta:  Tecnología/mega-menú

Mega Shortcode por reciente:  reciente/mega-menú

Mega Shortcode por Random:  random/mega-menu

Control deslizante principal

Acceda al  diseño de su blog  > haga clic en  Agregar un gadget  >  HTML/JavaScript  en  la sección Control deslizante principal  , debe colocar los siguientes nombres resaltados en azul a continuación.

a) Con códigos cortos

Shortcode:  número de publicaciones /etiqueta ,  reciente  o aleatorio /deslizador 

Ejemplo:  6/Anime/control deslizante

b) Con Publicación Popular

Acceda al  diseño de su blog  > haga clic en  Agregar un gadget  >  Publicaciones populares  en  la sección Control deslizante principal  , establezca la configuración como se muestra a continuación

Configuración de widgets:

Publicaciones calientes

Acceda al Diseño de su blog   > haga clic en  Agregar un Gadget  >  HTML/JavaScript  en  la sección Hot Posts  , debe colocar los siguientes nombres resaltados en azul a continuación.

Código abreviado:  Etiqueta ,  publicaciones recientes  o aleatorias / hot-posts 

Ejemplo:  Tecnología/publicaciones calientes

Publicaciones destacadas 01, 02 y 03 

Acceda al  diseño de su blog  > haga clic en  Agregar un gadget  >  HTML/JavaScript  en  la sección Publicaciones destacadas 01  o  Publicaciones destacadas 02  , debe colocar los siguientes nombres resaltados en azul a continuación.

Tipos:  feat-big, col-left, col-right, grid-big

Código abreviado:  número de resultados/ etiqueta ,  reciente  o  aleatorio /tipo

Feat Big Ex:  Business/feat-big   NOTA:  en esto no establezca el número (el valor predeterminado es 5 ).

Grid Big Ej: 6 /Música/grid-big

Col Izquierda Ej:  3/Deportes/col-izq.

Col Derecha Ej.:  3/Tecnología/col-derecha

Configuración de widgets, por ejemplo:

Etiquetas Populares

Acceda al  diseño de su blog  > haga clic  en el icono Editar  > en el   widget de etiquetas populares .

Configuración de widgets  EX :

Widget de lista de publicaciones

Acceda al  Diseño de su blog  > haga clic en  Agregar un Gadget  >  HTML/JavaScript  en la  barra lateral  o  en la sección Pie de página  , debe colocar los siguientes nombres resaltados en azul a continuación.

Código abreviado:  número de resultados/ etiqueta ,  reciente  o  aleatorio /post-lista

Publicaciones de etiquetas:  3/Tecnología/lista de publicaciones

Publicaciones recientes:  3/reciente/lista de publicaciones

Publicaciones aleatorias:  3/aleatorio/post-lista

Widget social (barra lateral)

Acceda al diseño de su blog   > haga clic  en el ícono Editar  en  el widget Social Widget  .

Iconos disponibles {  facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp , Snapchat, correo electrónico  }

Diseños de publicaciones

Barra lateral izquierda:  dentro de la publicación, agregue el texto  de la barra lateral izquierda  y agregue el estilo  Tachado

Ancho completo:  dentro de la publicación, agregue el texto  de ancho completo  y agregue el estilo  Tachado

Barra lateral derecha:  dentro de la publicación, agregue el texto  de la barra lateral derecha  y agregue el estilo  Tachado

Opciones de tema

01 - Opciones CSS

 Acceda al  diseño de su blog  > haga clic  en el ícono Editar  en el   widget Opciones de CSS.

Ancho completo:  en  Nombre del nuevo sitio ,  agregue  ancho completo , en  URL del nuevo sitio ,  agregue  verdadero  o  falso , después de hacer clic en el  botón Guardar  .

Título de publicaciones recientes:  en  el nombre del sitio nuevo ,  agregue  el título de las publicaciones recientes , en  la URL del sitio nuevo,  agregue  verdadero  o  falso , después de hacer clic en el  botón Guardar  .

Leer más texto:  en  el nombre del nuevo sitio ,  agregue  readMoreText , en  la URL del nuevo sitio ,  agregue  verdadero  o  falso , después de hacer clic en el  botón Guardar  .

02 - Variables por defecto

 Acceda al  diseño de su blog  > haga clic  en el ícono Editar  en el   widget Variables predeterminadas .

Publicación por página:  en  Nombre del nuevo sitio ,  agregue  publicación por página , en  URL del nuevo sitio ,  agregue el número de resultados, debe ser el mismo que las publicaciones de la página de inicio, luego de hacer clic en el  botón Guardar  .

Barra lateral fija:  en  el nombre del nuevo sitio ,  agregue  la barra lateral fija , en  la URL del nuevo sitio ,   agregue  verdadero  o  falso , después de hacer clic en el  botón Guardar  .

Menú fijo:  en  el nombre del sitio nuevo ,  agregue  el menú fijo , en  la URL del sitio nuevo,   agregue  verdadero  o  falso , después de hacer clic en el  botón Guardar  .

Sistema de comentarios:  en  el nombre del nuevo sitio ,  agregue  el sistema de comentarios , en  la URL del nuevo sitio ,  agregue el tipo de sistema de comentarios  { blogger ,  disqus ,  facebook  u  hide } , después de hacer clic en el  botón Guardar  .

Disqus Shortname:  en  New Site Name  agregue  disqusShortname , en  New Site URL  agregue su sistema de comentarios disqus shortname, después de hacer clic en el  botón Guardar  .

Complemento de la página de Facebook 

Acceda al  diseño de su blog  > haga clic en  Agregar un gadget  >  HTML/JavaScript  en la  barra lateral  o  en la sección Pie de página  y pegue el código a continuación.

<center><div class="fb-page" data-href=" https://www.facebook.com/soratemplates " data-width="360" data-small-header="false" data-adapt-container -width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

Nota:  En Attribute  data-href  reemplace el enlace por la URL de su página de Facebook.

Personalización de su plantilla

Acceda al Tema de su blog   > haga clic en  el botón Personalizar  .

Aquí puede cambiar el fondo y aplicar colores predefinidos

Al hacer clic en Avanzado, verá la opción oficial para cambiar los colores principales

Nota:

Antes de realizar cualquier cambio en nuestro blog, tendremos que realizar una copia de seguridad del mismo por si algo no sale bien.

Puedes ver en este post como lo hacemos paso a paso

Enlace

Datos de https://www.soratemplates.com/