Support » CSS / opmaak vragen » Logo naast titel

1 reactie aan het bekijken (van in totaal 1)
  • Hi,

    Er zijn meerdere werkwijzes te bedenken om dit te doen.
    Hier is de mijne:

    Ik gebruik deze methode omdat je in een grafisch programma relatief eenvoudig de maximale controle hebt over alle te plaatsen elementen. Natuurlijk kan dat ook dmv bijvoorbeeld CSS, maar dat vergt kennis en ervaring die doorgaans ontbreekt bij nieuwe WP-gebruikers…

    1. Gebruik een grafisch programma [bijv. GIMP = gratis en goed] om een nieuwe afbeelding te maken.
    2. stel de maten van de nieuwe tekening [lengte en breedte] in precies zoals het eindresultaat dient te worden bijv 1300 bij 70px [in dit geval lijk je beperkte hoogte te hebben, tenzij je zelf andere keuzes maakt]
    3. stel in dat de afbeelding een TRANSPARANTE ONDERGROND moet hebben
    4. de resolutie 72dpi
    5. Heb je bovenstaande gedaan, dan zie je een grijs-geblokte afbeelding in de vorm en afmeting van je logo bijv. 1300 bij 70px [zoals je site nu]
      == == ==

    6. Open nu je logo [in een nieuw werkvenster, naast de nieuwe afbeelding]
    7. schaal deze afbeelding naar het juiste formaat; De maximale hoogte is hierbij maatgevend; Laat onderlinge verhoudingen van Lengte en Breedte intact! >> je logo is nu aanzienlijk verkleind!
    8. sla deze versie op door deze afbeelding te exporteren naar het PNG-formaat. Zo blijft transparantie bewaard.
    9. Resultaat: A. een nieuwe tekening met transparante ondergrond 1300 bij 70px.
      B. een verkleind logo bijv 65 bij 65px
      == == ==

    10. Klik in de nieuwe afbeelding
    11. maak een nieuwe transparante laag aan en noem die ‘logo’
    12. !!Klik en sleep!! het logo nu naar de nieuwe afbeelding; Default komt hij in t midden terecht > verplaats naar de gewenste positie
    13. maak een nieuwe transparante laag aan en noem die ‘logo_titel’
    14. teken hier de gewenste tekst > en sleep die naar de gewenste positie
    15. Bewerk zaken als kleur, grootte, lettertype etc. naar wens
    16. tevereden met het resultaat? Exporteer als PNG-formaat > ‘logo.png’
    17. == == == plaatsing in website

    18. log in > kies weergave > customizer
    19. algemeen // general en geef het zojuist aangemaakte logo op
    20. Desgevraagd, sleep de afbeelding naar de mediabibliotheek
    21. sla alle wijzigingen op
    22. <CTRL-F5> browser verversen en bekijk het resultaat
1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Logo naast titel’ is gesloten voor nieuwe reacties.