Lägga till en om författarens ruta till dina WordPress-inlägg

Digitaltidningar har blivit en populärvara för dagens webbanvändare. Med WordPress driva miljontals bloggar på webben idag är det rättvist att anta att de kör en stabil mjukvara. Några av de bästa funktionerna är alla interna, eftersom WP-laget publicerar live, uppdaterad dokumentation med varje utgåva.

Inte bara är programvaran mycket kraftfull men de underliggande klasserna och funktionerna ger utvecklare ett all-access-pass. Det är extremt enkelt att utveckla appar och moduler inom WordPress. Idag ska vi titta på författare meta data funktioner för att bygga en? Om författaren? låda.

Mot slutet av enskilda postsidor kan du ofta se en ruta som förklarar lite om författaren. Detta kommer i allmänhet att inkludera deras Gravatar eller någon form av foto, en beskrivning om dem, och eventuellt länkar till deras profiler eller personliga hemsida.

Om det verkar svårt kolla in några av WordPress dokumentation på malltaggar. Dessa inkluderar mycket av vad som kan täckas i detta projekt och mycket mer. WP-communityen driver också ett mycket trevligt forum för djupsystemfrågor.

WordPress Architecture

Det finns något som refereras i hela WordPress-koden med titeln The Loop. Det här är en sektion där metafunktioner kan ringas utifrån en enda artikel för att dra ner specifik information från databasen. Enligt vårt exempel kan vi ringa funktioner för att dra ut författardata från ett enda inlägg i The Loop.

Mest särskilt bör detta ske i din mallmapp. För lat kan det vara enklare att redigera enskilda filer genom att lägga till kod du behöver. Till exempel WP-temat single.php filen innehåller allmänt all kod som ska analyseras på en enskild inläggs sida. Det kan hända att du lättare kan dra data medan du är inne i Loop och lägg till HTML-kod här.

Alternativt kan en säkrare metod vara att lägga till en ny fil i din temakatalog och inkludera den när du vill att din författarbox ska visas. Detta möjliggör större kontroll avseende rörliga termer och mallfiler. Detta sparar också tid och energi för att inte gå tillbaka och återuppfinna hjulet.

WP Template Code

Det finns inte många funktioner vi ska använda, men många kan vara nya för WP-amatörer. Nedan är några exempel som du bör bekanta dig med. Mycket av vad vi ska täcka fungerar inom WordPress-biblioteket med bara några nyckelidéer - ingenting som inte kan läras med några timmars studie.

Författarfunktionen drar data från slingan för att visa författarens namn. Detta kan ändras i WordPress-backend på någon profilens profilinställningar. Du kan ställa in det här värdet till För- / Efternamn, användarnamn eller till och med en anpassad uppsättning.

För att göra denna process enklare har WordPress släppt ett helt funktionsbibliotek för the_author_meta (). Denna ersättning tar in argument som kan dra några författardata från databasen på begäran. Du kan kolla siddokumentationen om du vill undersöka mer om ämnet.

Vad som är fascinerande om denna funktion är hur mycket information som faktiskt kan erhållas. Som standard accepterar funktionen två argument: vilken typ av data du behöver och användarnamnet att dra. ID är en valfri parameter som endast krävs i fall utanför Loop. Möjliga värden att dra inkluderar användare_login, user_email, user_url, smeknamn, beskrivning (bio), jabber / aim / yim, och så mycket mer!

Vad många inte anser här är hur mycket potentiell information som kan delas. WordPress möjliggör för administratörer att redigera författarprofilsidor för att lägga till i anpassade avatarer, bios och till och med hemsida länkar. Dessa kan sedan dras från databasen och användas som marknadsföringsinformation för varje författare.

Med bara dessa funktioner kan vi visa alla uppsatta data vi behöver. Det enda som kvarstår är att lägga till vårt exempel HTML och CSS-kod och publicera filen!

Cordial Författare Box Styles

CSS är ett viktigt språk i vårt projektområde, som är en webbapplikation. Vi måste definiera specifika uppsättningar av stilar och visningsfall för att integrera för alla större webbläsare, övervakningsupplösningar och andra dolda variabler. Som webbutvecklare är det vårt jobb att studera och arbeta över dessa klimat.

Den enkla klassen .aboutauthor bör appliceras på din täckbox. Vi har lagt till en ljus bakgrundsfärg med en solid kant och extra vaddering. Vår img-tagg visas också flytande vänster med extra stoppning. Detta kommer att hålla vår författares avatar i linje med innehållet i rutan.

Vidare har vi två klasser som visar hur vi behöver våra inre data att utföra. .span-2 är en klass innehas där vårt huvudinnehåll kommer att hittas. Inuti här har vi tagit bort alla extra marginaler / vadderingar för att hålla avståndet neutralt, tillsammans med omarrangering av boxmodellen för vänsterjustering. Den här koden skulle bäst passa in i din malls style.css-fil, även om den kan läggas in ihop med ditt blockelement.

HTML-koden är mycket kort och liknande enligt nedan. Här har vi lagt till några extra funktioner som kan förklaras mycket snabbt.

Vi ringer en funktion get_avatar () som tar en uppsättning parametrar. De två vi har passerat ovan är den aktuella författarens e-postadress som är den unika identifieraren för en databasfråga. Detta kan motsvara användarens ID också.Vi skickar också in 64 som ett strängvärde - det här representerar storleken på den bild vi vill ha återvänt kvadrerad i bredd och höjd.

the_author_posts () är en annan ganska enkel funktion som drar det totala antalet artiklar en författare har publicerat. Det här är mer av ett tillägg eftersom jag inte ser många bloggar som kör den här informationen. Vanligtvis är det dock användbart ur användarnas perspektiv, eftersom det ger mer information om den aktuella författaren och djupare inblick i deras interaktion med själva bloggen.

Dessa är bara några av de grundläggande teknikerna för att bygga ett enkelt WordPress-författarblock. Härifrån är det väldigt enkelt att spara en ny fil, låt oss säga författare-box.php till din temanmapp och ladda upp i din rotkatalog. Därifrån kan en enkel PHP inkludera lägga till all din kod direkt i någon källa automatiskt.

Om det fortfarande är lite luddigt, kolla in exemplet ovan. Detta skulle vara det mest direkta sättet att inkludera din fil och upprätthålla säkerheten i dina handlingar. Här ringer vi på get_bloginfo () funktion för att dra hela vår mall katalogstruktur ut först, följt av vår enda datafil. Var noga med att byta namn på den här filen till vad som passar ditt tema bäst och bli inte förvirrad mellan funktionssamtal!

Slutsats

Förhoppningsvis har denna handledning gett dig en utgångspunkt för referens i WordPress-utveckling. Bloggar är alltför vanliga i dagens webbsida, men att lägga till en författarbox ger dina online-artiklar lite flare. De ger också incitament för författarna att posta oftare och bygga upp en liten portfölj av sina skrivningar. Många av de mest populära tidningarna på nätet innehåller nu detaljerad information och profillänkar från sina artikelskrivare.

Om du vill experimentera med dessa funktioner utan att krossa i PHP eller HTML / CSS, finns det några alternativ. WordPress plugins-systemet är ett sådant scenario som fungerar perfekt. Jag rekommenderar programmet Cool Author Box, som automatiskt lägger till författarinfo och stöder gravatar ikoner. Har du några förslag eller tips för att bygga unika författarfält i WordPress? Dela dina idéer i diskussionen nedan.