TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

10 tips for å tilpasse Astra -temaet

7

Astra er et av de mest populære temaene som er tilgjengelig i gratis WordPress -temaoppbevaring. Det er mer enn 1 million aktiv installasjon med nesten 5 -stjerners rangering fra 5K+ brukere. Du kan enkelt finne dette temaet under kategorien "Populær" når du prøver å installere et tema fra administrasjonspanelet. Hvis du bruker gratis Astra-tema med Pro-tillegg, er det noen tips for å tilpasse temaet og ta nettstedet ditt til neste nivå.

10 tips for å tilpasse Astra -temaet

Astra tilbyr de fleste tilpasninger gjennom "Utseende> Tilpass" -delen som ligner på andre standard WordPress -temaer. Imidlertid kan du lett gå deg vill med hundrevis av tilgjengelige alternativer. I tillegg er det også flere plugins og layoutendringer mulig med Astra -tema. Her vil vi liste ned de 10 beste tipsene for å tilpasse Astra -temaet.

10 tips for å tilpasse Astra -temaet

Astra gratis tema

1 Last ned sider fra forskjellige startmaler

Du vil vite at Astra tilbyr startmaler som en egen plugin. Du kan bruke denne pluginen til å installere en av de forhåndsdefinerte startmaler i stedet for å lage fra bunnen av. Men hvis du liker flere maler, er det enkelt å bare hente bestemte sider fra den demoen. For eksempel kan du hente "Kontakt" -siden fra en demo og "Om oss" -side fra en annen demo.

  • Etter at du har aktivert Astra Pro -plugin, vil du se et administrasjonsvarsel om pluginet og andre seksjoner for å bruke startmaler. Klikk på "Kom i gang" -knappen for å installere Starter Template -pluginet. Alternativt kan du søke og installere plugin -modulen fra WordPress plugin repository -delen.

10 tips for å tilpasse Astra -temaet

Installer Astra Starter Template Plugin

  • Når du ser demomalene, kan du se to alternativer.

10 tips for å tilpasse Astra -temaet

Importer enkeltsidemal i Astra

  • Du kan enten importere hele malen eller importere de valgte sidemalene. På denne måten kan du bare importere sidene du liker fra forskjellige demomaler.
  • Du vil se en melding om at eventuelle tilleggsprogrammer som kreves for sidemalene, blir installert når du importerer malen.
  • Hvis du fortsetter videre, importeres sidemalen, og du vil se en suksessmelding som nedenfor.

10 tips for å tilpasse Astra -temaet

Sidemalen er importert

  • På samme måte kan du velge forskjellige maler fra forskjellige demoer du vil importere til nettstedet ditt.

Merk: Vi anbefaler deg å velge maler for den samme sidebyggeren som Gutenberg eller Elementor. Dette vil hjelpe deg med å unngå å installere flere plugins på nettstedet ditt. Alle importerte sidemaler vil ha utkaststatus, du må redigere innholdet og publisere sidene.

2 Legg til Yoast SEO eller Rank Math Breadcrumb

I de fleste tilfeller bruker du Yoast SEO -plugin med Astra -tema for søkemotoroptimaliseringsformål. En av problemene med Yoast er at du manuelt har redigert temaets malfil (for det meste single.php eller header.php) for å sette inn brødsmulespor. Astra -temaet løser imidlertid dette problemet for deg ved å tilby dette alternativet i tilpasser. Gå til "Utseende> Tilpass" -delen og velg posisjonen for brødsmulingen under "Brødsmuler" -delen. Klikk på rullegardinmenyen "Breadcrumb Source" og velg alternativet "Yoast SEO Breadcrumbs".

10 tips for å tilpasse Astra -temaet

Sett inn Yoast eller Rank Math Breadcrumb

På samme måte kan du også velge Rank Math -pluginens brødsmulealternativ fra kildelisten hvis du bruker det pluginet. Dette er en enkel måte å gjøre bruk av eksisterende brødsmuler fra pluginet uten å redigere temafilen.

