Hoe het logo op Amplify in WordPress te veranderen

Amplify by BRAINBUZZ Media is een commercieel WordPress-thema dat is geoptimaliseerd voor op pagina's gebaseerde websitelay-outs. Net als veel andere WordPress-thema's bevat Amplify een generiek logo om potentiële kopers een idee te geven van hoe het thema eruit zal zien op een live website. Nadat u Amplify hebt geïnstalleerd, wilt u de standaardafbeelding zo snel mogelijk vervangen door uw eigen logo om de professionele uitstraling van uw website te behouden. U kunt dit doen door het gewenste logo te uploaden en een regel in de stylesheet van uw website te wijzigen om naar de nieuwe afbeelding te verwijzen.

1.

Maak een logo in het PNG-formaat met behulp van de beeldbewerkingssoftware van uw keuze. De afbeelding moet afmetingen hebben van ongeveer 187 bij 45 pixels om overeen te komen met het standaardlogo. Het moet ook een transparante achtergrond hebben zodat de achtergrondkleur van uw website zichtbaar blijft.

2.

Log in op uw WordPress-website. Nadat u het Dashboard-scherm heeft bereikt, verplaatst u de muisaanwijzer naar de kop 'Media' aan de linkerkant en klikt u op 'Nieuw toevoegen'.

3.

Klik op de knop "Bestanden selecteren". Zoek het logo dat je hebt gemaakt en dubbelklik erop om de afbeelding naar je website te uploaden. Nadat de upload is voltooid, geeft WordPress een bevestigingsscherm weer.

4.

Markeer de inhoud van het veld "Bestands-URL" en druk op "Ctrl" en "C" om de URL naar het Windows-klembord te kopiëren.

5.

Verplaats de muisaanwijzer naar de kop 'Uiterlijk' aan de linkerkant van de pagina en klik op 'Editor'.

6.

Klik op de koppeling aan de rechterkant van de pagina die overeenkomt met de cascading stylesheet (CSS) voor het Amplify-kleurenschema dat door uw website wordt gebruikt. Als u bijvoorbeeld de standaardkleur voor houtskool gebruikt, klikt u op de koppeling "charcoal.css".

7.

Markeer de tekst "images / logo_dark.png" aan de bovenkant van het stylesheet. Als u een andere kleur dan de standaard houtskool gebruikt, heeft het bestand mogelijk een iets andere naam. Je zult het echter altijd onder de regel vinden beginnend met "div.logo a."

8.

Druk op "Ctrl" en "V" om de URL van het logo dat u hebt geüpload te plakken.

9.

Klik op de knop "Bestand bijwerken" om het stylesheet bij te werken met de verwijzing naar het nieuwe logo.

Tip

  • Mogelijk moet u de cache van uw browser wissen om de vorige versie van de stylesheet van uw website te verwijderen voordat u het nieuwe logo ziet.
 

Laat Een Reactie Achter