👉 Opprette egendefinerte destinasjonssider i WordPress med Impact Plugin

Hvordan øke trafikk og salg med video markedsføring

Impact Page Builder plugin er et av de revolusjonerende plugins som ble utgitt for lenge siden. Den lar deg lage tilpassede destinasjonssider i WordPress-temaet fra WordPress-administrasjonspanelet. I denne veiledningen vil vi vise deg hvordan du begynner å jobbe med Impact Page Builder.

Hva er Impact Page Builder?

Som du vet, er en av de viktigste komponentene i et hvilket som helst WordPress-område temaet. WordPress Temaer gir konsekvent design og layout på alle websidene dine. Mange temaer tillater deg selv å omorganisere deler av oppsettet fra side til side (for eksempel Headway), slik at du kan ha en statisk CMS-hjemmeside eller sidespesifikke sidebjelker, etc.

På overflaten kan det virke som om temaet ditt gir deg stor fleksibilitet og designkontroll. Hvis vi ser litt dypere ut, finner vi at uansett hvor fleksibelt temaet vårt er, ser alle sidene våre stort sett ut på det samme med deres identiske Headers, Footers, Backgrounds og så videre.

Hva om du vil ha en fullstendig nedkjørt salgsside for et produkt? Hva om du vil at nettstedet ditt skal ha forskjellige seksjoner, hver med sitt eget unike utseende? Hva om du vil ha flere nisjeminarier som kjører fra samme domene?

Impact gir brukerne muligheten til å lage et ubegrenset antall helt unike designmaler som kan brukes til WordPress Pages & Posts. Påvirkning er ikke et tema, noe som betyr at det er fri for de begrensningene et tema pålegger. Virkningen er 100% kompatibel med ditt aktive tema.

Før vi går videre, vil vi fortelle deg at Impact Page Builder er et betalt plugin, og du må kjøpe det før du kan bruke det. Vi ble ikke betalt for å skrive denne installasjonsveiledningen, og på ingen måte fikk vi noen fordeler fra forfatteren. Vi ble bare gitt en anmeldelse kopi for å teste kjøre denne plugin som vi gjorde og ble forelsket i det.

Noen eksempler på Impact Plugin in Work

Merk, disse kan se ut som egendefinerte nettsteddesign, men dette er bare noen eksempler som ble laget med Impact Page Builder:

Dette pluginet kan virkelig fungere som magi. Kjøp din kopi nå. Når du har lastet ned din kopi av Impact, er du klar til å gå gjennom guiden nedenfor.

Installere innvirkning

I .zip-filen du lastet ned, finner du en annen .zip-fil som inneholder Impact-programvaren. Dette vil bli kalt impact.zip.

Når du har funnet denne filen, kan du fortsette til WordPress Dashboard for å laste opp og installere den. Logg inn på WordPress Dashboard og klikk på "Plugins" etterfulgt av "Add New".

Klikk på "Last opp" -knappen øverst og deretter "Bla gjennom" -knappen nedenfor. Nå bla gjennom datamaskinen for å finne Impact Software zip-filen nevnt ovenfor og velg den for opplasting. Klikk nå på "Installer nå" -knappen til høyre.

Når opplastingen er fullført, klikk "Aktiver plugin". Hvis installasjonen var vellykket, bør du nå se en "Impact" -del i WordPress Dashboard venstre sidefelt:

Opprette din første mal

Klikk på "Mall Builder" under overskriften "Impact" på venstre sidefelt. Klikk nå på «Vis malalternativer» -knappen til venstre for å vise Impact Template Builder Options-boksen.

Merk: Denne popup-boksen kan trekkes til et hvilket som helst sted i nettleseren din.

Når malloppbyggingsalternativer-boksen er opp, kan du klikke på hver underrubrik for å få tilgang til de forskjellige alternativene. Her finner du …

Malestruktur:

Her kan du justere topptekst-, bunntekst- og sidebjelkeområdene i henhold til dine behov.

Bredder og høyder / marger og polstring:

Ikke bare kan du justere hovedmalldimensjonene og avstanden i denne delen, men du finner din Totalt nettstedbredde i henhold til ditt nåværende oppsett. Dette kan være svært nyttig informasjon når du begynner å legge til bilder og tilpasset CSS til malen din.

Tittelområde:

Her kan du velge typen tittel for malen din, laste opp et logo bilde og justere posisjonering. For denne spesielle opplæringen, la oss legge til en bildelogo i Impact Template. Klikk først på "Browse" -knappen for å laste opp og velg et logo-bilde.

Når popup-boksen for bildeopplastning vises, kan du laste opp logobildet ditt ved å klikke på "Last opp", bla gjennom datamaskinen for å finne bildet du vil bruke til logo-bildet ditt, og dobbeltklikk det for å velge og laste det opp.

Du vil kanskje først lage en undermappe for bildet ditt, og navngi den undermappen nøyaktig samme navn som Impact Page Template du lager. Dette vil vise seg å være nyttig hvis du senere ønsker å eksportere denne malen for sikkerhetskopiering eller overføring.

For å opprette en undermappe, høyreklikk mappen "innflytelse" til venstre for opplastingsboksen, og klikk deretter "Ny undermappe". Skriv deretter ut navnet og trykk Enter på tastaturet for å fullføre prosessen. Derfra kan du dobbeltklikke på undermappen for å skrive inn den og laste opp bildene dine for den aktuelle mal.

Når bildet er lastet opp, må du dobbeltklikke på bildet inne i bildeopplasteren for å sette inn den riktige lenken i Impact-bakgrunnsalternativområdet. Endre "Tittel:" alternativet til "Logo Image". Du bør nå se logotypebildet ditt i området for Malerens overskrift.

Bakgrunn: Hoved / Header / Wrap:

Her kan du tilpasse dine hovedbakgrunnsområder ved å velge en bakgrunnstype, farge (ved hjelp av de innebygde fargeplukkerne) og bildet.Du vil oppdage at det å legge til et bilde er akkurat det samme som å legge til et "Logo-bilde", som vi bare gikk gjennom ovenfor.

Du vil legge merke til med noen av disse designalternativene at endringene trer i kraft, og vises i sanntid på forhåndsvisning av malen din. For å teste dette ut, må vi endre fargen "Hovedbakgrunn". For å gjøre dette, klikk på fargeplukeren og dra fargevalg rundt til du finner en ønsket farge.

Bakgrunn: Innhold / Sidefelt / bunntekst:

Denne delen er den samme som ovenfor, men med forskjellige bakgrunnsområder å tilpasse.

Border Options:

Herfra kan du tilpasse grensesnittet til hovedoppsettet.

Active Widget Områder:

I denne delen finner du mange forskjellige steder der du kan aktivere Widget-områder. For denne opplæringen, fortsett og merk av i boksen ved siden av "Etteroverskrift" for å aktivere området Etterhoved Widget.

Merk: Du trenger ikke å justere Widget-området Justering eller Bredde.

Mal tilpasset CSS:

I denne seksjonen finner du forhåndsbefolket CSS-innhold som gir deg et forsprang i å få mer spesifikk med din maltilpasning. Du kan legge til noe CSS i dette området, og det vil overstyre alle andre stiler for denne malen.

For denne opplæringen la vi legge til en ramme rundt sidefeltet. Rull ned til du finner denne CSS:

# Impact-sidebar-wrap {}

Deretter legger du til følgende CSS-kode for å legge til en 3 Pixel Solid Grey Border rundt sidebarområdet:

border: 3px solid # 666;

Du bør se at grensen vises i forhåndsvisningsvinduet når du legger til CSS-koden.

Merk: Hvis du limer inn CSS-kode (som tilordnet å skrive det i deg selv), kan det hende du må treffe mellomromstasten for å få endringene til å tre i kraft i forhåndsvisningsvinduet.

Lagrer din mal

Nå som vi har tilpasset vår mal, er det på tide å lagre det.

Gå til delen "Lagre mal som", skriv inn første mal i tekstfeltet "Mal ID", og klikk deretter på "Lagre mal" -knappen:

Impact Hooks

Nå som vi har opprettet grunnleggende rammeverket for vår tilpassede sidemal, kan vi klikke på administrasjonssiden "Impact Hooks" i WordPress Sidebar hvor du finner enda flere måter å legge til innhold på malen.

