Slik oppretter du enkelt en Responsive WordPress Slider med Soliloquy

Skyvekontrollene brukes ofte på forsiden av forretnings- eller porteføljesider. Det er hundrevis av WordPress-skyveplugger der ute, hver med sine egne funksjoner. Vi har imidlertid hørt fra våre brukere at de fleste skyveplugger er bare for kompliserte for dem. I denne artikkelen vil vi vise deg hvordan du enkelt legger til en WordPress-glidebryter på nettstedet ditt med Soliloquy. Målet her er å finne det beste WordPress-skyveplugin som er enkelt å bruke, fungerer med alle temaer, og er lydhør, noe som betyr at den passer til alle skjermer (smarttelefoner, skrivebord og nettbrett).

Hvorfor bruke Soliloquy som din WordPress Slider?

Soliloquy er et robust responsivt WordPress-skyveplugin med mange funksjoner, og det er ganske enkelt å administrere. Her er noen av tingene vi liker om Soliloquy over andre plugins:

• Soliloquy overholder WordPress-kodingsstandarder og beste praksis.
• Den bruker en egendefinert innleggstype for å håndtere skyveknapper som gjør det enklere å importere / eksportere skyveknapper med en hvilken som helst WordPress Backup-løsning.
• Det er 100% oversettelse klar som er flott for internasjonale publikum.
• Det er SEO vennlig. Du kan legge til metadata, titler, alt tekst og bildetekster til hvert lysbilde.
• Ajax-drevet drag-drop-lysriss sortering gjør det veldig enkelt å bruke.
• Responsive WordPress-glidebryteren med berøringsstøtte for berøringsaktiverte enheter som smarttelefoner og nettbrett.
• Utvikler vennlig med god dokumentasjon og 50 + kroker og filtre. Du kan enkelt merke det om nødvendig.

Bortsett fra alle funksjonene, er Soliloquy ganske rimelig sammenlignet med andre skyveplugger. Basisalternativet er bare $ 19. WPBeginner-brukere får en eksklusiv 25% rabatt ved å bruke Soliloquy-kupongen som gjør avtalen enda bedre. Bruk kode: WPBEGINNER.

Videoopplæring

Hvis du ikke liker videoen eller trenger mer instruksjoner, fortsett å lese.

Opprette en WordPress Slider med Soliloquy

Første du trenger å gjøre er å kjøpe Soliloquy. Når du har Soliloquy, må du installere og aktivere den (se hvordan du installerer et WordPress-plugin). Ved aktivering vil plugin legge til en ny Soliloquy-meny i WordPress admin. Hvis du klikker på den, tar du deg til glidebryterens liste som vil være tom fordi du ikke har opprettet noen glidebrytere ennå. For å legge til en ny skyveknapp, klikk på Soliloquy »Legg til ny.

Du vil starte med å legge til skyve tittelen. Neste klikk på Last opp lysbilder knapp. En popup, som den vanlige WordPress media opplasteren, vil vises. Du kan laste opp bilder til lysbildet ditt, velge bilder fra mediebibliotek, legg til videobilder ved å legge til nettadresser til YouTube eller Vimeo-videoer, eller opprett et HTML-lysbilde.

Hvis du vil legge til en video som et lysbilde, må du laste opp videoen til YouTube eller Vimeo (les hvorfor du aldri skal laste opp en video til WordPress). Når du har videoadressen, limer du bare inn den og Soliloquy skal ta vare på resten.

Når det gjelder HTML-lysbilder, må du lime inn HTML-koden. Denne html kan være alt du vil ha. Et eksempel er å legge til en e-post påmeldingsskjema for nyhetsbrevet eller en oppringningsknapp.

I denne artikkelen vil vi vise deg hvordan du lager en bildeskyve i WordPress. Klikk på Velg filer å laste opp lysbilder fra datamaskinen.

Når du har valgt bildedisplayene, blir de lastet opp til mediebiblioteket ditt. Klikk på Sett inn lysbilder knappen for å legge til disse lysbildene i skyveknappen. Etter at du har satt inn lysbildene dine, kan du konfigurere andre alternativer på siden Legg til ny glidebryter. Mens du kan justere standard glidebredderstørrelsen, kan den responsive evnen til å justere automatisk for mindre skjermer. Standardstørrelsene er det relative punktet da glidebryteren justerer seg på forskjellige enheter.

Blant andre alternativer kan du velge glidebryterens hastighet, glidende animasjonseffekt, overgangseffekt, etc. Når du er fornøyd med innstillingene, klikker du på publiser-knappen for å lagre skyvekontrollen og gjøre den offentlig tilgjengelig.

Legge til en WordPress-glidebryter i innlegg / side

Nå som du har opprettet glidebryteren, er neste trinn å sette inn glideren i et innlegg eller en side. Åpne postredigeringsprogrammet, velg stedet der du vil legge til glidebryteren, og klikk på Legg til glidebryter knappen ved siden av mediaopplasteren.

Du vil se boksene for hver skyveknapp du har opprettet. Velg glidebryteren du vil sette inn, og klikk deretter Sett inn skyveknappen knapp.

Dette vil legge til en skyvekortkode i innlegget ditt. Du kan nå lagre eller forhåndsvise innlegget ditt og se skyvekontrollen i handling.

Redigering og oppdatering av en WordPress-glidebryter med Soliloquy

Den flotte tingen om å opprette en WordPress-glidebryter med Soliloquy er at du kan redigere skyveknappen når du vil uten redigering av innlegget eller siden der du har satt inn skyvekontrollen. Bare klikk på Soliloquy ikonet i admin sidebjelke og klikk deretter Rediger lenke under skyveknappen du vil oppdatere.

Nå kan vi redigere skyveknappen vi opprettet ovenfor. Husk vi fortalte deg at glidebrytere opprettet med Soliloquy er SEO-vennlige. Du kan legge til metabeskrivelser, tittel, URL og bildetekster til dine individuelle lysbilder. Klikk på redigeringsknappen ved siden av et enkelt lysbilde i skyveknappen.

Dette åpner en popup der du kan skrive inn bildetittel, alt tekst, lenke lysbildet til en nettadresse og skrive inn en bildetekst. Du kan også bruke HTML i bildeteksten din i tilfelle du vil legge til et nyhetsbrev, ikke-påmeldingsskjema. Når du har angitt metainformasjonen for lysbildet, klikker du på Lagre lysbilde-knappen.

Endringene dine reflekteres automatisk i glidebryteren hvor den er innebygd på nettstedet ditt.

Legge til Soliloquy WordPress Slider i maler og widgets

Soliloquy kommer med en widget som du kan bruke til å legge til en glidebryter i et widgetisert område på nettstedet ditt. Gå til Utseende »Widgets og dra-slipp Soliloquy-widgeten til sidebjelken. Du vil se listen over lysbilder du har opprettet. Velg den du vil sette inn og lagre widgeten. Siden glidebrytere som er opprettet med Soliloquy, er responsive, justeres de automatisk for å passe til sidebjeldets bredde.

Hver Soliloquy-glidebryter har sin egen unike shortcode og en funksjon. Du kan bruke denne funksjonen til å legge til glidebryteren hvor som helst i temamalfiler. For å hente funksjonskoden, klikk på Soliloquy-ikonet i WordPress-administrasjonen. Dette viser listen over skyveknapper du har opprettet sammen med kortnummeret og funksjonen ved siden av glidebryteren. Kopier og lim inn funksjonskoden tilsvarende.

Siste tanker

Soliloquy er en av de bedre WordPress-skyveplugger som vi har sett i markedet. Stol på oss, vi har testet mange av dem. Etter omfattende bruk av Soliloquy er vi virkelig imponert over sin fart og kraft.

De fleste skyveplugger er oppblåst med kode og er dårlig dokumentert. Soliloquy er lett og rask. Den er bygget for både brukere og utviklere. De har gjort en god jobb for å følge alle WordPress-standarder, samtidig som skyvekontrollen er svært enkel å bruke for nybegynnere. Kodedokumentasjonen gjør det enkelt for andre utviklere å tilpasse og utvide funksjonaliteten etter behov.

Vi kan enkelt si at Soliloquy nå har flyttet opp som vårt # 1 valg for et WordPress-skyveplugin.

Vi håper at denne artikkelen hjalp deg med å legge til en glidebryter i ditt WordPress-nettsted. For tilbakemelding og spørsmål, vennligst legg igjen en kommentar nedenfor. Ikke glem å følge oss på Twitter @wpbeginner.