WP Manifestindependent plugin directory
manifest / media / sm-slider-wordpress-plugin

SM Slider

Plugin para slides

by Silverio Mazive · github.com/silveriomazive/sm-slider-wordpress-plugin

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/silveriomazive/sm-slider-wordpress-plugin/archive/refs/heads/main.zip
Readme github.com/silveriomazive/sm-slider-wordpress-plugin ↗

SM Slider - Silverio Mazive

Descrição
SM Slider é um plugin WordPress que cria um slider cinematográfico personalizado.
Permite adicionar slides via post type com imagens de fundo, títulos, subtítulos e botões.
O slider suporta múltiplos estilos CSS que podem ser selecionados via shortcode.

Funcionalidades

  • Slider full-width e full-height
  • Imagem de fundo cobre todo o slide (object-fit: cover)
  • Card de conteúdo com efeito glassmorphism (blur, borda e sombra)
  • Título, subtítulo e botão com animações fade-right
  • Botões de navegação para trocar de slide
  • Suporte a múltiplos estilos CSS
  • Slides ordenados por data (mais recente primeiro)
  • Responsivo para desktop e mobile

Instalação

  1. Faça o download ou clone o repositório:

git clone [https://github.com/silveriomazive/sm-slider.git](https://github.com/silveriomazive/sm-slider.git)
  1. Copie a pasta sm-slider para o diretório /wp-content/plugins/ do WordPress.
  2. Ative o plugin pelo painel de Plugins do WordPress.

Uso

  1. Adicione novos slides no menu SM Sliders no painel do WordPress.
  2. Preencha os campos:
    • Título (campo nativo do post)
    • Subtítulo (meta field)
    • Texto do botão (meta field)
    • Link do botão (meta field)
    • Imagem destacada (featured image)
  3. Adicione o shortcode em qualquer página ou post:

[sm_slider]        // usa o estilo padrão
[sm_slider style="2"] // usa o segundo estilo

Personalização

O plugin permite múltiplos estilos CSS:

  • slider.css - estilo padrão
  • slider-2.css - estilo alternativo

Você pode criar novos arquivos CSS e registrar via style no shortcode.

Mobile

  • O slider ajusta a altura real da tela no mobile, mantendo proporção visual.
  • Imagem de fundo sempre cobre todo o slider.
  • Conteúdo centralizado e responsivo.
  • Botões de navegação ocultos em telas pequenas.

Tecnologias

  • WordPress Plugin
  • PHP (Custom Post Type e Meta Fields)
  • CSS3 (Glassmorphism, animações e Ken Burns)
  • JS (controle de slides, auto-slide e animação fade)

Autor

Silverio Mazive
https://silverio.afrozu.com
Email: silveriomazive@gmail.com


Quer que eu faça isso?