Många av er har redan läst uttrycket " parallax "Och" reglaget i mina rekommendationer för teman och ibland från insticksmoduler. Om du ännu inte har konsulterat vår ordlista med tekniska termer för WordpressSedan kommer det att vara för dig ett konkret exempel på betydelsen av dessa.

mg-parallax-reglaget-cover

Det är därför jag idag lär dig hur man skapar en reglaget parallax Wordpress bloggMed den plugin MG Parallax Slider.

Som en påminnelse är en reglage en funktion som bläddrar från vänster till höger eller vice versa olika information (bilder, text, video, ljud) inom ett definierat ramverk. Parallaxeffekten är en lättnadsanimation, inspirerad av det rörliga landskapet. Det är den här effekten som finns på dina olika Android-smartphones på hemsidan när du bläddrar igenom sidorna på den senare.

Hur man installerar MG Parallax Slider

Det första du ska göra är uppenbarligen att installera plugin från instrumentpanelen. Du kan också ladda ner det direkt på WordPress.org. Den största fördelen med detta plugin är att det finns två sätt att skapa bilder. Men innan kommer vi att göra justeringarna.

mg-parallax-reglaget

Så här konfigurerar MG Parallax Slider

För att komma åt inställningssidan för plugin, måste du klicka på menyn « MGP Alternativ ".

enter-the-alternativ

På den här nya sidan, på " bakgrund », Det är möjligt att ändra bilden (eller textur) i bakgrunden till reglaget. Du kan välja mellan 18-prover.

MGP-Alternativ-management-of-bakgrunder

du kan (lägre) ändra storleken på kanterna, uppe, nedre, vänster och höger, samt definiera en färg som ska tillämpas på dem.

Med fliken " Titel », Du har möjlighet att ändra typografin som gäller för titeln på bilder.

alternativ-on-the-typografi

Fliken « Innehåll »Låter dig göra samma sak som fliken rubricerade, men den här gången gäller alternativen innehåll.

För att ändra navigeringspilarna måste du öppna " navigering Pilarna ". På den här fliken kan du ställa in sökvägen till bilderna (att jag inbjuder dig att lämna som det är såvida du inte vet vad du gör)och bakgrundsfärgen på dessa.

Hantering-of-pilar-of-navigation

Längre nere har vi alternativen att importera och exportera konfigurationer.

import och export-MGPS

Remarque : Jag berättade inte om fliken "Slides" eftersom den låter dig skapa bilder på ett annat sätt som jag kommer att förklara senare.

Hur man skapar en glida : Först méthode

Efter installation och aktivering av plugin, kommer ett annat objekt att visas på instrumentpanelens vänstra sida med titeln "MG Slider". Klicka på den för vi kommer att skapa en ny reglaget. Detta är den första metoden (med anpassat publiceringsformat eller anpassad inläggstyp).

mg-reglaget menyn

Klicka på undermeny « Lägg till en ny För att börja skapa reglaget.

Denna nya sida är gränssnittet för att skapa bilder vilket är ganska lik sidor och artiklar.

Alla element som kommer att vara skapad detta sätt kommer att finnas tillgängligt i en glida unik som kommer att visas på dina artiklar eller sidor genom att lägga till kortkod correspondant [MGPS-reglaget-post].

Varje element i en glida kan ha en titel, en beskrivning och en bild (en bild till). Du kan skapa så många objekt som du vill.

Så här är parallax reglaget hem (med några ändringar i strukturen i bakgrunden).

demo-parallax-reglaget

Jag tror att du kan göra bättre än mig. Försök !!!

Remarque : den andra nackdelen med denna metod är att den är omöjlig de beställer bilder, om du inte installerar plugin « Post Typ Order » vilket annars är väldigt lätt att använda.

Hur man skapar en glida : andra metoden

Denna andra metod har fördelen att det är möjligt att ändra ordningen på elementen, men ändå kan du inte dra nytta av det trevliga gränssnittet för den tidigare metoden.

Vi kommer därför att komma åt " Diabilder "och klick på knappen Lägg slide ". Genom att klicka på det, ett nytt element (glida) kommer att läggas till reglaget. Klicka på varje bilder (eller element) för:

  • Lägg till en bild genom att klicka på « Ladda ner »
  • Lägg till en titel i fältet Mendatory Fält. »
  • Lägg till en beskrivning i fältet Beskrivning Här »
  • Lägg till en länk till en valfri sida i fältet " Ge us en länk! »

För att ta bort en glida, klicka bara på knappen « Radera slide Ligger längst ner till höger om var och en glida. För att beställa bilder, du behöver bara klicka och dra rubriken för varje glida.

interface-segondaire-of-skapande-of-reglaget

Den här gången måste du använda kortkod « [MGPS-reglaget] För att visa reglaget på dina sidor eller artiklar, som förklarats istället. Resultatet kommer att vara identiskt.

andra-reglaget-metod-mg-parallax-reglaget

Det är det för denna handledning om att skapa en reglaget parallax Wordpress. Dela gärna artikeln med dina vänner på sociala nätverk.