Introduktion till Genesis Framework

Det finns många WordPress-ramar där ute. De flesta av dem betalas och några överraskande är fria som Hybrid eller Tematisk. De flesta WordPress-användare som använder ramverk använder antingen Avhandling eller Genesis. "Varför använda en ram?", Kan man fråga. Det är på grund av dess enkelhet och enkelhet. Även om det är svårt att byta till ett ramverk, och att lära sig det i början kan det vara ganska svårt, det kommer definitivt att löna sig på lång sikt.

Det kan finnas många anledningar till att välja att använda en ram över ett vanligt WordPress-tema. Vissa av dem kan vara:

  • Ren och semantisk kod
  • Mer kontroll över utseendet på din webbplats
  • Bättre SEO alternativ
  • Många teman att välja från
  • Alternativ att skapa egna barnteman, (Mer om barntema på en minut!)
  • Anpassade widgets och designlayout
  • Och ja snabb kundservice

Jag kanske har missat några, men det är ganska mycket de som behövde nämnas.


Vad är barnteman?

I enkla ord är Genesis ramverket precis som en bildram som hänger på en vägg. Den här rammen är tom och du behöver en bild så att tittarna kan se den. Den här bilden är barntemat och tittarna är dina dagliga besökare på webbplatsen. Det finns många organisationer som ger dig anpassade barnteman. Barntema har egna kaskad stilark och du kan enkelt redigera dem. Barntemat har också a functions.php fil, där du kan lägga till din egen anpassade kod och få den att fungera som du vill. Barntemat innehåller faktiskt tre filer och resten av filerna finns i föräldrarnas tema.


Varför använd en ram?

Svaret är enkelt, när du börjar använda ramverket blir du van vid det på nolltid. Du kan göra egna ändringar i ett existerande tema som följde med det, eller du kan bygga dig själv det drömtema som du alltid velat.


Vilken En: Avhandling eller Genesis?

Genesis är byggt för Designers och Thesis är byggt för programmerare

Att välja mellan dessa två toppskärmsramar i WordPress-familjen är ganska svårt. När du väljer mellan dem kanske du måste överväga dina alternativ. De kan variera från person till person. Vissa människor vill ha en mycket enkel och minimalistisk design och vissa kan tyckas vara helt motsatta. När man väljer mellan dessa två ramar kan design vara en viktig faktor. Genesis ger mer designalternativ jämfört med avhandlingen, men barnets teman av Genesis är mindre i kvantitet jämfört med de av avhandlingen. Det finns många barnteman tillgängliga för avhandling på internet, både gratis och betalt. För att kunna använda hela konstruktionskapaciteten i Genesis Framework måste man vara villig att få sina händer smutsiga med krokar och kortkoder. Vissa människor säger också att Genesis är byggt för Designers och Thesis är byggt för programmerare.


Designa alternativ

Design spelar en mycket viktig roll i vårt liv. Det är ett mycket viktigt element i naturen och om du tittar runt på ditt rum, kommer det att få en bestämd reflektion av vem du är. Om du tittar på utformningen av hela Envato-nätverket kommer du att få idén. Integrerande design på webbplatser blir allt viktigare idag. Användare brukar spendera mer och mer tid på webbplatser som har nya och innovativa mönster. När det gäller att designa dina webbplatser, ger Genesis sina användare många alternativ. Det finns premade barnteman som du kan redigera. Många layoutalternativ ingår också. Du kan också ändra typsnittet genom att lägga till Google Fonts och så mycket mer.


Genesis Hooks

Varje ramverk kommer med sin egen uppsättning krokar, som låter dig ta kontroll över designens övergripande utseende och känsla. Dessa krokar ger användaren ett komplett kommando även om mindre detaljer. Plus du kan ändra det när du vill och det också, mycket enkelt. Så du betalar för det i början och det sparar tid och arbete på lång sikt. Ser ut som en bra affär till mig!

Det ger dig bra funktionalitet; Du kan lägga till och ta bort många widgets. Dina anpassade widgets fungerar också på samma sätt med ramverket som om med någon annan design. Du kan krydda sidofältet med sociala medier dela knappar, ett twitter plugin och mycket mer.


Sök optimerad

Ramverket är snyggt byggt med tanke på SEO. Koden är semantisk och du behöver aldrig någon SEO-plugin som Yoast eller All-in-One. Enligt StudioPress har de samarbetat med Greg Boser som är en partner och SVP av sökmarknadscentralen BlueGlass Interactive.

Alla alternativ relaterade till SEO är integrerade i ramen och du behöver absolut ingen plugin. SEO-alternativen ger även anpassade kanoniska webbadresser för inlägg och sidor. Det finns också ett alternativ för anpassad omdirigeringsadress och du kan använda det här för att omdirigera ditt tidigare inlägg till en webbadress du vill ha. En sak som jag gillade mest om sina SEO-alternativ var att det erbjuder anpassade sökord för varje artikel som du lägger ut på din webbplats. Det blir enkelt för dig att lägga till sökord för din artikel utan att behöva några ytterligare plugins. Så sökmotorerna kommer att ha en lättare tid att hitta artikeln baserat på de anpassade nyckelorden!


Vad du ska göra när du sitter fast vid någon punkt

Om du är som jag och kramar runt koden, är jag säker på att du kommer fastna någon gång eller någon annan. Det finns ingen anledning att panik eftersom det finns massor av artiklar och handledning om Genesis som hjälper dig. Och om det specifika problemet fortfarande finns kan du alltid gå till Support som tillhandahålls av StudioPress-teamet. De kommer säkert att ta bort eventuella fel som du kunde ha gjort när du grävde in i koden.

Det finns också några grundläggande handledning på StudioPress webbplats. De ger också videotutorials, som är bra och enkla att följa, och de kommer säkert att hjälpa dig att komma igång med ramen när du har köpt den. Det finns också många utvecklare som du kan hyra om du har extra mynt i fickan!


Ställa in Genesis på din WordPress Installation

Det är så enkelt som det kan vara. Extrahera uppkomst mapp på skrivbordet; nu har du en ny mapp som heter uppkomst.

Därefter loggar du in på ditt FTP-konto med din FTP-programvara. Jag använder FTP Zilla. Navigera till wp-content / teman och ladda upp uppkomst mapp du extraherade tidigare. När uppladdningen är klar lägger vi upp ett barntema för Genesis Framework. Du kan köpa barnteman från StudioPress hemsida eller du kan göra en själv. Barntemat fungerar i grunden som en kostym för vår hemsida. Vi kan ändra utseendet på vår hemsida genom att redigera vårt barntema.

Det är det ganska mycket. Du har just installerat ditt första WordPress-tema med hjälp av Genesis Framework.


Styling Din Genesis Med Responsive Childtheme

Istället för att bygga ditt eget barntema från början, kan du hämta ett exempel barntema från StudioPress hemsida. Den har all grundläggande kod där för att den ska se ut som en webbsida. De flesta av de förändringar du kommer att göra är att "styles.css" och den "functions.php"Filer. Det bästa med provbarns temat är att dess layout är lyhörd vilket är ganska sött med tanke på att det är gratis.


Utforma dig själv ett barntema

Det första steget är att utforma dig själv ett barntema i Photoshop eller Gimp. Jag ska göra det gamla WordPress Kubrick-temat för denna handledning som ett exempel. Anledningen till att jag använder Kubrick-temat är att det är enkelt och enkelt att följa. Du kan också designa din egen webbplats i Photoshop och konvertera den till ett barntema för Genesis.


Utforma rubriken

Vi kommer att arbeta oss med att ändra bakgrundsfärgen på webbplatsen först. I bildfilen kan du se att bakgrunden är gråskalig. Så vi lägger till några styling i CSS-filen i temat Sample Child. Se till att du redigerar filen i provbarnstemat och inte i Genesis Framework. Nu lägger vi till följande kod i vår styles.css fil och spara den.

 kropp färg: # d5d6d7; 

Kom ihåg att barntemaet har sin egen styling redan där. Allt du behöver göra är att hitta rätt div eller klass och lägga till styling till den.

På samma sätt stilisera huvudet på din webbplats. Jag lägger till CSS-koden för styling av rubriken och gör texten centrerad med följande kod.

 #wrap box-shadow: 0 0 5px # 999999; marginal: 15px auto; vaddering: 0; bredd: 960px;  #header background: none repeat scroll 0 0 #FFFFFF; gränslinjen: 5px 5px 0 0; marginal: 0 auto; minhöjd: 140px; vaddering: 10px 10px 0;  # title-area background: none repeat scroll 0 0 # 73A0C5; gränsstråle: 5px 5px 5px 5px; flyta till vänster; överflöde: gömd; vaddering: 30px 0; text-align: center; 

