verkeerde foto op homepage

Hi,

Suggestie:

1. Maak je blogbericht en plaats de afbeeldingen naar wens in je blogbericht.
2. Vervolgens [nog steeds in de berichten-editor] > scroll naar re-onder
3. klik ‘uitgelichte afbeelding instellen’
4. mediabibliotheek: selecteer de gewenste afbeelding van dit bericht voor op je blog-homepage
5. afhankelijk van het gekozen thema: de uitgelichte afbeelding verschijnt OOK bovenaan het bericht zelf
6. sla alle wijzigingen op
7. <CTRL-F5> ververs je browser en bekijk het resultaat

Hi,

Wat er in een bericht / pagina gebeurt als je <enter> gebruikt, is dat er een nieuwe paragraaf //alinea ‘<p>.tekst..</p>’ wordt gestart. Elke paragraaf begint met een extra witruimte…

Als we de eigenschappen van <p> zonder meer zouden veranderen voor je receptenlijst, dan verandert ook de ‘gebruikelijke opmaak’ voor je tekst. Dat is dus niet zo handig…

Tijd voor een andere oplossing…
Zoals bijna altijd zijn er meerdere oplossingsrichtingen.

— — — gebruik een ‘bulletlist’ // opsommingslijst zoals hieronder

• klik het icoon in de editor en type een ingredient
• elke keer dat je <enter> geeft, wordt een nieuwe opsomming aan je lijst toegevoegd
• is de lijst klaar, klik dan nogmaals het iccon

>> vind je de standaard ‘bullets’ niet mooi? Ook dat kan je aanpassen.
Kijk maar eens hier voor wat ‘eenvoudige’ voorbeelden
.

Nog leuker wordt het als je ipv een ‘bullet’, bijv. een icoontje van een garde gebruikt…

— — — een icoontje ‘maken’

1. zoek op google-afbeeldingen naar een icoon bijv whisk//garde naar keuze[hij moet er heel klein ook mooi uitzien >> eenvoudig = beter
2. Sla op op de PC
3. grafisch programma: bewerk = verklein naar icoon-afmetingen
4. exporteer / sla op bijv. als ‘garde.png’
5. sleep het icoontje naar je mediabibliotheek

— — — maak een lijst

• 250gr bloem
• 250gr suiker
• 250gr boter
• 4 eieren

— — — de truuk…[nou ja truuk…]

1. dashboard-editor: klik ’tekst-tab’ re-boven
2. je ziet nu:

<ul>
	<li>250gr bloem</li>
	<li>250gr suiker</li>
	<li>250gr boter</li>
<li>4 eieren</li>
</ul>

3. geef nu aan dat het niet om een ‘gewone’ bulletlist gaat, maar dat je een icoon wilt gebruiken

<ul class="icoon">
	<li>250gr bloem</li>
	<li>250gr suiker</li>
	<li>250gr boter</li>
<li>4 eieren</li>
</ul>

4. sla je bericht op

Wil je een gewone bulletlist? gebruik gewone bulletlist in de editor…

Wil je een icoon-bulletlist? >> verander de html in <ul class="icoon">
Dat is alles…

— — — nog één stap
Nu nog in CSS vertellen wat de bedoeling is…

5. Open ‘style.css’ van je [child-]theme.
6. Plaats de volgende code ONDERAAN >>>verwijzing naar jouw icoon aanpassen naar jouw situatie<<<

voorbeeld >>> pas het pad aan!!

ul.icoon{
    list-style-image: url('http://jouwdomeinnaam.nl/wp-content/uploads/2015/12/icoon.png');
}

7. en sla op
8. <CTRL-F5> ververs je browser en bekijk het resultaat

???Ik zie geen icoon in de list…. Je icoon kan niet gevonden worden, omdat je het ‘pad’ niet juist hebt….

>>>>Hoe vind ik waar mijn icoontje staat = pad…???

1. dashboard > media > bibliotheek
2. klik het icoon > een nieuw scherm opent met de gegevens van de icoon
3. rechtsboven het veld ‘url:’
4. Kopieer het pad
5. plak het pad in de CSS en sla op

Nu wordt de icoon wel gevonden… en getoond!
Have fun!

Hi,
Whooops, wat zeg je nou 😉

MSWord en andere tekstverwerkers zijn niet geschikt om voor je website te gebruiken! MSWord creëert allerlei ‘onderwater’-tekens die je niet ziet in het eindresultaat, maar die wel veel onverwachte problemen kunnen geven….
En onverwachte problemen zijn doorgaans moeilijk[er] te achterhalen… ;-(

Daarom: gebruik alleen ‘ascii-tekst’… ..wat is dat.. 😀

• de tekst van de dashboard-editor van WP
• teksten van een code-editor zoals ‘NOTEPAD++’

Het gaat dus om ‘pure teksten, zonder opmaak!

Wil je MSWord-teksten gebruiken?
Ja, dat kan…. maar…

1. Open de tekst in MSWord
2. kies bestand ‘opslaan als’ of ‘exporteren’
3. kies voor ‘TEKST ZONDER OPMAAK’ (*txt)
4. en sla het txt-bestand op.

Het bestand wordt dan ontdaan van alle opmaakcodes ‘onderwaterschermen’ etc. die voor problemen zorgen bij het gebruik in een website.
Deze *.txt-versie kan je wel gebruiken voor je website.

Gebruik vervolgens een code-editor [notepad++] of de dashboard-editor van WP om evt opmaak zoals lijsten aan te brengen.
Zo behoren dit soort problemen tot het verleden…

— — —
Graag gedaan.
Is je probleem opgelost Deel je oplossing met dit forum.
… of hou je het voor gezien…?
Vergeet aub niet de thread als ‘resolved’ / ‘opgelost’ te taggen in de rechter zijbalk.
— — —

Hi,

Ik zou alleen de ‘probleem-teksten’ onder handen nemen.
Veel succes met je site!