Für zahlreiche WordPress-Enthusiasten ist die Möglichkeit, eine Schaltfläche über einem Bild hinzuzufügen, unerlässlich, um Inhalte interaktiver und attraktiver zu gestalten. Ihre Beweggründe können aus dem Wunsch resultieren, die Benutzerinteraktionen zu verbessern, die Möglichkeiten von WordPress zu nutzen oder Einschränkungen in Themes oder Plugins zu beseitigen. Ganz gleich, ob es darum geht, die Benutzerführung zu verbessern, Layout-Herausforderungen zu bewältigen oder einfach nur moderne Webdesign-Trends zu übernehmen, diese Funktion kann Benutzern helfen, Layout-Herausforderungen zu bewältigen oder moderne Design-Trends zu übernehmen, ohne dass dafür fortgeschrittene Kenntnisse erforderlich sind.
Glücklicherweise macht der in WordPress integrierte Cover-Block diesen Prozess einfach und zugänglich. In dieser Anleitung zeigen wir Ihnen, wie Sie dies Schritt für Schritt erreichen.
Schritt 1: Hinzufügen eines Abdeckblocks
Öffnen Sie zunächst die Seite oder den Beitrag, auf der/dem Sie Ihr bevorzugtes Bild mit Schaltfläche platzieren möchten. Klicken Sie im WordPress-Editor auf die Schaltfläche "+", um einen Block hinzuzufügen, und suchen Sie nach "Cover". Sobald Sie ihn gefunden haben, wählen Sie den Cover-Block aus.
Schritt 2: Einfügen eines Bildes
Sobald Sie den Block hinzugefügt haben, müssen Sie hochladen Ihr gewähltes Bild oder eines aus der Mediathek. Dieses Bild wird nun als Hintergrund für Ihren Entwurf dienen.
Schritt 3: Fügen Sie einen Titel für das Bild hinzu (optional)
Sobald Ihr Cover-Block platziert ist, sehen Sie einen Platzhaltertext mit der Aufschrift "Titel schreiben..." innerhalb des Bildes. Klicken Sie auf diesen Text und geben Sie den Titel oder die Überschrift ein, die Sie über dem Bild anzeigen möchten.
Schritt 4: Hinzufügen einer Schaltfläche über dem Bild
Sobald der Cover-Block fertig ist, klicken Sie auf das Bild, und der Block-Inserter wird angezeigt. Klicken Sie nun auf das "+"-Zeichen, suchen Sie nach "Buttons" und fügen Sie den Block hinzu.
Schritt 5: Anpassen des Designs
Um jedes Detail abzustimmen, haben wir diesen Abschnitt in 3 Teile unterteilt. Wir beginnen mit dem Titel, dann mit den Schaltflächen und enden mit dem gesamten Cover-Block, um ein professionelles Aussehen zu erreichen.
5.1 Anpassen des Titeltextes
Klicken Sie auf den Text, den Sie als Titel in den Cover-Block gesetzt haben, um ihn auszuwählen. Verwenden Sie die Symbolleiste des Blocks, um den Textstil anzupassen - fett, kursiv oder ausgerichtet. Wenn Sie weitere Anpassungen vornehmen möchten, gehen Sie zu den Blockeinstellungen in der rechten Seitenleiste, um die Schriftgröße, Farbe und Typografie zu ändern.
5.2 Anpassen der Schaltfläche
Wählen Sie den Schaltflächenblock aus, geben Sie den Text ein, den Sie anzeigen möchten, und verknüpfen Sie ihn mit der entsprechenden Seite oder URL, indem Sie auf das Kettensymbol klicken (1) in der Symbolleiste. Verwenden Sie die Blocksymbolleiste, um die Schaltfläche auszurichten und ihren Stil anzupassen.
Navigieren Sie nun zum Blockeinstellungen-Panel auf der rechten Seite. Die Seite Registerkarte Allgemein (1) können Sie die Breite der Schaltfläche im Verhältnis zu ihrem Container einstellen, und die Registerkarte "Stile (3) können Sie die Stile, Farben, Typografie, Abmessungen und den Rahmen der Schaltfläche anpassen.
5.3 Anpassen des gesamten Abdeckblocks
Klicken Sie auf den Abdeckungsblock, um auf seine Einstellungen im Fenster Registerkarte Allgemein. Stellen Sie von dort aus die Layout-Einstellungen um verschachtelte Blöcke einzuschränken, aktivieren Sie die Fester Hintergrund um den Hintergrund beim Blättern zu fixieren oder die Wiederholter Hintergrund wenn Ihr Bild kleiner als der Block ist und gekachelt werden muss, um den Platz auszufüllen, und setzen Sie den Brennpunkt um wichtige Bereiche des Bildes sichtbar zu halten.
Wechseln Sie dann zur Registerkarte "Stile. Von dort aus können Sie die Gesamtfarbe, die Deckkraft, die Typografie, die Dimension, das Seitenverhältnis, den Rahmen und vieles mehr anpassen.
Schritt 6: Vorschau und Veröffentlichung
Gehen Sie die gesamte Seite noch einmal durch, um sicherzustellen, dass sowohl die Schaltfläche als auch das Bild wie vorgesehen erscheinen. Wenn alles in Ordnung ist, veröffentlichen oder aktualisieren Sie Ihren Inhalt, um ihn live zu schalten.
Schlussfolgerung
Die Möglichkeit, einem Bild in WordPress eine Schaltfläche hinzuzufügen, eröffnet kreative Möglichkeiten, um Ihre Inhalte interaktiver und visuell ansprechender zu gestalten. Der Cover-Block in WordPress ermöglicht es Ihnen, Schaltflächen über Bilder zu legen und interaktive, visuell ansprechende Designs zu erstellen, ohne dass Sie zusätzliche Tools oder Kodierung benötigen. Er bietet vollständige Flexibilität bei der Anpassung von Titeln, Schaltflächen und Layoutdetails, so dass Sie Ihre Inhalte leicht an moderne Designtrends anpassen können. Wenn Sie diesen Leitfaden befolgen, können Sie ein professionelles Ergebnis erzielen, das sowohl das Design als auch die Funktionalität Ihrer Website verbessert. Wenn Sie diesen Leitfaden befolgen, kann sich das Design Ihrer Website durch eine bessere Navigation und ein raffiniertes Finish auszeichnen.
