Gå till innehållet

Hur man skapar ett reglage med parallax effekt på Wordpress

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Många av er har redan läst uttrycket " parallax "Och" reglaget I mina teman rekommendationer och ibland 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 på din WordPress-blogg, med 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.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

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 för innehållet.

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.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
18 aktier
del14
tweet3
Enregistrer1