Relatert: GeneratePress premium mot Astra Pro – Hvilket tema er best for deg?

3 Sett inn etiketter nederst

De neste Astra -tematipsene er for de som ønsker å endre plasseringen av tagvisning på enkelte blogginnlegg. Som standard lar Astra -temaet deg sette inn metadetaljer for innlegg under tittelen. Du kan aktivere eller deaktivere metadetaljer som kategorier, tagger, publiseringsdato, forfatter og kommentarer.

10 tips for å tilpasse Astra -temaet

Etikettvisning i Astra

Mange WordPress -bloggere bruker flere koder for å gruppere innleggene. I dette tilfellet kan visning av alle tagger under innleggstittelen oppta plass og se overbelastet ut. Du kan enkelt flytte taggene under innholdet ved å sette inn koden nedenfor i filen functions.php. Sørg for å bruke Astra -barnetema og sett inn koden i barnetemaets funksjons.php -fil.

// removes the tags in meta below the title add_filter( 'astra_post_tags', 'remove_tags_callback' ); function remove_tags_callback(){ return ' '; } add_action('wp', 'tags_call_back'); function tags_call_back(){ if( is_single()) { add_action( 'astra_entry_bottom', 'add_tags_callback'); } } // display the tags with link at the respective action hook function add_tags_callback(){ $output = ''; $tags_list = get_the_tag_list( '', __( ', ', 'astra') ); if ($tags_list) { $output .= ''. $tags_list. ''; } if(! empty($tags_list)) { echo 'Tags: '. $output. ''; } }

4 Vis siste oppdaterte dato

Astra -temaet tilbyr et alternativ for å vise eller skjule publiseringsdato på blogginnleggene og arkivsidene. Imidlertid foretrekker mange bloggere å vise den siste oppdaterte datoen i stedet for den opprinnelige publiserte datoen som metadata. Deaktiver først alternativet for publisert dato og sett inn koden nedenfor i filen functions.php for å vise den siste oppdaterte datoen.

function your_prefix_post_date( $output) { $output = ''; $format = apply_filters( 'astra_post_date_format', '' ); $modified_date = esc_html( get_the_modified_date( $format) ); $modified_on = sprintf( esc_html( '%s' ), $modified_date ); $output .= ''; $output .= ' '. $modified_on. ''; $output .= ''; return $output; } add_filter( 'astra_post_date', 'your_prefix_post_date' );

Som standard lar WordPress deg bruke en enkelt sidefelt på hele nettstedet. Imidlertid er dette kanskje ikke brukstilfellet for alle nettstedseiere. Du kan ha helt forskjellige kategorier og ønsker å vise frem forskjellige sidefelt for hver kategori. Gå til delen "Utseende> Astra -alternativer" og bla ned til delen "Utvid Astra med gratis plugins".

10 tips for å tilpasse Astra -temaet

Sidepanel Manager Plugin

Klikk på koblingen "Aktiver" mot "Sidebar Manager". Dette installerer og aktiverer programtillegget på nettstedet ditt og navigerer til "Innstillinger" -siden i programtillegget. Her kan du opprette et nytt sidefelt og erstatte standard sidefelt. Klikk på rullegardinmenyen "Vis på" og velg "Spesifikke sider / innlegg / taksonomier, etc." alternativ. Velg deretter "Alle entallene fra kategorien din" for å vise sidefeltet bare for den aktuelle kategorien.

10 tips for å tilpasse Astra -temaet

Egendefinert sidefelt for spesifikke kategorier

6 Deaktiver innlasting av skrifttyper

Astra -temaet bruker en skriftfil for bruk på navigasjonsikonene. Denne filen kan skape problemer som forhåndsinnlasting av nøkkelforespørsler og kumulativt layoutskifte i Google PageSpeed ​​Insights -verktøyet. Du kan enkelt deaktivere skriftfilen på nettstedet ditt ved å legge til koden nedenfor i funksjonen.php -filen til barnetemaet ditt.

