TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

10 vinkkiä Astra -teeman mukauttamiseen

4

Astra on yksi suosituimmista teemoista, jotka ovat saatavilla ilmaisessa WordPress -teemavarastossa. Aktiivisia asennuksia on yli miljoona ja lähes 5 tähden luokitus yli 5 000 käyttäjältä. Löydät tämän teeman helposti "Suosittu" -luokasta, kun yrität asentaa teeman hallintapaneelista. Jos käytät ilmaista Astra-teemaa Pro-lisäosan kanssa, tässä on muutamia vinkkejä teeman muokkaamiseen ja sivustosi seuraavalle tasolle.

10 vinkkiä Astra -teeman mukauttamiseen

Astra tarjoaa suurimman osan mukautuksista "Ulkoasu> Muokkaa" -osion kautta, kuten kaikki muutkin WordPress -vakioteemat. Voit kuitenkin eksyä helposti satojen käytettävissä olevien vaihtoehtojen avulla. Lisäksi Astra -teemalla on myös muita laajennuksia ja ulkoasun muutoksia. Tässä luetellaan kymmenen vinkkiä Astra -teeman mukauttamiseen.

10 vinkkiä Astra -teeman mukauttamiseen

Ilmainen Astra -teema

1 Lataa sivuja eri aloitusmalleista

Tiedät, että Astra tarjoaa aloitusmalleja erillisenä laajennuksena. Tämän laajennuksen avulla voit asentaa jonkin ennalta määritetyistä aloitusmalleista sen sijaan, että luot alusta. Jos kuitenkin pidät useista malleista, on helppo napata vain tietyt sivut tuosta esittelystä. Voit esimerkiksi valita "Yhteystiedot" -sivun yhdestä demosta ja "Tietoja meistä" -sivun toisesta esitteestä.

  • Kun olet aktivoinut Astra Pro -laajennuksen, näet järjestelmänvalvojan ilmoituksen laajennuksessa ja muissa aloitusmallien osissa. Asenna Starter Template -laajennus napsauttamalla "Aloita" -painiketta. Vaihtoehtoisesti voit etsiä ja asentaa laajennuksen WordPress -laajennusten arkistosta.

10 vinkkiä Astra -teeman mukauttamiseen

Asenna Astra Starter Template Plugin

  • Kun katsot demomalleja, näet kaksi vaihtoehtoa.

10 vinkkiä Astra -teeman mukauttamiseen

Tuo yhden sivun malli Astrasta

  • Voit tuoda koko mallin tai tuoda valitut sivumallit. Tällä tavalla voit tuoda vain haluamasi sivut eri demomalleista.
  • Näet kehotteen, jossa kerrotaan mahdollisista lisäosista, joita sivumallit asennetaan, kun tuot mallin.
  • Jatkaessasi tuon sivumallin ja näet alla olevan kaltaisen onnistumisviestin.

10 vinkkiä Astra -teeman mukauttamiseen

Sivumallin tuonti onnistui

  • Samoin voit valita eri malleja eri demoista, jotka tuodaan sivustoosi.

Huomautus: Suosittelemme valitsemaan malleja samalle sivunrakentajalle, kuten Gutenberg tai Elementor. Tämä auttaa sinua välttämään useiden laajennusten asentamista sivustoosi. Kaikki tuodut sivumallit ovat luonnoksen tilassa, sinun on muokattava sisältöä ja julkaistava sivut.

2 Lisää Yoast SEO tai Rank Math Breadcrumb

Useimmissa tapauksissa käytät Yoast SEO -laajennusta Astra -teemalla hakukoneoptimointitarkoituksiin. Yksi hässäkkää Yoast on, että olet manuaalisesti muokata teeman mallitiedosto (enimmäkseen single.php tai header.php) ja lisätä rakennepolkuja polkua. Astra -teema ratkaisee kuitenkin tämän ongelman puolestasi tarjoamalla tämän vaihtoehdon mukauttimessa. Siirry "Ulkonäkö> Mukauta" -osaan ja valitse korppujauhon sijainti kohdassa "Leipäkoru". Napsauta avattavaa "Breadcrumb Source" -valikkoa ja valitse "Yoast SEO Breadcrumbs".

10 vinkkiä Astra -teeman mukauttamiseen

Lisää Yoast tai Rank Math Breadcrumb

Samoin voit myös valita Rank Math -laajennuksen navigointivaihtoehdon lähteen avattavasta valikosta, jos käytät kyseistä laajennusta. Tämä on helppo tapa hyödyntää laajennuksen olemassa olevaa korjuuta muokkaamatta teeman tiedostoa.

Aiheeseen liittyviä: GeneratePress premium Vs Astra Pro – Mikä on paras teema sinulle?

3 Lisää tunnisteet alareunaan

Seuraavat Astra -teemavinkit on tarkoitettu niille, jotka haluavat muuttaa tunnisteiden sijainnin yksittäisissä blogiviesteissä. Oletuksena Astra -teeman avulla voit lisätä postin metatietoja otsikon alle. Voit ottaa käyttöön tai poistaa käytöstä metatietoja, kuten luokkia, tunnisteita, julkaisupäivää, tekijää ja kommentteja.

10 vinkkiä Astra -teeman mukauttamiseen

Tag -näyttö Astrassa

Monet WordPress -bloggaajat käyttävät useita tunnisteita viestien ryhmittelyyn. Tässä tapauksessa kaikkien tunnisteiden näyttäminen viestin otsikon alla voi viedä tilaa ja näyttää ruuhkaiselta. Voit helposti siirtää tunnisteet sisällön alle lisäämällä alla olevan koodin function.php -tiedostoosi. Muista käyttää Astra -lapsiteemaa ja lisää koodi lapsiteeman toimintojen.php -tiedostoon.

// 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 Näytä viimeisin päivityspäivämäärä

Astra -teema tarjoaa mahdollisuuden näyttää tai piilottaa julkaisupäivän blogiviesteissäsi ja arkistosivuillasi. Monet bloggaajat haluavat kuitenkin näyttää viimeisimmän päivitetyn päivämäärän alkuperäisen julkaisupäivän sijasta metatiedona. Poista ensin julkaistu päivämäärä -vaihtoehto käytöstä ja lisää alla oleva koodi toimintoihin.php -tiedostoon näyttääksesi viimeksi päivitetyn päivämäärän.

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' );

Oletuksena WordPressin avulla voit käyttää yhtä sivupalkkia koko sivustossasi. tämä ei kuitenkaan välttämättä sovellu kaikille sivuston omistajille. Sinulla voi olla täysin erilaisia ​​luokkia ja haluat esitellä eri sivupalkkeja kullekin luokalle. Siirry kohtaan "Ulkonäkö> Astra -asetukset" ja vieritä alas kohtaan "Laajenna Astraa ilmaisilla laajennuksilla".

10 vinkkiä Astra -teeman mukauttamiseen

Sivupalkinhallintalaajennus

Napsauta "Aktivoi" -linkkiä "Sivupalkinhallintaa" vastaan. Tämä asentaa ja aktivoi laajennuksen sivustollesi ja siirtyy laajennuksen Asetukset -sivulle. Täällä voit luoda uuden sivupalkin ja korvata oletussivupalkin. Napsauta avattavaa "Näytä päällä" -valikkoa ja valitse "Tietyt sivut / viestit / taksonomiat jne." vaihtoehto. Valitse sitten "Kaikki singularit luokastasi", jos haluat näyttää sivupalkin vain kyseiselle luokalle.

10 vinkkiä Astra -teeman mukauttamiseen

Mukautettu sivupalkki tietyille luokille

6 Poista fonttikuvakkeiden tiedoston lataus käytöstä

Astra -teema käyttää kirjasintiedostoa navigointikuvakkeiden käyttämiseen. Tämä tiedosto voi aiheuttaa ongelmia, kuten esilatausavainpyyntöjä ja kumulatiivista asettelun siirtoa Google PageSpeed ​​Insights -työkalussa. Voit poistaa fonttitiedoston helposti käytöstä sivustollasi lisäämällä alla olevan koodin lapsiteeman toimintojen.php -tiedostoon.

add_filter( 'astra_enable_default_fonts', '__return_false' );

7 WooCommerce -välimuisti

