• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wordpress read more tag nur auf mobilen Geräten

Nalci

Neues Mitglied
Hallo,

ich hoffe ich bin im richtigen Thread gelandet.

Also ich möchte gerne den read more tag <!--more--> von Wordpress verwenden. Der Text soll allerdings nur auf mobilen Geräten gekürzt werden. Bei Desktop soll der Inhalt ganz normal angezeigt werden.

Ich habe im Internet viel mit PHP Codes rumprobiert, ob man vielleicht diesen tag bei einer bestimmten Bildschirmgöße ausblenden kann aber da gibts nicht so die Möglichkeiten wie bei CSS mit @media und ehrlich gesagt blicke ich bei PHP auch noch nicht so ganz durch.

Dann habe ich versucht per CSS mit display:none; das auszublenden aber da wird nur der Button ausgeblendet, was im nachhinein auch irgendwie logisch ist. :D

Ich bin gerade etwas überfragt, oder sollte ich das ganz anders machen als mit dem read more tag?

Hab unten zwei Beispiele dran gehängt, wie ich es mir vorstelle. Habe da manuell den tag eingefügt und wieder entfernt. Die Leiste quer durchs Bild ist nicht wichtig, hat Firefox beim Screenshot machen irgendwie verschoben.

 

Anhänge

  • so_auf_desktop.png
    so_auf_desktop.png
    841,3 KB · Aufrufe: 3
  • so_auf_mobile.png
    so_auf_mobile.png
    829,2 KB · Aufrufe: 3
Werbung:
Zurück
Oben