Problem mit Verlinkung eines Icons über „mailto“

Gelöst ilianarush
(@ilianarush)

vor 2 Wochen, 3 Tage

Hallo zusammen,

ich versuche, auf meiner WordPress-Seite ein Icon mit einer E-Mail-Adresse zu verlinken. Dabei verwende ich einen „mailto“-Link, aber die Verlinkung funktioniert nur, wenn die E-Mail-Adresse direkt auf der Seite sichtbar ist. Da dies jedoch nicht zu meinem Design passt, möchte ich die Adresse versteckt halten.

Meine Seite ist derzeit im Wartungsmodus, weshalb ich sie nicht öffentlich zugänglich machen kann. Ich habe es in verschiedenen Browsern getestet, doch jedes Mal öffnet sich ein neuer Tab mit der Adresse „about#blocked“.

Ich habe es auch mit verschiedenen Themes und Browsern ausprobiert, aber das Problem bleibt bestehen. Gibt es eine Möglichkeit, dieses Problem zu umgehen und die Verlinkung ohne sichtbare E-Mail-Adresse zu realisieren?

Vielen Dank im Voraus für eure Hilfe!

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)

Moderator

(@pixolin)

Hallo @ilianarush und willkommen im Forum.

Für einen gelungenen Start wäre es schön, wenn du dich zunächst ein wenig umschaust, unsere Forenregeln und die FAQ kurz durchgehst und vor allem unseren angehefteten Beitrag liest (und hoffentlich umsetzt):

Bevor du ein neues Thema (Thread) erstellst

Ohne Angaben zu deiner Website ist die Frage nur sehr pauschal zu beantworten. Ich weiß z.B. nicht, ob du einen Page-Builder (z.B. Elementor) verwendest oder den eingebauten Block-Editor nutzt.

Hier ein Beispiel, bei dem ich das Plugin The Icon Block verwendet habe, um ein Mail-Icon einzufügen:

Bei (1) habe ich dann einen Block „Icon“ eingefügt und aus der Icon-Library „Mail“ ausgewählt, womit das Icon mit dem Briefumschlag erscheint. Mit (2) habe ich einen Link hinzugefügt und dabei als URL mailto:wp@wp.test eingesetzt und mit Klick auf den abgewinkelten Pfeil bestätigt. Wird nun die Webseite aufgerufen, erscheint das Icon. Wird das Icon angeklickt, öffnet sich das Standard-E-Mail-Programm und fügt die angegebene E-Mail-Adresse ein.

Zusätzlich zur E-Mail-Adresse können weitere Daten übernommen werden, z.B. ein Betreff oder eine CC-Adresse.Der Beitrag E-Mail-Links (mailto) mit Betreff, Kopie (CC), Blindkopie (BCC) und Nachrichteninhalt geht auf die verschiedenen Möglichkeiten weiter ein.

Alternativ kannst du statt eines Icons auch ein beliebiges jpg/png-Bild nehmen.

Thread-Starter

ilianarush

(@ilianarush)

vor 2 Wochen, 3 Tage

Hallo Bego Mario Garde,

vielen Dank für deine schnelle Antwort und die ausführliche Erklärung.

Die Forenregeln habe ich natürlich durchgelesen.

Leider kann ich noch nicht mit der Website live gehen, da es sich um eine Firmenwebseite handelt und es muss (fast) alles funktionieren, bevor die Seite online ist.

Ich benutze keinen Page-Builder, nur Spectra-Plugin als Ergänzung zu dem Gutenberg-Editor.
Ich habe auch ausprobiert, mit Elementen von der eingebauten Editor wie „Bild“ oder einem Textteil von einem „Absatz“ eine Mailadresse zu verlinken. Leider ist das Ergebnis gleich. Es funktioniert nur, wenn ich die E-Mail-Adresse als Text in der Seite schreibe.

Die Schritte für die Verlinkung, die ich gemacht habe, sind genauso wie du sie beschrieben hast.