add_filter( 'astra_enable_default_fonts', '__return_false' );

7 WooCommerce hurtigbufring

Hvis du bruker WooCommerce, vil det i de fleste tilfeller ikke fungere responsivt med Astra -temaet når du bruker det med hurtigbufring -plugins som WP Rocket. Dette vil skape problemer på mobile enheter som produktet og butikksidene vil laste i likhet med skrivebordet. Du kan sjekke artikkelen vår om hvordan du ekskluderer WooCommerce -sider fra hurtigbufring for å sikre at butikksidene lastes riktig på mobiler.

8 Topp- og bunntekstbygger

Den siste pro addon har en vakker topptekst og bunntekstbygger. Du kan bruke disse alternativene til å bygge topp- og bunntekstoppsett etter behov. Etter å ha aktivert Pro -tillegg, navigerer du til "Utseende> Tilpass" -delen og begynner å bygge topp- og bunntekstbyggerseksjoner.

10 tips for å tilpasse Astra -temaet

Astra Theme Header Builder

I tillegg kan du også aktivere alternativet "Sideoverskrifter" under "Utseende> Astra -alternativer". Dette vil hjelpe deg med å bygge individuelle eller sideomfattende overskrifter under "" Utseende> Astra -alternativer> Sideoverskrifter> Legg til nytt ".

10 tips for å tilpasse Astra -temaet

Sideoverskriftsbygger i Astra

9 Bruk Hooks Plugin for å sette inn kode

De neste Astra -tematipsene er for de som er interessert i å sette inn kodebiter på nettstedet deres. Pro -temabrukere kan bruke alternativet Custom Layout til å sette inn Google Analytics og annen layoutinnsetting. Hvis du er gratis tema -brukere, må du installere Astra Hooks -plugins for å sette inn kode i topp- og bunntekst -delen.

10 tips for å tilpasse Astra -temaet

Astra Hooks Plugin

Etter å ha installert og aktivert "Astra Hooks" -tillegget, vil det automatisk legge til tilleggsalternativer i WordPress -tilpasningsdelen under "Kroker" -delen. Du kan sette inn koder for hele siden i topptekst, bunntekst, sidefelt, kommentar eller innholdsområde.

10 tips for å tilpasse Astra -temaet

Bruke Astra kroker

Relatert: Topp 7 WordPress -porteføljetemaer.

10 Bruk egendefinert layout til å sette inn seksjoner

Pro -brukere kan bruke egendefinert layoutfunksjon for å sette inn HTML- og skriptinnhold hvor som helst på nettstedet uten Astra Hooks -plugin. Etter at du har aktivert alternativet "Tilpassede oppsett", kan du opprette layoutdel og sette inn basert på regler. Du kan sette inn Google Analytics -kode ved hjelp av wp_head action. Sørg for å klikke på "WordPress Code Editor" -knappen på den øverste administrasjonslinjen når du setter inn koder. Dette vil hjelpe deg med å bruke riktige enkle og doble anførselstegn i koden din.

I tillegg kan du sette inn egendefinerte seksjoner på et hvilket som helst innlegg eller en side med etter et bestemt antall blokker eller før et bestemt antall overskriftsblokker. Dette er nyttig for å sette inn annonse- eller tilknyttede bannere på forhåndsdefinert posisjon på nettstedets layout.

10 tips for å tilpasse Astra -temaet

Lag tilpasset oppsett i Astra -tema

Siste ord

Det fine med Astra -temaet er at det legger til mindre enn 50 KB størrelse når du laster det inn i nettleseren. Det betyr imidlertid ikke at du trenger å leve med et enkelt minimalistisk WordPress -nettsted. Du kan bruke kroker eller tilpassede oppsett og importere startmaler for å bygge vakre nettsteder som alle andre kommersielle WordPress -temaer.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon