TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

10 tips för att anpassa Astra -temat

13

Astra är ett av de mest populära teman som finns tillgängliga i gratis WordPress -temalager. Det finns mer än 1 miljon aktiv installation med nästan 5 stjärnklassificering från 5K+ användare. Du kan enkelt hitta det här temat under kategorin "Populärt" när du försöker installera ett tema från adminpanelen. Om du använder gratis Astra-tema med Pro-tillägg, här är några tips för att anpassa temat och ta din webbplats till nästa nivå.

10 tips för att anpassa Astra -temat

Astra erbjuder de flesta anpassningarna genom avsnittet "Utseende> Anpassa" liknande alla andra vanliga WordPress -teman. Men du kan lätt gå vilse med hundratals tillgängliga alternativ. Dessutom finns det också ytterligare plugins och layoutändringar möjliga med Astra -tema. Här listar vi de 10 bästa tipsen för att anpassa Astra -temat.

10 tips för att anpassa Astra -temat

Astra gratis tema

1 Ladda ner sidor från olika startmallar

Du kommer att veta att Astra erbjuder startmallar som ett separat plugin. Du kan använda detta plugin för att installera en av de fördefinierade startmallarna istället för att skapa från grunden. Men om du gillar flera mallar är det enkelt att bara hämta vissa sidor från den demoen. Till exempel kan du hämta "Kontakt" -sidan från en demo och "Om oss" -sida från en annan demo.

  • Efter att du har aktiverat Astra Pro -plugin kommer du att se ett administratörsmeddelande om plugin och andra avsnitt för att använda startmallar. Klicka på "Kom igång" -knappen för att installera plugin -programmet Startmall. Alternativt kan du söka och installera plugin -programmet från WordPress -plugin -arkivavsnittet.

10 tips för att anpassa Astra -temat

Installera Astra Starter Template Plugin

  • När du visar demomallarna kan du se två alternativ.

10 tips för att anpassa Astra -temat

Importera mall för en sida i Astra

  • Du kan antingen importera hela mallen eller importera de valda sidmallarna. På så sätt kan du importera endast de sidor du gillar från olika demomallar.
  • Du kommer att se en uppmaning som informerar om eventuella ytterligare plugins som krävs för sidmallarna kommer att installeras när du importerar mallen.
  • Om du fortsätter kommer sidan att importera sidmallen och du kommer att se ett framgångsmeddelande som nedan.

10 tips för att anpassa Astra -temat

Sidmallen har importerats

  • På samma sätt kan du välja olika mallar från olika demos som ska importeras till din webbplats.

Obs! Vi rekommenderar att du väljer mallar för samma sidbyggare som Gutenberg eller Elementor. Detta hjälper dig att undvika att installera flera plugins på din webbplats. Alla importerade sidmallar har utkaststatus, du måste redigera innehållet och publicera sidorna.

2 Lägg till Yoast SEO eller Rank Math Breadcrumb

I de flesta fall kommer du att använda Yoast SEO -plugin med Astra -tema för sökmotoroptimering. Ett av besvären med Yoast är att du manuellt har redigerat temans mallfil (mestadels single.php eller header.php) för att infoga breadcrumb trail. Astra -temat löser dock detta problem åt dig genom att erbjuda det här alternativet i anpassaren. Gå till avsnittet "Utseende> Anpassa" och välj positionen för din ströbröd under avsnittet "Brödsmul". Klicka på rullgardinsmenyn "Breadcrumb Source" och välj alternativet "Yoast SEO Breadcrumbs".

10 tips för att anpassa Astra -temat

Sätt in Yoast eller Rank Math Breadcrumb

På samma sätt kan du också välja Rank Math -pluginns brödsmulalternativ från källmenyn om du använder det insticksprogrammet. Detta är ett enkelt sätt att använda den befintliga brödsmulan från pluginprogrammet utan att redigera temafilen.

Relaterat: GeneratePress premium Vs Astra Pro – Vilket är det bästa temat för dig?

3 Sätt in etiketter längst ner

Nästa Astra -tematips är för dem som vill ändra platsen för taggvisning på enstaka blogginlägg. Som standard kan du använda Astra -tema för att infoga metadetaljer för posten under titeln. Du kan aktivera eller inaktivera metadetaljer som kategorier, taggar, publiceringsdatum, författare och kommentarer.

10 tips för att anpassa Astra -temat

Etikettvisning i Astra

Många WordPress -bloggare använder flera taggar för att gruppera inläggen. I det här fallet kan visning av alla taggar under inläggstiteln uppta utrymme och se trångt ut. Du kan enkelt flytta taggarna under innehållet genom att infoga koden nedan i din functions.php -fil. Se till att använda Astra -barns tema och infoga koden i ditt barns temas funktioner.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 Visa senast uppdaterat datum

Astra -tema erbjuder ett alternativ för att visa eller dölja publiceringsdatum på dina blogginlägg och arkivsidor. Många bloggare föredrar dock att visa det senast uppdaterade datumet istället för det ursprungliga publicerade datumet som metadata. Inaktivera först det publicerade datumalternativet och sätt in koden nedan i din functions.php -fil för att visa det senast uppdaterade datumet.

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 låter WordPress dig använda en enda sidofält på hela din webbplats. Detta kanske inte är användningsfallet för alla webbplatsägare. Du kan ha helt olika kategorier och vill visa olika sidofält för varje kategori. Gå till avsnittet "Utseende> Astra -alternativ" och rulla ner till avsnittet "Utöka Astra med gratis plugins".

10 tips för att anpassa Astra -temat

Plugin för sidofältshanterare

Klicka på länken "Aktivera" mot "Sidofältshanteraren". Detta kommer att installera och aktivera tillägget på din webbplats och navigera till sidan "Inställningar" i tillägget. Här kan du skapa ett nytt sidofält och ersätta ditt standardfält. Klicka på rullgardinsmenyn "Visa på" och välj "Specifika sidor / inlägg / taxonomier etc." alternativ. Välj sedan "Alla singulars från din kategori" för att bara visa sidofältet för just den kategorin.

10 tips för att anpassa Astra -temat

Anpassad sidofält för specifika kategorier

6 Inaktivera Font Icons File Loading

Astra -temat använder en teckensnittsfil för användning på navigeringsikonerna. Den här filen kan skapa problem som förinställningar av nyckelförfrågningar och kumulativt layoutskift i Google PageSpeed ​​Insights -verktyget. Du kan enkelt inaktivera teckensnittsfilen på din webbplats genom att lägga till koden nedan i ditt barns temas funktioner.php -fil.

add_filter( 'astra_enable_default_fonts', '__return_false' );

7 WooCommerce -cachning

Om du använder WooCommerce fungerar det i de flesta fall inte responsivt med Astra -tema när du använder det med cacheminne -plugins som WP Rocket. Detta kommer att skapa problem på mobila enheter som produkten och butikssidorna kommer att ladda ungefär som skrivbordet. Du kan kolla in vår artikel om hur du utesluter WooCommerce -sidor från cachning för att se till att dina butiksidor laddas ordentligt på mobiler.

8 Header och Footer Builder

Den senaste pro addon har en vacker sidhuvud och sidfot byggare. Du kan använda dessa alternativ för att bygga dina sidhuvud- och sidfotlayouter enligt dina behov. När du har aktiverat Pro -tillägget navigerar du till avsnittet "Utseende> Anpassa" och börjar bygga dina sidhuvud- och sidfotbyggarsektioner.

10 tips för att anpassa Astra -temat

Astra Theme Header Builder

Dessutom kan du också aktivera alternativet "Sidhuvud" under avsnittet "Utseende> Astra -alternativ". Detta hjälper dig att bygga enskilda sidor eller webbplatsbreddhuvuden under avsnittet "” Utseende> Astra -alternativ> Sidrubriker> Lägg till nytt “.

10 tips för att anpassa Astra -temat

Sidhuvudbyggare i Astra

9 Använd Hooks Plugin för att infoga kod

Nästa Astra -tematips är för dem som är intresserade av att infoga kodavsnitt på deras webbplats. Pro -temaanvändare kan använda anpassad layout för att infoga Google Analytics och annan layoutinsättning. Om du är gratis temanvändare måste du installera Astra Hooks -plugins för att infoga kod i rubrik och sidfot.

10 tips för att anpassa Astra -temat

Astra Hooks Plugin

Efter att du har installerat och aktiverat plugin "Astra Hooks", kommer det automatiskt att lägga till tilläggsalternativ i WordPress anpassningsavsnitt under avsnittet "Krokar". Du kan infoga webbplatsomfattande koder i sidhuvud, sidfot, sidofält, kommentar eller innehållsområde.

10 tips för att anpassa Astra -temat

Använda Astra krokar

Relaterat: Topp 7 WordPress -portföljteman.

10 Använd anpassad layout för att infoga sektioner

Pro -användare kan använda anpassad layoutfunktion för att infoga HTML- och skriptinnehåll var som helst på webbplatsen utan Astra Hooks -plugin. Efter att du har aktiverat alternativet "Anpassade layouter" kan du skapa layoutavsnitt och infoga utifrån regler. Du kan infoga Google Analytics -kod med hjälp av wp_head action. Se till att du klickar på knappen "WordPress Code Editor" i det översta administrationsfältet när du sätter in koder. Detta hjälper dig att använda korrekta enkla och dubbla citattecken i din kod.

Dessutom kan du infoga anpassade sektioner på alla inlägg eller sidor med efter ett visst antal block eller före ett visst antal rubrikblock. Detta är användbart för att infoga reklam- eller affiliate -banderoller på fördefinierad plats på din webbplats layout.

10 tips för att anpassa Astra -temat

Skapa anpassad layout i Astra -tema

Slutliga ord

Det fina med Astra -temat är att det lägger till mindre än 50KB -storlek när det laddas i webbläsaren. Det betyder dock inte att du behöver leva med en enkel minimalistisk WordPress -webbplats. Du kan använda krokar eller anpassade layouter och importera startmallar för att bygga vackra webbplatser som alla andra kommersiella WordPress -teman.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer