×

Yoors


exit_to_app Inloggen

480
camera_alt
Afbeelding toevoegen
60
Externe afbeelding tonen op Yoors

Externe afbeelding tonen op Yoors


Dat kan door in een tekstblok de juiste html-code te plakken.

Html-code?!

Nou heb ik zelf eerlijk gezegd weinig kennis van html. Maar met een eigen Wordpress website weet ik er toch het (voor mij) noodzakelijke van. Tekst wordt omgezet in code. En vice versa.

Hoe doe je dat?

In de blog-editor kies je geen bouwsteen voor een afbeelding, maar wel voor tekst. Daarin plak je de htmlcode. (Mits je die weet.) Als voorbeeld zal ik mijn htmlcode voor een afbeelding kiezen.

Onderstaande code heb ik als afbeelding weergegeven:

Daar staat het kleiner dan teken, gevolgd door img (image) spatie src (source), dan het = teken, aanhalingstekens openen, volledige link (url) van het mediabestand (de plek waar de afbeelding online staat), aanhalingstekens sluiten, spatie slash groter dan teken.

De link naar de afbeelding weet jij.  In WordPress staat die bij Media.

Hoe vind je de link naar de afbeelding in Wordpress?

Ga in het Dashboard naar media

Open de afbeelding die je extern wilt tonen



De URL kopiëren

Die URL in de code plakken, op de plek tussen de aanhalingstekens.

Ik schoof een tekstblok hieronder en plakte daar die code.

Hoe link je via een afbeelding naar een link buiten Yoors?

Dus hoe zorg je ervoor dat klikken op een afbeelding leidt naar een link buiten Yoors?
Aanleiding voor deze vraag:

KimsBlog plaatste enige tijd geleden dit artikel op Yoors:

DiaantjesLife viel op dat als ze in dat artikel op een afbeelding  die onderin staat klikte, ze op een website buiten Yoors belandde. Namelijk op het blog van Kim. Daarom vroeg Diana mij, om uitleg. In overleg met Kim plaats ik die bij deze.

In een eerdere Yoors-versie kon dat middels een schakeltje op de afbeelding. Inmiddels is dat knopje daar niet meer.

Kim heeft de code van tekst inclusief foto's uit haar blog geplakt in Yoors.

Onder een afbeelding

Je kunt ook de klikbare link in een bijschrift, of in een tekstblok onder de afbeelding kunnen plaatsen.
Zie uitleg:


Gerelateerd:


signup

Word lid en beloon de maker en jezelf!




Passionfilm
Heel veel informatie.
15-08-2018 17:05
15-08-2018 17:05
caro.sael Davinchy
Heel goede uitleg
16-05-2018 00:56
16-05-2018 00:56
DiaantjesLife
Dank je wel voor deze super uitleg! Ik denk dat ik het het beste kan gaan proberen tijdens het maken van een blog. Kom ik dan iets tegen wat voor mij toch onduidelijk is, zal ik het zeker aan je vragen. Geweldig toch wel hoe je steeds voor ons klaar staat en goede uitleg maakt. Je bent mijn Yoors toppertje hoor 😘
15-05-2018 20:02
15-05-2018 20:02
Blogs van Linda
Duidelijke uitleg! Zou ik eigenlijk eens moeten gaan gebruiken
15-05-2018 16:41
15-05-2018 16:41
VanAgnes
Dank je wel voor de info!
15-05-2018 16:14
15-05-2018 16:14
Hans van Gemert
Weer mooi uitgelegd!
15-05-2018 15:24
15-05-2018 15:24
FrutselenindeMarge
je kan mij na deze uitleg het beste em/ehh-bedden
15-05-2018 15:23
15-05-2018 15:23
lekkerereceptenvoor2
Heldere en duidelijke uitleg weer! Top. 
15-05-2018 14:57
15-05-2018 14:57
MereltjevanBrabant
Weer wat geleerd  ;-)
15-05-2018 14:55
15-05-2018 14:55