For denne opplæringen kommer vi til å legge til et opphavsrett til vår malens bunntekstområde ved hjelp av en Impact Hook. I den store boksen med tittelen "Skriv inn egendefinert HTML, JavaScript og Tekst her" legger du til følgende tekst:

Copyright © 2010 Impact Page Builder

I ovennevnte boks med tittelen "Save Hook Box" velger du "first template" i den første rullegardinmenyen og in_footer i den andre rullegardinmenyen. Klikk nå "Save Hook Box" for å lagre innhold og plassering.

Tilpasset navigasjonsmeny

WordPress gir en kraftig tilpasset navigasjonsmeny-funksjon. Det er denne funksjonen du vil bruke til å legge til Navigasjonsmenyer til Impact Page Templates. Så la oss lage en meny nå, slik at vi kan legge den til i din mal.

Under delen "Utseende" i venstre sidefelt klikker du på "Menyer".

I feltet "Menynavn" der det står "Skriv inn menynavn her", skriv inn "Første nav" og klikk deretter "Opprett meny" -knappen.

Til venstre ser du at du kan legge til forskjellige typer sider til din tilpassede Nav-meny. I «Sider» -delen klikker du på «Vis alle», og velg deretter "Hjem" og "Om". Klikk nå på "Legg til i menyen" -knappen for å legge til disse sidene i din egendefinerte meny.

Deretter skriver du under "Custom Links" i //impactpagebuilder.com i URL-feltet og "Impact" i feltet "Label". Klikk nå på "Add to Menu" -knappen.

Når du har lagt til sider i den egendefinerte menyen, klikker du på "Lagre meny" -knappen til høyre.

Legg til en tilpasset meny-widget:

Nå som vi har opprettet en egendefinert meny, må vi legge den til i vår mal.

Klikk på "Widgets" under "Utseende" -delen i venstre sidefelt.

Mens i utsnittet »Widgets-seksjonen, la oss gå videre og legge til en Widget i malens Sidebar Widget-område. Finn "Widget-området" førstemaler sidebjelke. Finn nå "Kalender" -grensesnittet under "Tilgjengelige widgets" og dra den til dette sidebarutvidelsesområdet og klikk deretter på "Lagre" -knappen.

Tilordne en innvirkningsmal på en side eller post

Du kan bruke Impact Templates til begge innlegg og sider.

For denne opplæringen vil vi legge den til på en side. Så under «Sider» -delen i venstre sidefelt klikker du på «Legg til ny». Legg til sidenes tittel og innhold på siden som du ville noen annen WordPress-side, og rull ned siden til du kommer til "Alternativer for innvirkningsside".

Sett alternativet "Bruk effekt for denne siden?" Til "Ja" og velg Impact Template (dvs. første mal) fra rullegardinmenyen til høyre. Legg deretter til Sidetittel, Meta Beskrivelse og Meta Nøkkelord i alternativfeltene nedenfor.

Merk: Du kan til og med legge til sideoverskrifter og bunntekstskript hvis du trenger det.

Klikk nå på "Publiser" -knappen for å publisere WordPress / Impact-siden din.

På toppen bør du nå se et gult banner som sier "Side publisert. Se side ". Klikk på koblingen "Se side" for å se din Live Impact-side. Det skal se slik ut:

Gratulerer!

Du har nettopp opprettet din aller første Impact Custom Page Template og publisert den på WordPress-websiden din. Dette er bare ett eksempel.Himmelen er grensen din fordi du kan opprette som forskjellige utseende destinasjonssider som du vil ha med denne plugin. Så hovedtemaet ditt kan være en ting, og har 15 forskjellige destinasjonssider som kjører for å markedsføre 15 forskjellige produkter. Dette er en flott plugin for alle som er involvert i affiliate markedsføring. Få Impact Page Builder akkurat nå.

Impact har nettopp meldt oss at det er 20% rabatt tilgjengelig hvis du bruker kupongen "wpbeginner".

Se videoen: Hva er digital markedsføring og hvordan kan det hjelpe din bedrift?

Like this post? Please share to your friends:
Legg att eit svar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: