Inicia sesión


Como instalar un Slider en una plantilla de Wordpress

Como instalar un Slider en una plantilla de WordpressEn este tutoriales en linea les mostraremos la manera de instalar un Slider en una plantilla de WordPress por medio de plugin llamado MetaSlider. Instalar un Slider en una plantilla de Wordpress es muy sencillo, solo hay que seguir los siguientes pasos:
El Slider es un elemento de una página web que muestra múltiples imágenes y texto que se alternan entre ellas.

Para la instalación iniciamos sesión en tu cuenta de Wordpress. Luego verificamos que la plantilla de tu preferencia esté instalada y activada. Para ello, hacer clic en la opción "Apariencia > Temas"

En la barra lateral, hacer clic en la opción "Plugins" y seleccionar "Añadir Nuevo".
Barra Lateral de Wordpress - Opción Plugins

Una vez que haya cargado la página, a la derecha aparecerá la barra de búsqueda. Escribe el nombre del plugin, en este caso "MetaSlider" y presiona la techa Enter.

Busca el plugin "MetaSlider". Hacer clic en "Instalar ahora" y luego en "Activar". Una vez instalado, el plugin "MetaSlider" debe aparecer en la lista de plugins.
Lista de Plugins

Al último de la barra lateral, debe aparecer la opción "MetaSlider". Hacer click en dicha opción.
Barra Lateral - Opción MetaSlider
Hacer clic en la opción "New".
Selecciona la opción "New"

Una vez que cargue, asigna un nombre al Slider, por ejemplo: "Slider Principal".  Luego, hacer clic en "Add Slide" para agregar las imágenes.
A continuación, aparecerá una ventana con las opciones: "Subir Ficheros" (para subir las imágenes desde el dispositivo)  y "Biblioteca Multimedia" (para seleccionar imágenes previamente subidas). Seleccionar la opción que corresponda y hacer clic en "Add to Slideshow".

Ahora, en la parte inferior derecha, en la sección "How to Use", copia únicamente el código en color naranja. (No se preocupe el ID puede ser diferente)
Código del Slider

Ahora, se necesita una sección donde insertar el Slider. Algunas plantillas, tienen la sección "Slider". Si este es su caso, ingresa a "Apariencia > Personalizar" y localice la sección para el Slider (generalmente es la "Cabecera"). Por otro lado, no todas las plantillas tienen una sección específica para el Slider, o simplemente lo queremos posicionar en otra sección de nuestra página. Para esto, se puede añadir una nueva entrada o una nueva página.

Para cualquiera de las opciones anteriores, los pasos son los mismos. En este caso, se agregará una nueva página.
Agregar una nueva página

En la nueva página, agrega el título, por ejemplo "Slider", pegar el código color naranja en el área en blanco, y publicar la página.
Pegar el código del Slider

Ahora se puede ver el Slider en la página de Wordpress.
Slider en Wordpress

Si se quiere cambiar el tamaño del Slider. Regresa a la barra lateral, opción "MetaSlider", y en la parte lateral derecha del plugin, encontrarás una sección para modificar el tamaño (alto y ancho) del Slider. Asimismo, se puede usar las opciones avanzadas del mismo plugin.


  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-05-31
  • Categorias: Diseño Web plugin WebSite webmasters Tutorial



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!






¿Por qué hablar de sexo es un tabú?

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-10-16
  • Categorias: Estilo Trucos y tips Noticias Tutorial

Como hacer el efecto de desaturacion selectiva con Photoshop

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-10-15
  • Categorias: Adobe PhotoShop Trucos y tips Noticias Tutorial

Decoloración en CSS a través del modo de mezcla

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-10-15
  • Categorias: PhotoShop Diseño Web CSS3 html5 WebSite webmasters Trucos y tips Noticias Tutorial

Como crear una web con el lenguaje HTML

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-08-21
  • Categorias: Diseño Web Lenguajes De Programacion CSS3 html5 Html WebSite webmasters Cursos Noticias Tutorial

Curso intensivo para principiantes en HTML5

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-08-03
  • Categorias: Diseño Web html5 Html WebSite Cursos Tutorial

Mejorar la presencia online de tu empresa: curso para principiantes

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-06-25
  • Categorias: Marketing SEO Cursos Noticias Tutorial