Slik legger du til en tilpasset forfatterprofilside til WordPress

Vil du legge til en tilpasset forfatterprofilside til WordPress-nettstedet ditt? Mange WordPress-temaer har begrenset informasjon om forfatterprofiler på forfatterarkivsiden. I denne artikkelen vil vi vise deg hvordan du oppretter en tilpasset forfatterprofilside i WordPress.


Legge til en tilpasset forfatterprofilside i WordPress

Metode 1. Legg til tilpasset forfatterprofilside i WordPress med WP User Manager

Denne metoden anbefales for alle brukere. Det er enkelt å konfigurere og har flere funksjoner.

Det første du trenger å gjøre er å installere og aktivere WP User Manager-plugin. For mer informasjon, se vår trinnvise guide for hvordan du installerer en WordPress-plugin.

Ved aktivering må du besøke Brukere »WPUM-innstillinger side for å konfigurere plugin-innstillingene.

WP User Manager-innstillingssiden

Plugin-en vil automatisk opprette forskjellige sider som kan brukes som tilpasset pålogging, tilpasset brukerregistrering, glemt passord, konto og profilsider.

WP User Manager er et kraftig plugin og kommer med mange alternativer. Du må gjennomgå dem nøye og slå av funksjonene du ikke vil bruke.

Deretter må du klikke på fanen ‘Profiler’ for å konfigurere brukerprofilinnstillinger.

Innstillinger for brukerprofilside

Her kan du aktivere profilsidealternativet for gjester, noe som betyr at hvem som helst kan se brukerprofiler. Du kan også la medlemmene se hverandres profiler. Hvis du fjerner merket for dette alternativet, vil brukerne bare kunne se sine egne profilsider.

Du kan også tillate brukere å laste opp tilpasset profilbilde og vise de nyeste artiklene sine samt kommentarer på profilsiden.

Ikke glem å klikke på Lagre endring-knappen for å lagre innstillingene dine.

Deretter må du velge SEO-vennlige URL-adresser eller permalinks for forfatterprofilsidene. Du kan gjøre dette ved å besøke Innstillinger »Permalinks og bla ned til delen “Brukerprofilpermalinkbase”.

Velg en URL-struktur for brukerprofilsider

Plugin-en tilbyr deg å bruke bruker-ID, brukernavn eller kallenavn i nettadressen. Både kallenavn og brukernavn er mer SEO-vennlige alternativer enn bruker-ID. Klikk for å velge en av dem, og klikk deretter på lagre endringsknappen for å lagre permalink-innstillingene.

Dine tilpassede forfatterprofilsider er nesten klare. Nå trenger vi bare å la brukere enkelt finne profilsidene sine på nettstedet ditt.

Gå over til Utseende »Widgets side og legg til [WPUM] -påloggingsformularwidget til en sidefelt.

Legg til brukerpålogging og profilkoblingswidget til sidefeltet

Du kan nå besøke nettstedet ditt for å se forfatterprofilsiden i aksjon. Som en pålogget bruker vil du se din egen kontoinformasjon i sidefelt-widgeten. Hvis du klikker på brukernavnet, kommer du til forfatterprofilsiden din.

Forfatterprofilside

Sidefelt-widgeten vil vise et påloggingsskjema til utloggede brukere. Hvis du lar brukere registrere seg på nettstedet ditt, vil skjemaet også inneholde en lenke for å registrere seg.

Plugin-en vil også endre forfatterkoblinger på nettstedet ditt og peke dem til forfatterprofilsiden i stedet for standardforfatterens arkivsider.

Endre utseende på forfatterprofilsider

Hvis du bare vil endre farger eller grenser, kan du gjøre det ved å legge til tilpasset CSS.

Imidlertid, hvis du vil endre oppsettet og rekkefølgen på ting, må du redigere programtilleggets malfiler. WP User Manager har støtte for tilpassede maler, noe som betyr at du kan lage dine egne maler i det nåværende temaet for plugin som skal brukes.

Først må du koble til nettstedet ditt ved hjelp av en FTP-klient og gå til / wp-content / plugins / wp-user-manager / maler / mappe. Last ned alle filene du ser der til datamaskinen din.

Deretter må du gå til din nåværende temamappe og opprette en ny mappe “wpum” inni den. Last opp filene du lastet ned tidligere, til wpum-mappen.

Nå kan du redigere disse filene for å tilpasse utseendet til profilsidene dine etter behov.

Metode 2. Lag en tilpasset forfatterprofilside manuelt i ditt tema

Denne metoden krever at du redigerer WordPress-temaet eller temaene dine for barn. Hvis du ikke har gjort dette før, kan du se guiden vår for hvordan du kopierer og limer inn kode i WordPress.

Først må du koble til nettstedet ditt ved hjelp av en FTP-klient og gå til / wp-content / temas / din-nåværende-tema / mappe.

Inne i din nåværende temamappe, må du opprette en author.php-fil. Etter det må du kopiere innholdet i archive.php-filen og lime dem inn i den nye author.php-malen.

Hvis temaet allerede har en author.php-fil, kan du også redigere det.

Målet ditt her er å få forfatterens profilinformasjon og deretter vise den. Du må bestemme hvor du vil begynne å redigere. Vanligvis kan du redigere hva som helst mellom get_header (); og få_sidebar () linjer.

<?php
// Angi gjeldende forfattervariabel $ curauth
$ curauth = (isset ($ _ GET [‘author_name’]))? get_user_by (‘slug’, $ author_name): get_userdata (intval ($ author));
?>

Om: <?php ekko $ curauth->kallenavn; ?>

<?php echo get_avatar ($ curauth->user_email, ’90 ‘); ?>

nettside: USER_URL; ?>"><?php ekko $ curauth->USER_URL; ?>
Bio: <?php ekko $ curauth->USER_DESCRIPTION; ?>

Innlegg av <?php ekko $ curauth->kallenavn; ?>:

<?php if (have_posts ()): while (have_posts ()): the_post (); ?>

" rel ="bokmerke" title ="Permanent lenke: <?php the_title (); ?>">
<?php the_title (); ?>

Postet på: <?php the_time (‘d M Y’); ?>

<?php the_excerpt (); ?>

<?php imens;

// Navigering på forrige / neste side.
the_posts_pagination ();

ellers: ?>

<?php _e (‘Ingen innlegg av denne forfatteren.’); ?>

<?php endif; ?>

Denne koden legger bare til et forfatterprofilkort øverst på siden, og viser deretter nylige innlegg fra forfatteren.

Du kan gjerne tilpasse denne koden så mye du trenger. Du kan legge til flere brukerprofilfelt på nettstedet ditt, legge til forfatterens Twitter- og Facebook-profilkoblinger, vise kjente bilder for innlegg, og så videre.

Her er noen eksempler på CSS for å gi forfatterprofilkortet ditt et anstendig utseende. Du kan legge det til som tilpasset CSS i ditt tema og deretter endre det slik at det samsvarer med temafargene.

.forfatter-profil-kort {
bakgrunn: #eee;
grense: 1px solid #ccc;
polstring: 20px;
margin-bunn: 20px;
}
.forfatter-foto {
flyte: venstre;
tekstjustering: venstre;
polstring: 5px;
}

Slik så det ut på demo-nettstedet:

En tilpasset forfatterprofilside i WordPress

Vi håper denne artikkelen hjalp deg med å lære hvordan du legger til en tilpasset forfatterprofilside til ditt WordPress-nettsted. Det kan også være lurt å se vår ultimate trinnvise WordPress SEO-guide for nybegynnere.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me