Antworten auf deine Fragen:
Neues Thema erstellen

Erledigt - in Wordpress Inhalte mobil komplett aus dem Theme entfernen

Karsten_bln

Nicht mehr ganz neu hier

Hallo,
ich suche nach einer Lösung aus einem Wordpress Theme ab einer bestimmten mediaquery z.B. max-width 767...Widgets zu entfernen oder eine Widgetposition (Sidebar) abzumelden. Sehr gerne über die functions php.

Ich möchte in der mobilen Ansicht eine Galerie und einen Slider komplett raus werfen.

display: none; ist in dem Fall keine Option weil der Handynutzer dann ja den überflüßigen kram trotzdem lädt.
 

heckmeck

Noch nicht viel geschrieben

Hallo,
ich kenne das von Elementor, da kannst du die Sektionen, Spalten oder Widgets nach Bedarf ausblenden lassen. Ist Elementor was für dich?
 

dn3d_fanboy

Aktives Mitglied

Hallo,
ich kenne das von Elementor, da kannst du die Sektionen, Spalten oder Widgets nach Bedarf ausblenden lassen. Ist Elementor was für dich?

Bei Elementor wird ja genau das Verfahren per CSS mit display: none; verwendet.

Ich bin mir aber bei display: none; nicht ganz sicher, ob zwar der Code geladen wird, aber nicht Elemente wie Bilder oder Videos. Ich finde leider dazu auch nichts im Web.
Allerdings fällt mir jetzt auch keine andere Methode ein.
 

Karsten_bln

Nicht mehr ganz neu hier

Nabend Danke für die Antworten. Elementor ist ein schicker Pagebuilder. Der lädt wie @dn3d sagt, die Daten und lässt sie per display none verschwinden. Pagebuilder erzeugen oft eine Menge an eigenen CSS Klassen. Ich nutze wenn es quick and dirty sein darf den Beaver Builder Pro auch nen schicker Page Builder. Die Dinger machen ihre Arbeit echt Klasse, nur für dieses Projekt möchte ich eine schlanke Lösung. Also nach Möglichkeit mobil, die Inhalte garnicht erst laden.

^^ ich hab auch schon die Websuche de/en angeworfen und kein Ergebnis bekommen.
Ich glaub ich werd nochmal direkt im Wordpress Forum nachfragen vielleicht sitzt da nen WP Crack rum. Wenn ich ne Lösung finde setz ich die hier rein.
Danke für eure Zeit.
 

Myhar

Hat es drauf

Das heißt, du möchtest aktiv die Entwicklung der letzten ~10 Jahre responsive Webdesign ausschalten und wieder zurück zu für jedes Gerät eine eigene Website ausliefern? Das ist prinzipiell schon möglich, dafür gibt es spezielle Frameworks, die das erkennen und dann auf eine eigene mobile Website weiterleiten.
Aber dann darfst du dich nicht wundern wenn google dich dementsprechend schlechter einstuft.
 

Karsten_bln

Nicht mehr ganz neu hier

Hallo @Myhar es wäre für die mobile Auslieferung und wenn der Nutzer zufrieden ist weil er schnell ein passendes Ergebnis bekommt, ist google glücklich. Und Zum Thema Auslieferung könnte ich jetzt den Ansatz AMP und PWA bringen. ist ja auch nichts anderes, für bestimmte Gerätetypen eigene Ausgaben.

Nen Freund meinte das es mit einer Browserweiche ginge, allerdings würde dann Dein Argument "Schritt zurück" greifen und ich müsste eine extra Seite erstellen. Also indiskutabel.

ich hab mich für asynchrones Laden und wahrscheinlich AMP integration entschieden.... glaub ich.
Danke für den input
 

Myhar

Hat es drauf

Stimmt, diese AMP Seiten sind ja auch so ein extra Ansatz der Google sogar glücklich macht. Daran denke ich nie, kann mich damit irgendwie nicht so wirklich anfreunden. :D
 

Curanai

Aktives Mitglied

Ein Ansatz anderer Art:
- installiere Dir "mobile detect" in einer aktuellen Version (irgendwas oberhalb von 2.8.22; das ist kein Plugin - gibt es aber vllt.)
- schreibe Deine Seite so um, dass ...
... ... das Ergebnis von mobile detect im DOM steht (bspw. als data-* im body-Tag; wohl direkt am Template zu machen)
... ... die beiden betroffenen Bereiche immer async geladen werden (post-render), wenn ...
... ... das Ergebnis aus "mobile detect" nicht mobile (gilt für Tablet/Smartphone; lässt sich differenzieren) ist, was ...
... ... dann nur ein JavaScript-Trigger für die beiden Dinge sein müsste, die Du differenziert laden würdest wollen.

Viel Erfolg.
 

Karsten_bln

Nicht mehr ganz neu hier

Hi @Curanai vielen Dank für den Ansatz.
Ich hab noch nen bisschen gesucht und bin unter anderem auf github fündig geworden. Und natürlich gibt es für WP mindestens ein Plugin.

hier nochmal der link für andere Interessierte
https://github.com/serbanghita/Mobile-Detect
in der Readme sind WP Links hinterlegt.

Vielen Dank :)

Ich hab noch eine coole Lösung für Joomla gefunden.
https://kubik-rubik.de/de/dsc-device-specific-content
Dort wird auch Moblie Detect als Basis genommen und je nach eigenen skills kann man einen shortcode nutzen oder das ganze in den Quellcode der Seite werfen.
 
Zuletzt bearbeitet:

Curanai

Aktives Mitglied

Freut mich. Aber mich gruselt es immer, wenn man für so eine Kleinigkeit meint, ein Plugin installieren zu müssen. Toxische Drittanbieter in einer WP Installation. Nein, das ist nicht so meins. ;)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben