Ondersteuning » Thema en CSS/opmaak » Afbeelding veranderen in editor (webftp)

Afbeelding veranderen in editor (webftp)

  • Opgelost channaaah

    (@channaaah)


    8 jaren, 3 maanden geleden

    Hoi! Ik heb een brandende vraag over het gebruik van afbeeldingen in editor, klinkt een beetje raar, maar ik ga het proberen nader toe te lichten.

    In de editor van WordPress vind je afbeeldingen zoals naam.png bijvoorbeeld, dit zijn uiteraard afbeeldingen die voor mijn thema nodig zijn. Als ik deze wil veranderen, waar upload ik de programma’s in webftp dan naar toe? Ik heb al het een en ander geprobeerd, maar het lukt me maar niet om te afbeelding te vervangen voor een andere code, met andere woorden denk ik zelf dat ik de afbeeldingen niet in de goede map in webftp plaats.

    Als ik deze code heb:

    <span class=”nc-icon-glyph ui-1_bell-53“></span>

    En ik wil het dikgedrukte vervangen voor een andere afbeelding, hoe pak ik dit dan aan?

    Alvast heel erg bedankt!

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Arjen_M

    (@arjen_m)

    8 jaren, 3 maanden geleden

    Hoi 🙂

    Hetgene wat jij wilt veranderen zijn glyphicons.

    Over het algemeen worden glyphicons aangeleverd door een derde partij zoals fontawesome.
    (het kan zo zijn dat fontawesome al ingesteld is in jouw thema, alleen aan de glyphicon code te zien is dit niet het geval)

    om fontawesome te kunnen gebruiken moet je het downloaden en in je wordpress thema zetten. Vervolgens moet je in de header.php de juiste link (path) naar deze bestanden toevoegen.

    je kan ook een CDN gebruiken, dan hoef je niks te downloaden en kan je een link toevoegen in je header.php file

    let wel op dat als je geen child theme gebruikt deze link wel weg is zodra je een update uitvoert van je thema.

    zodra je deze link heb toegevoegd kan je jouw code

    <span class="nc-icon-glyph ui-1_bell-53"></span>

    vervangen voor bijvoorbeeld

    <i class="fa fa-coffee"></i>

    En door middel van css kan je ze groter of kleiner maken

    i.fa.fa-coffee {
    font-size: 500px;
}

    bovenstaand voorbeeld is erg groot, dus ik zou iets kleiner beginnen 😉

    Thread starter channaaah

    (@channaaah)

    8 jaren, 3 maanden geleden

    Geweldig, bedankt voor de duidelijke uitleg! Ik ga er mee aan de slag, ik zal nog wel even laten weten of het gelukt is. 🙂

    Thread starter channaaah

    (@channaaah)

    8 jaren, 3 maanden geleden

    Het is gelukt! Ik heb het op de laatste manier gedaan (CDN), echt duizendmaal dank, ik ben hier zo lang mee bezig geweest..

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Afbeelding veranderen in editor (webftp)’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven