---
title: "One image card, 1:1"
url: "https://www.reisenmitsinnen.de/bibliothek/bibliothek/card-elements/one-image-card-11/"
date: 2018-02-07
modified: 2021-05-06
---

# One image card, 1:1

One Image Card, 1:1
===================

Eine Imagecard (1:1), mit einem Link

Item-ID: 04-005

[Beispielansicht](#c432) [Anleitung](#c427) [Verhalten](#c425)

  ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/0/2/csm_04_005-one_image_card_1_1_2000_250_72abbeab0d.png)

---

  Beispielansicht
-----------------

  [  ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/1/c/csm_demo_01_79ae587ede.jpg) ### Lorem Ipsum

 ](https://www.reisenmitsinnen.de/bibliothek/bibliothek/card-elements/one-image-card-11/)

---

 Anleitung
---------

   [ ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/4/f/csm_04-005-schritt_2_1fdd5e4076.jpg) ](https://www.reisenmitsinnen.de/fileadmin/Manual/04_Card_Elements/04-005-one_imagecard_1_1/04-005-schritt_2.jpg) ### Imagecard anlegen

- Klicken Sie auf den Button **Inhalt***,* um eine Imagecard zu erstellen.
- Im Reiter *Card Elements* wählen Sie **One image card, 1:1**.

  [ ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/3/f/csm_2._bild-einfuegen_04-005_e656d8a6fb.png) ](https://www.reisenmitsinnen.de/fileadmin/Manual/04_Card_Elements/04-005-one_imagecard_1_1/2._bild-einfuegen_04-005.png) ### Bild einfügen

- Klicken Sie auf den Button **Bild hinzufügen**.
- Wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch.

  [ ![](https://www.reisenmitsinnen.de/fileadmin/_processed_/e/a/csm_3._link-einfuegen_04-005_b3b0083fa4.png) ](https://www.reisenmitsinnen.de/fileadmin/Manual/04_Card_Elements/04-005-one_imagecard_1_1/3._link-einfuegen_04-005.png) ### Link einfügen

- Klicken Sie auf den **Link**-Button um eine Verlinkung einzufügen.
- Wählen Sie aus einem der verfügbaren Reiter, um innerhalb der Unterseiten, Elemente oder auf eine externe URL zu verlinken.

---

  Verhalten
-----------

 **Eine *Karte mit Bild, 1:1* ist eine einzelne Schaltfläche mit unterschiedlichen Optionen für Hover-Effekte (ggf. Template-abhängig). Sie besteht aus einem quadratischen Bild und einer Beschriftung. Der dazugehörige Link macht das gesamte Element zu einer Schaltfläche.**

**Besonderheiten:** Eher selten als einzelnes Element genutzt, bietet sich die *Karte mit Bild, 1:1* an, um in kombinierten Elementen Schaltflächen und Optionen neben anderen Inhalten darzustellen.