Link Empfehlungen 
Autor: Marion S.
Visitado 38,
Followers 1,
Compartido 0
Hallo - ich möchte auf den Unterseiten meiner Website, Bereiche einfügen, in denen ich passende Beiträge und/oder Produkte von meinen anderen Projekten empfehle. Ich möchte nicht reine Textlinks schreiben, sondern die bereits hinterlegten kleinen Vorschaubilder nutzen - also optisch wie die Verlinkungen bei Facebook und Co. Wie kann ich das am besten umsetzen - mit einer Tabelle? Oder habt ihr noch andere Ideen?
Publicado en
Wie hast du es in deinen anderen Projekten gelöst?
Normalerweise einfach einen Button nehmen und verlinken oder ein Bildobjekt und dieses verlinken mit dem externen LINK!
Autor
Ich habe noch keine extra Linksempfehlungen in meinen Projekten. Bis jetzt habe ich diese im normalen Fließtext verlinkt.
Ich möchte gern Bild + Text und auch, dass der Bereich, auf kleineren Geräten nicht so riesig wird, wie zum Beispiel beim Portfolio-Objekt, wo dann am Ende alles untereinander steht.
Man kann es auch über das Galerieobjekt lösen! Beim Reiter Style dann auf Miniaturbilder stellen!
Autor
Danke, die Darstellung über das Galerieobjekt gefällt mir ganz gut - wenn die Bilder, als Miniaturansicht im Quelltext "abgespeichert" sind, muss ich mir vermutlich keine Gedanken machen, ob sie für Google ausreichend groß sind bzw. mein Wasserzeichen enthalten oder?
Autor
Wenn ich diesen Code in ein html-Objekt einfüge, ist das ähnlich wie die Galerie-Miniaturbilder mit drei Bildern.
Ist da irgendwas drin, was sich nicht mit der Software verträgt?
CSS-Code
.bilder-zentriert-flex {
display: flex;
justify-content: center;
gap: 5px;
}
.bilder-zentriert-flex img {
max-width: 100%;
height: auto;
display: block;
}
HTML-Code
<div class="bilder-zentriert-flex">
<a href="URL">
<img src="images/bildname.webp" title="…" alt="…"></a>
<a href="URL">
<img src="images/bildname.webp" title="…" alt="…"></a>
<a href="URL">
<img src="images/bildname.webp" title="…" alt="…"></a>
</div>
Bei Bedarf target="_blank" wenn externe URL