Typografi

Nu ska vi flytta vårt fokus för att göra den allmänna typografi på webbplatsen. För att titeln ska visas i en vit färg hittar vi div av "title" och hex-koden för vit färg. På samma sätt lägger vi vit färg till div av "beskrivning".

 #title a, #title a: svävar färg: #FFF; vaddering: 0 0 0 20px; text-dekoration: ingen;  #description color: #FFF; typsnittstorlek: 14px; vaddering: 0 0 0 20px; 

Jag gillar typografi av provbarns temat, så jag lämnar det som det är. Det bästa med Genesis är att det använder Google Fonts. Detta gör det enklare för dig att inkludera olika stilar på din webbplats, precis som du gillar det. Google-teckensnitt är gratis och du kan använda temat på din webbplats. Du kan läsa mer om hur du använder Google-teckensnitt här.


Navigering och Sidofält

Du kan konfigurera Navigation för att dyka upp i temainställningarna i Genesis. Bläddra ner till Navigationsinställningar och välj den som passar dina behov. Innan du kan lägga till en navigeringsfält måste du skapa en "Ny Meny" från fliken "Utseende". Lägg till en ny meny och skapa nya länkar för dina sidor eller kategorier i den nyskapade menyn. Eftersom det inte finns någon meny i det här exemplet väljer vi att inte visa Primärnavigering.

Sidospår styling är mycket lättare och kräver ingen kodning eller kanske bara lite, beroende på dina behov. Om du vill lägga till olika element i sidofältet går du till Widgets-området från Dashboard och lägger till en sökruta. Du kan också lägga till nya inlägg, kategorier och andra widgets enligt ditt val.

Även om provbarnsteman har bättre styling än den i den ursprungliga designen handlar det om personlig åsikt. För styling kan du ta bort de nedre gränserna och göra storleken på tecknet litet i widgets CSS vilket gör att det ser ut som det ursprungliga designen.


Final Touches

För de sista detaljerna lägger vi till några anpassningar till temat. För detta ska vi redigera rubriken på styles.css. Även om det är tänkt att vara det första som ska göras när man bygger ett tema, men för en og samma anledning brukar jag göra det sist.

Därefter ändrar vi sidfoten som fortfarande visar "Sample Child Theme". För att redigera det, öppna ditt barntema functions.php och lägg till följande kod längst ner.

 / ** Anpassa krediterna * / add_filter ('genesis_footer_creds_text', 'custom_footer_creds_text'); funktion custom_footer_creds_text () $ creds = '

'; $ creds. = 'Copyright ©'; $ creds. = datum ('Y'); $ creds. = ' · Kubrik Genesis · Byggd på Genesis Framework '; $ creds. = '

'; returnera $ creds;

Ändra mywebsite.com till din önskade. Hit spara och ladda upp det till servern och uppdatera din webbplats. Dina inställningar kommer att ske omedelbart.


Slutsats

Temesalternativen i Genesis faller något i jämförelse med avhandlingens. Också om det var en sitemapgenerator inbyggd i Genesis skulle det ha varit bra. Men jag antar att du aldrig förvärvar något som är komplett i alla aspekter. Det finns inget behov av att köpa en extra utvecklarlicens för att använda Genesis på mer än en webbplats, så du slutar spara pengar. Bortsett från det är säkerheten och stödet båda översta.

För att designa din webbplats verkar det enkelt och okomplicerat. Ändringarna är vanligtvis mycket enkla att göra. Du får ett lyhörd tema där du kan göra ändringar beroende på din smak. Du får använda tusentals Google-teckensnitt för din webbplats. Du kan göra din webbplats så färgstark du gillar. Det finns också några häftiga teman från StudioPress med lite konstnärlig smak. Du får bra och kraftfulla SEO-alternativ för din webbplats. För mig är det ett ganska bra avrundat erbjudande. Så det är en bra ram och du kan lära dig det på en mycket kort tid. Hur har du hittat Genesis? Låt oss veta i kommentarerna nedan.