• Thema

  • Technologie

Text nur auf dem Smartphone sichtbar

Beitrag speichern
Logge dich zuerst ein

Habt ihr gewusst, dass ihr die in WordPress integrierte Mobilbrowser-Erkennung «wp_is_mobile» benutzen könnt, um einen einfachen Shortcode zu generieren, mit dem ihr Text auf Smartphones ein- bzw. ausblenden könnt?

Die wp_is_mobile-Funktion antwortet mit «true», wenn deine Seite in einem mobilen Browser besucht wird und erlaubt so das Ein- und Ausblenden von Informationen abhängig vom benutzten Gerät. Das Snippet erlaubt die Benützung der Shortcodes [mobileonly] bzw. [/mobileonly] und [desktoponly] bzw. [/desktoponly] um Texte zu «taggen».

In meinem Fall wollte ich den Hinweistext, dass man den Google Calendar Landscape anschauen soll, nur auf Mobile ausgeben, da der Hinweis nur dort Sinn macht.

Einfacher Weg über PHP

Damit wir Text entsprechend «taggen» können, müssen wir etwas Code im functions.php des Themes einfügen. Denkt dabei immer daran, am besten im Child-Theme arbeiten und vorher ein Backup machen:

Über Erscheinungsbild / Editor…

 

…kommen wir im Backend von WordPress an das PHP-File heran.

 

Danach folgenden Code in functions.php einfügen und sichern:

<?php
// [desktoponly] shortcode
add_shortcode(‚desktoponly‘, ‚wp_snippet_desktop_only_shortcode‘);
function wp_snippet_desktop_only_shortcode($atts, $content = null){
if( !wp_is_mobile() ){
return wpautop( do_shortcode( $content ) );
} else {
return null;
}
}
// [mobileonly] shortcode
add_shortcode(‚mobileonly‘, ‚wp_snippet_mobile_only_shortcode‘);
function wp_snippet_mobile_only_shortcode($atts, $content = null){
if( wp_is_mobile() ){
return wpautop( do_shortcode( $content ) );
} else {
return null;
}
}
?>
Hier der Link zu wp-snippet.com um den Originalcode zu kopieren.
Nun können wir Texte, die nur im mobilen Browser sichtbar sein sollen mit dem Shortcode [mobileonly] öffnen und mit [/mobileonly] wieder schliessen.
Umgekehrt gilt das Selbe für Desktop: [desktoponly] bzw. [/desktoponly] zum Schliessen.
Nun erscheint der Text nur auf Smartphones und nicht im Desktop-Browser.

Über mich

  • Christian Denzler

    Christian Denzler ist Publishing-Spezialist mit über zwei Dekaden Erfahrung in der Schweizer Medien- und Publishingbranche. Seine Schwerpunkte liegen in Druckvorstufe, Web-to-Print, Multi-Channel-Publishing, datenbankgestützter Werbemittelproduktion, barrierefreien Inhalten, XML, Wissensmanagement und künstlicher Intelligenz.

    Aktuell ist er als Application Manager Print Systeme bei CH Media, einem der führenden privaten Medienunternehmen der Schweiz, tätig und arbeitet dort an der Automatisierung von Publishing- und Zeitungsdruckprozessen. Dazu gehören das Erstellen von Workflows mit Enfocus Switch sowie der Einsatz von Systemen wie Asura von OneVision, PEIQ und huGO+ von Sternwald. In eigenen Projekten wie denzler.music verbindet er Prompting, Bildgenerierung und KI-gestützte Musikproduktion mit seiner Erfahrung in Gestaltung, Sprache und digitalen Workflows. Er ist Inhaber von denzler.media, Buchautor beim Rheinwerk Verlag und teilt sein Fachwissen als Blogger und Trainer. Seine Ausbildung umfasst den Polygraf EFZ, den eidgenössischen Fachausweis als Techno-Polygraf, Weiterbildungen in Multi-Channel-Publishing, Usability/UX an der Fachhochschule Nordwestschweiz FHNW, Projektmanagement IPMA Level D sowie Digital Publishing Technologies mit Fokus auf XML, RAG und künstliche Intelligenz.

    Alle Beiträge ansehen
Was denkst du dazu?
yeah!
0
wooow
0
what?
0
meh.
0
hahaha
0
Beitrag teilen
Was denkst du dazu?
Was denkst du dazu?
yeah!
0
wooow
0
what?
0
meh.
0
hahaha
0
Diskussion

2 Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

 

Hinweis: Es kann bis zu zwei Stunden gehen, bis dein Kommentar auf der Website erscheint. Bitte poste deinen Kommentar nur einmal 😉

Aktuelle Jobangebote
  • Prepress / Druck / Verpackung / Werbetechnik Jobs - medienjobs.ch

  • Neue Beiträge als E-Mail
    jeden Dienstag die neusten Blogposts in deiner Inbox
    Unsere Partner:

    Dein Gerät ist aktuell offline.