Jos käytät WooCommercea, se ei useimmissa tapauksissa toimi responsiivisesti Astra -teeman kanssa, kun sitä käytetään WP Rocketin kaltaisten välimuistilaajennusten kanssa. Tämä aiheuttaa ongelmia mobiililaitteille, joiden tuote- ja kauppasivut latautuvat samalla tavalla kuin pöytätietokoneet. Voit tarkistaa artikkelimme WooCommerce -sivujen sulkemisesta välimuistista varmistaaksesi, että kauppasivusi latautuvat oikein matkapuhelimissa.

8 Ylä- ja alatunnisteen muodostin

Uusimmassa pro -lisäosassa on kaunis ylä- ja alatunnisteenrakentaja. Näiden vaihtoehtojen avulla voit rakentaa ylä- ja alatunnisteen asettelut tarpeen mukaan. Kun olet aktivoinut Pro -lisäosan, siirry "Ulkoasu> Mukauta" -osioon ja aloita otsikko- ja alatunnisteenrakennusosien rakentaminen.

10 vinkkiä Astra -teeman mukauttamiseen

Astra -teeman otsikkorakentaja

Lisäksi voit aktivoida myös "Sivun otsikot" -vaihtoehdon kohdassa "Ulkonäkö> Astra -asetukset". Tämä auttaa sinua luomaan yksittäisiä tai koko sivuston sivun ylätunnisteita "” Ulkoasu> Astra -asetukset> Sivun otsikot> Lisää uusi “-osiossa.

10 vinkkiä Astra -teeman mukauttamiseen

Sivun otsikonrakentaja Astrassa

9 Käytä koodin lisäämistä Hooks -laajennuksella

Seuraavat Astra -teemavinkit ovat niille, jotka ovat kiinnostuneita lisäämään koodinpätkiä sivustoilleen. Pro -teeman käyttäjät voivat käyttää mukautettua asetteluvaihtoehtoa lisätäkseen Google Analyticsin ja muut asettelun lisäykset. Jos olet ilmainen teemakäyttäjä, sinun on asennettava Astra Hooks -laajennukset koodin lisäämiseksi ylä- ja alatunnisteosioon.

10 vinkkiä Astra -teeman mukauttamiseen

Astra Hooks Plugin

Astra Hooks -laajennuksen asentamisen ja aktivoimisen jälkeen se lisää automaattisesti lisävaihtoehtoja WordPress -mukautusosion kohtaan "Koukut". Voit lisätä sivuston laajuisia koodeja ylätunnisteeseen, alatunnisteeseen, sivupalkkiin, kommenttiin tai sisältöalueeseen.

10 vinkkiä Astra -teeman mukauttamiseen

Astra -koukkujen käyttö

Aiheeseen liittyviä: Top 7 WordPress -portfolion teemaa.

10 Lisää osioita mukautetun asettelun avulla

Ammattikäyttäjät voivat käyttää mukautettua asettelutoimintoa HTML- ja komentosarjasisällön lisäämiseen mihin tahansa sivustolle ilman Astra Hooks -laajennusta. Kun olet aktivoinut "Mukautetut asettelut" -vaihtoehdon, voit luoda asettelun ja lisätä sääntöjen perusteella. Voit lisätä Google Analytics -koodin käyttämällä wp_head -toimintoa. Muista napsauttaa "WordPress -koodieditori" -painiketta ylimmässä hallintapalkissa, kun lisäät koodeja. Tämä auttaa sinua käyttämään oikeita yhden ja kahden lainausmerkkejä koodissasi.

Lisäksi voit lisätä mukautettuja osioita mihin tahansa viestiin tai sivulle tietyn lukumäärän jälkeen tai ennen tiettyä otsikkolohkojen määrää. Tämä on hyödyllistä lisätä mainos- tai kumppanibannerit sivustosi ulkoasun ennalta määritettyyn kohtaan.

10 vinkkiä Astra -teeman mukauttamiseen

Luo mukautettu ulkoasu Astra -teemassa

Lopulliset sanat

Astra -teeman kauneus on se, että se lisää alle 50 kt kokoa ladattaessa selaimeen. Se ei kuitenkaan tarkoita, että sinun täytyy elää yksinkertaisen minimalistisen WordPress -sivuston kanssa. Voit käyttää koukkuja tai mukautettuja asetteluja ja tuoda käynnistysmalleja kauniiden sivustojen luomiseen, kuten muutkin kaupalliset WordPress -teemat.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja