Slik legger du til ansattes medlems profilsider i WordPress

Visning av folkene bak ditt nettsted er en fin måte å tjene kundetroen på. Tidligere viste vi deg hvordan du lager en enkel stabliste i WordPress. Noen av våre brukere ønsket å utvide deres stablister ved å legge til linker ved siden av den enkelte medarbeider som ledet til profilens sider. I denne artikkelen vil vi vise deg hvordan du legger til ansattes profilsider i WordPress.

Merk: Denne opplæringen krever litt grunnleggende kunnskap om WordPress-temaer, og HTML / CSS. Vær også oppmerksom på at siden vi skal redigere temafiler, anbefales det at du i hvert fall sikkerhetskopierer temafilene dine før du endrer dem.

Første du må gjøre er å installere og aktivere pluginet for enkel stabsliste. Legg til dine ansatte ved å besøke Medarbeidermedlemmer »Legg til nytt. For mer instruksjoner om hvordan du legger til medarbeiderne, se denne opplæringen.

Når du har lagt til dine medarbeider, kan du vise dem ved å opprette en ny WordPress-side og legge til denne kortnummeret:

[Enkel-ansatte-liste]

Hittil har vi opprettet en enkel liste med ansatte, oppført med alle ansatte.

Neste del er å opprette en enkelt side for hver medarbeider for å vise sine komplette profiler.

Den enkle stablister plugin oppretter en tilpasset posttype kalt betjeningen å lagre medarbeiderprofiler. Ved å plassere kortnummeret på en side, har vi gjort den siden til en egendefinert posttype arkivside for innlegget til medarbeiderne.

I WordPress får hvert innlegg sin egen enkelt side, uansett hvilken posttype den er lagret i. Som standard viser plugin ikke den enkelte siden. I de neste trinnene vil vi endre vårt WordPress-tema for å vise den enkelte medarbeider siden.

Først må du gå til Medarbeidermedlemmer »Maler. Erstatt malen du ser under Personale Loop Template med denne koden:

 [Staff_loop]     [staff-name-formatted] [personal-posisjon-formatert] [personal-bio-formatert] [staff-email-link] [/ staff_loop] 

Ikke glem å erstatte example.com med ditt eget domenenavn.

Åpne nå listen over ansatte, og du vil se at personalsprofiler og bilder blir knyttet til deres individuelle profilsider. Men å klikke på disse sidene vil bare vise deg en side med medarbeiderens navn på den.

Legge til et profilmedlem for medarbeiderprofil i ditt WordPress-tema

For å vise din eneste medarbeider, må du opprette en mal i WordPress-temaet for å håndtere medarbeiderens posttype. Begynn med å opprette en ny fil i WordPress-temakatalogen (wp-innhold / temaer / ditt navn /).

Navn denne filen single-ansatte-member.php. Bruk egendefinert innleggstype med ordet enkelt, Vi har opprettet en enkelt innleggsmal for personlig tilpasset posttype.

Denne medarbeidermalen er fortsatt tom, så vi kan fylle den. Åpne temaet ditt single.php fil og kopi lim inn innholdet i single-staff-member.php mal.

Et problem som du vil komme over når du kopierer innholdet i din single.php filen er at noen temaer kan bruke innholdsmalen i single.php-filen. For eksempel bruker standard Twenty Thirteen-tema innholdsmaler i single.php-filen som dette:

Hvis temaet ditt bruker maldeler, må du åpne malfilen (content.php) og kopiere lim inn innholdet i filen single-staff-member.php, erstatte get_template_part-linjen.

På dette tidspunktet vil filen single-staff-member.php være nøyaktig den samme som din single.php-fil. Nå må vi forberede det, slik at det kan vise feltene fra medarbeiderne.

Her er vår single-ansatte-member.php fil, den er basert på Twenty Thirteen single.php-fil. Først ta en titt på koden.

 ';  else $ t_photo_url = "; $ t_photo =";  $ email_mailto = '' .antispambot ($ email). ''; ?> 
            
Facebook | Twitter
      

I den første delen av koden rett etter at du har lagt inn overskriften, har vi samlet data fra vårt tilpassede innlegg i variabler. Så inne i løkken har vi brukt disse variablene til å vise felt fra den tilpassede posttypen.

Det er alt. Du må kanskje justere utseendet til profilens sider ved hjelp av CSS. Vi har brukt denne CSS til å passe medarbeiderens bio rundt bildet.

 img.staff-member-page-photo float: left; margin: 5 px;  

Vi håper denne artikkelen hjalp deg med å legge til profilsider for medarbeider i WordPress. Du er velkommen til å leke med maler for å få ønsket resultat.

Hvis du likte denne artikkelen, abonnerer du på vår YouTube-kanal for flere WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Google+.