Möglicherweise, kennt jemand eine Lösung. Sonst muss ich die Frage erneut stellen, wenn die Seite online ist.

Moderator

Bego Mario Garde

(@pixolin)

vor 2 Wochen, 3 Tage

Leider kann ich noch nicht mit der Website live gehen …

Kein Problem, aber der Website-Bericht (Werkzeuge > Website-Zustand > Tab Bericht > Button) wäre zur Beurteilung hilfreich.

Zu „ich hab’s genauso gemacht, geht nicht“ kann ich wenig sagen.

bscu

(@bscu)

vor 2 Wochen, 3 Tage

Vielleicht noch ein anderer Hinweis: mailto-Verlinkungen sind nicht ratsam, denn wenn ich auf meinem Handy oder Tablet keinen Mail-Account eingerichtet habe, läuft der Link in Leere.

Thread-Starter

ilianarush

(@ilianarush)

vor 2 Wochen, 3 Tage

` wp-core

version: 6.6.2
site_language: de_DE
user_language: de_DE
timezone: +00:00
permalink: /%category%/%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 2
dotorg_communication: true wp-paths-sizes

wordpress_path: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app
wordpress_size: 68,52 MB (71849841 bytes)
uploads_path: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/uploads
uploads_size: 40,88 MB (42867519 bytes)
themes_path: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/themes
themes_size: 32,29 MB (33860891 bytes)
plugins_path: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/plugins
plugins_size: 136,27 MB (142888415 bytes)
fonts_path: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/uploads/fonts
fonts_size: directory not found
database_size: 172,28 MB (180649984 bytes)
total_size: 450,25 MB (472116650 bytes) wp-dropins (1)

advanced-cache.php: true wp-active-theme

name: Blocksy Child Child (blocksy-child)
version: 2.0.67.1726307510
author: CreativeThemes
author_website: https://creativethemes.com
parent_theme: Blocksy (blocksy)
theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, responsive-embeds, html5, title-tag, custom-logo, lifterlms-sidebars, boostify-header-footer, rank-math-breadcrumbs, fl-theme-builder-headers, fl-theme-builder-footers, fl-theme-builder-parts, editor-styles, editor-style, editor-color-palette, editor-gradient-presets, post-thumbnails, menus, align-wide, customize-selective-refresh-widgets, header-footer-elementor, widgets
theme_path: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/themes/blocksy-child
auto_update: Aktiviert wp-parent-theme

name: Blocksy (blocksy)
version: 2.0.69
author: CreativeThemes
author_website: https://creativethemes.com
theme_path: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/themes/blocksy
auto_update: Aktiviert wp-themes-inactive (1)

Astra: version: 4.8.1, author: Brainstorm Force, Automatische Aktualisierungen aktiviert wp-mu-plugins (1)

WordPress automation by Installatron: author: (undefined), version: (undefined) wp-plugins-active (20)

Autoptimize: version: 3.1.12, author: Frank Goossens (futtta), Automatische Aktualisierungen aktiviert
Blocksy Companion: version: 2.0.69, author: CreativeThemes, Automatische Aktualisierungen aktiviert
Child Theme Configurator: version: 2.6.6, author: Lilaea Media, Automatische Aktualisierungen aktiviert
Contact Form 7: version: 5.9.8, author: Takayuki Miyoshi, Automatische Aktualisierungen aktiviert
Cool Flipbox: version: 1.8.3, author: Cool Plugins, Automatische Aktualisierungen aktiviert
Create Block Theme: version: 2.5.0, author: WordPress.org, Automatische Aktualisierungen aktiviert
Flipbox - Awesomes Flip Boxes Image Overlay: version: 2.9.6, author: Biplob Adhikari, Automatische Aktualisierungen aktiviert
Image optimization service by Optimole: version: 3.13.7, author: Optimole, Automatische Aktualisierungen aktiviert
LightStart - Maintenance Mode, Coming Soon and Landing Page Builder: version: 2.6.12, author: Themeisle, Automatische Aktualisierungen aktiviert
Limit Login Attempts Reloaded: version: 2.26.13, author: Limit Login Attempts Reloaded, Automatische Aktualisierungen aktiviert
Otter – Page Builder Blocks & Extensions for Gutenberg: version: 3.0.3, author: ThemeIsle, Automatische Aktualisierungen aktiviert
Polylang: version: 3.6.4, author: WP SYNTEX, Automatische Aktualisierungen aktiviert
Shariff Wrapper: version: 4.6.14, author: Jan-Peter Lambeck & 3UU, Automatische Aktualisierungen aktiviert
Spectra: version: 2.15.3, author: Brainstorm Force, Automatische Aktualisierungen aktiviert
Strato Assistant: version: 7.3.0, author: Strato, Automatische Aktualisierungen aktiviert
wp-Typography: version: 5.9.1, author: Peter Putzer, Automatische Aktualisierungen aktiviert
WP File Manager: version: 8.0, author: mndpsingh287, Automatische Aktualisierungen aktiviert
WP Super Cache: version: 1.12.4, author: Automattic, Automatische Aktualisierungen aktiviert
Yoast Duplicate Post: version: 4.5, author: Enrico Battocchi & Team Yoast, Automatische Aktualisierungen aktiviert
Yoast SEO: version: 23.5, author: Team Yoast, Automatische Aktualisierungen aktiviert wp-media

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1693
imagemagick_version: ImageMagick 6.9.13-7 Q16 x86_64 18310 https://legacy.imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 128M
upload_max_filesize: 128M
max_effective_size: 128 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 122 MB
imagick::RESOURCETYPE_DISK: 1073741824
imagick::RESOURCETYPE_FILE: 192
imagick::RESOURCETYPE_MAP: 512 MB
imagick::RESOURCETYPE_MEMORY: 256 MB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 0
imagemagick_file_formats: 3FR, 3G2, 3GP, A, AAI, AI, APNG, ART, ARW, AVI, AVS, B, BGR, BGRA, BGRO, BMP, BMP2, BMP3, BRF, C, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DNG, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, FAX, FILE, FITS, FLV, FRACTAL, FTP, FTS, G, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K, K25, KDC, LABEL, M, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, O, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, R, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCREENSHOT, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIDEO, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMV, WPG, X3F, XBM, XC, XCF, XPM, XPS, XV, Y, YCbCr, YCbCrA, YUV
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP
ghostscript_version: not available wp-server

server_architecture: Linux localhost 4.18.0-553.el8_10.x86_64 #1 SMP Linux localhost 4.18.0-553.el8_10.x86_64 #1 SMP Linux localhost 4.18.0-553.el8_10.x86_64 #1 SMP
httpd_software: Apache/2.4.62 (Unix)
php_version: 8.2.22 64bit
php_sapi: cgi-fcgi
max_input_variables: 4000
time_limit: 240
memory_limit: 512M
max_input_time: 60
upload_max_filesize: 128M
php_post_max_size: 128M
curl_version: 8.8.0 OpenSSL/3.0.14
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true
current: 2024-09-27T13:45:23+00:00
utc-time: Friday, 27-Sep-24 13:45:23 UTC
server-time: 2024-09-27T13:45:22+00:00 wp-database

extension: mysqli
server_version: 10.11.7-MariaDB-log
client_version: mysqlnd 8.2.22
max_allowed_packet: 67108864
max_connections: 3000 wp-constants

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content
WP_PLUGIN_DIR: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 512M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: true
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Nicht definiert
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined wp-filesystem

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
fonts: not writable
mu-plugins: writable pll_options

browser: 0: Erkennung der Browsersprache deaktiviert
rewrite: 1: /sprache/ aus wohlgeformten Permalinks entfernen
hide_default: 1: URL Informationen für die Standardsprache verstecken
force_lang: 1: Die Sprache wird aus dem Verzeichnis-Namen in wohlgeformte Permalinks eingestellt
redirect_lang: 0: Die URL der Titelseite enthält den Seitennamen oder die Seiten-ID statt dem Sprachcode
media_support: 0: Die Medien sind nicht übersetzt
sync: 0: Synchronisation deaktiviert
post_types: post, page, wp_block
taxonomies: category, post_tag
version: 3.6.4
default_lang: de
footer: de => 17 | en => 0
menu_1: de => 4 | en => 0
menu_2: de => 0 | en => 0
menu_mobile: de => 0 | en => 0 pll_language_de

name: Deutsch
slug: de
term_group: 0
term_id: 6
locale: de_DE
is_rtl: 0
w3c: de-DE
facebook: de_DE
home_url: https://dcpretorian.com/
search_url: https://dcpretorian.com/
page_on_front: 8
page_for_posts: 0
flag_code: de
flag_url: https://dcpretorian.com/wp-content/plugins/polylang/flags/de.png
custom_flag_url: 0
active: true
fallbacks: 0
is_default: true
term_props:
language/term_id: 6
language/term_taxonomy_id: 6
language/count: 10
term_language/term_id: 7
term_language/term_taxonomy_id: 7
term_language/count: 1 pll_language_en

name: English
slug: en
term_group: 0
term_id: 9
locale: en_US
is_rtl: 0
w3c: en-US
facebook: en_US
home_url: https://dcpretorian.com/en/home-2/
search_url: https://dcpretorian.com/en/
page_on_front: 369
page_for_posts: 0
flag_code: us
flag_url: https://dcpretorian.com/wp-content/plugins/polylang/flags/us.png
custom_flag_url: 0
active: true
fallbacks: 0
is_default: 0
term_props:
language/term_id: 9
language/term_taxonomy_id: 9
language/count: 4
term_language/term_id: 10
term_language/term_taxonomy_id: 10
term_language/count: 1 pll_warnings

wpml:
plugins/shariff: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/plugins/shariff/wpml-config.xml
plugins/ultimate-addons-for-gutenberg: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/plugins/ultimate-addons-for-gutenberg/wpml-config.xml
plugins/wordpress-seo: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/plugins/wordpress-seo/wpml-config.xml
themes/blocksy: /mnt/web510/a0/32/555111732/htdocs/STRATO-apps/wordpress_01/app/wp-content/themes/blocksy/wpml-config.xml

@pixolin – Hier ist der Bericht.

@bscu – Danke für den Hinweis.

Moderator

Bego Mario Garde

(@pixolin)

vor 2 Wochen, 3 Tage

Du verwendest mit WP Super Cache und Autoptimize zwei bewährte Plugins zur Performance-Optimierung, die aber erst zum Einsatz kommen sollten, wenn die Arbeiten an der Website abgeschlossen sind. Du bekommst sonst ggf. einen Zwischenstand angezeigt, der nicht zu deinen letzten Änderungen passt.

Moderator

Angelika Reisiger

(@la-geek)

vor 2 Wochen, 2 Tage

@ilianarush

Ich habe das jetzt mit dem reinen Block-Editor (Social Icons) sowie dem Block Icon von Spectra getestet. Es funktioniert einwandfrei nur mit dem Icon, ohne Text/Code.

Probiere einmal die relevanten Punkte aus diesem Beitrag aus, vorab solltest du die beiden Cache-Plugins entfernen (vorher den Cache dieser Plugins leeren), wie Bego oben geschrieben hatte.

https://de.wordpress.org/support/topic/speichern-o-aktualisieren-o-schreiben-o-anmeldung-im-backend-geht-nicht-mehr/

Punkte 2.a), 2.b) 2.c)

Thread-Starter

ilianarush

(@ilianarush)

vor 2 Wochen, 1 Tag

Danke an allen für die Hilfestellung. Jetzt hat es funktioniert.

Moderator

Bego Mario Garde

(@pixolin)

vor 2 Wochen

Super. Dann markiere ich den Thread als „gelöst“.