Kann man in WPBakery einen Abschnitt so bearbeiten, dass er nur auf dem Laptop/Handy gezeigt wird?

Möchte in WordPress zwei unterschiedliche Gallery Elemente jeweils einmal für Handy und einmal für Laptop anzeigen lassen. Ist das möglich mit Logic oder muss ich das anderweitig machen? Alles andere der Seite soll genauso wiedergeben werden.

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

Limearts

27.09.2023, 09:26

Ja das geht grundlegend. Allerdings ist WPBakery hier ein wenig limitiert. Es lässt sich nicht für einzelne Elemente steuern. Es ist lediglich möglich die jeweilige Spalte geräteabhängig zu definieren.

Du müsstest daher ggf einen womöglich größeren Abschnitt kopieren und entsprechend anpassen um ans Ziel zu kommen.

Meinen Erfahrungen nach entfernt dies die Spalte allerdings auch nicht vollständig, sondern setzt entsprechende CSS-Klassen um das Ganze einfach mittels display:none; auszublenden. Mittels eines Media-Queries der die Fenstergröße / Orientierung abfragt, könnte man dies notfalls also ebenso gut mit einer eigenen Klasse via CSS lösen.

Bild zum Beitrag

Woher ich das weiß:Berufserfahrung – selbstständiger Dienstleister und Nerd

oIJackIo

Beitragsersteller

27.09.2023, 12:05

Nach bisschen rumtüfteln hat es einbahnfrei funktioniert. Danke nochmal

Ähnliche Beiträge

CSS "checked" auf nur einen input (checkbox) anwenden?

Hallo,

Ich mache gerade für Info eine Webseite, allerdings dürfen wir noch kein JavaScript benutzen.

Deshalb habe ich , um die Webseite responsive zu machen das ganze mehr oder weniger mit einem input (checkbox) geregelt, die man nicht sieht, welche dann durch ein label verbunden ist, was wiederrum eine art Burger-Stapel ist. Auf diesen kann man clicken, und dann schieben sich die Links von oben nach unten.

Spielt aber hierfür keine Rolle.

Auf jeden Fall habe ich in CSS logischerweise dann das mit "checked ~" gemacht, was auch funktioniert.

Nun möchte ich aber einen Darkmode integrieren, und brauche dafür nochmal einen zweiten input (auch wieder checkbox), also im Prinzip das selbe Spiel nochmal.

Allerdings prüft "checked ~" ALLE checkboxen, sodass das responsive nicht mehr funktioniert, wenn der Darkmode aktiv wäre.

Kann ich also irgendwie nur immer die JEWEILIGE checkbox prüfen lassen?

Danke im Voraus! :)

...zum Beitrag

Wie Optimiere ich eine Webseite für das Handy?

Hallo. Welche Plugins auf Wordpress lassen eine Webseite genau so aussehen wie am Pc?

Nicht einmal die Schrift, auf dem Handy ist die selbe. Übrigens ich verwende das Blocksy theme.

...zum Beitrag

Warum kann ich Google Play Filme, obwohl ich sie in HD gekauft habe, auf meinem Laptop nur in 480p wiedergeben?

Ich habe, seit ich mir einen neuen Laptop von MSi zugelegt habe, immer das Problem, dass ich meine in HD (auch 4K) gekauften Google Play Filme nur noch in 480p wiedergeben kann. Ich habe alles schon versucht, den Browser gewechselt, auf Youtube und auf der Google Play Website getestet. Aber das Problem bleibt weiterhin bestehen. Versuche ich es jedoch auf meinem Handy oder meinem Fernseher, kann ich alle Filme in der höchsten Qualität wiedergeben. Nur mein Laptop ist davon betroffen. Und auf meinem alten Laptop ging es problemlos!

Hätte jemand eine Lösung, an was das liegen könnte oder auch einen Weg, wie sich das beheben lässt?

...zum Beitrag

Aufgenommene Filme auf Festplatte wiedergeben?

Ich habe eine externe Festplatte am TV zwecks Aufnahme angeschlossen!

Ich habe bloß ein Problem - ich kann sie am Laptop nicht sichtbar machen oder bearbeiten!?Wer kann mir da weiterhelfen?

...zum Beitrag

Wordpress + Elementor: Wie zu weit verschobenes Bild bearbeiten?

Liebe Experten,

ich habe auf einer Seite meiner Homepage ein Bild eingefügt, welches ich über die Funktion "Margin" und "Paddling" so weit nach oben verschoben habe, dass ich es nachträglich nicht mehr auswählen kann, um es zu bearbeiten oder gar zu ändern.

Gibt es eine Idee, wie man sonst das Bild verschieben kann, sodass wieder das blaue Feld mit "Abschnitt bearbeiten" angezeigt wird (siehe Bild)? Wenn ich auf das Bild klicke, erscheint nur noch der blaue Rahmen, aber das Feld taucht ja immer nur oben eines Abschnitts auf und ist daher durch das Verschieben nun unerreichbar geworden...

...zum Beitrag

Elementor Responsive schmeißt sich zusammen?

Hallo ihr Lieben,

meine Deskopseite ist top.

Sobald ich allerdings auf responsive gehe, hat sich einiges zusammen geschmissen oder ist nach oben verrutscht und ich komme nicht dran.

Meine Menüleiste ist oben auch weg.

Wie kann ich alles individuell fixieren und bearbeiten/verschieben?

Liebe Grüße

...zum Beitrag

Bilder von Handy auf Laptop kopieren?

Möchte Bilder von meinen Android Handy auf meinen Windows Laptop schicken.

Jedoch hab ich ein paar Probleme. Viele der Elemente (Fotos/ Videos) möchten am Handy in keinen Ordner rein.

Beim Laptop wird mir unter der Verbindung mit meinen Handy bei Pictures nur Ordner angezeigt. Da ich die Bilder aber nicht in einen Ordner machen kann, bringt mir die Option auch nichts.

Wie kann ich jetzt Bilder und Videos vom Handy auf dem Laptop schicken?

Die Geräte sind mit einen Ladekabel verbunden.

...zum Beitrag

Element untersuchen bei Mac?

Hallo :) Ich hab eine Frage: Früher hatte ich einen Laptop mit Windows drauf und könnte z.B. im Internet dinge Mokieren, mit rechts Klick "Element untersuchen" und dann das sozusagen "bearbeiten". Jetzt habe ich aber ein MacBook Air 13, habe das im Safari und auch bei Mozilla Firefox probiert, aber dort klappt es nicht, ich kann sozusagen kein Rechts Klick machen. Kann man das eigentlich auf dem MacBook? Also Elemente untersuchen und bearbeiten?? Oder gibt es da eine andere Methode? Danke im Voraus

...zum Beitrag

Wie kann ich das Element nach rechts verschieben?

Hallo zusammen

Ich würde gerne ein Element mittels CSS in der Fusszeile der WordPress Seite www.ludochur.ch welche ich mittels dem SiteOrign CSS Plugin, welches das grafische Bearbeiten des Textes und der Objekte erlaubt nach rechts schieben.

Das Plugin hat einen Text-Code Bereich wo man das mittels dem Klassischen CSS-Text bearbeiten kann, besitzt aber auch für "deppen" wie mich :) eine grafische Gestaltungsmöglichkeit, wo der effektive Code mit den Einstellungen in den Text-Code-Bereich kopiert wird dass man nur noch "speichern" muss.

Freundliche Grüsse

calgia

...zum Beitrag

Excel in VS einbinden?

Hallo,

aktuell erstelle ich ein Programm mit C#, welches Daten, die ich eingebe, in Excel einfügt. Um Excel zu verwenden, habe ich das EPPlus NuGet-Paket installiert. Irgendwie gab es dort Probleme mit dem Zugriff (Datenschutz). Daher wollte ich die Excel-Datei direkt in Visual Studio einfügen und sie so direkt bearbeiten. Dafür bin ich auf die Projektmappe gegangen, habe einen Rechtsklick gemacht, "Hinzufügen" ausgewählt, dann "Vorhandenes Element" und schließlich die zuvor erstellte (gespeicherte .xlsx) Datei aus Excel ausgewählt.

Danach kam immer die Meldung: "Entweder wird das Dokumentformat nicht unterstützt, oder das Dokument enthält binäre Zeichen, die mit einer anderen Anwendung geöffnet werden müssen."

Ich kann die Meldung bestätigen, und die Excel-Datei wird im Projektfenster als Element angezeigt. Allerdings funktioniert mein Code nicht, weil die Excel-Datei nicht richtig eingebunden wurde.

Zur Excel-Datei:

Ich habe in Excel einfach eine leere Arbeitsmappe erstellt und diese in einem leeren Ordner als "Ernährungsdaten.xlsx" abgespeichert, natürlich ohne Schreibschutz.

Wie man am Namen erkennen kann, geht es um Ernährungsdaten, die verarbeitet werden. Später kommen auch noch Datenbanken usw. hinzu und Vorgänge werden automatisiert. Allerdings muss ich jetzt erst einmal die Excel-Datei richtig einbinden.

Ich hoffe, Ihr könnt mir helfen.

Danke im Voraus.

...zum Beitrag

Capcut?

Hab ein Video auf dem Handy gemacht und würde es gerne auf dem Laptop auf Capcut bearbeiten wie geht das?

...zum Beitrag

JavaScript will nicht (Text in Element ändern per onclick)?

Hallo alle miteinander,

ich tüftle derzeit daran, den Text eines Elements zu ändern, sobald im unteren Menü ein Feld angeklickt wurde. Das Ganze funktioniert jedoch nicht und ich verstehe nicht wirklich warum. Könnt ihr mir helfen den Fehler zu finden?

Die wli-Variablen sollen den neuen Text enthalten, da ich das für jemanden programmiere, der keine Ahnung von JavaScript hat und ich es somit vereinfachen wollte, das er den Text ohne etwas kaputt zu machen, bearbeiten kann.

Hier einmal der Code, an dem ich herumprobiert habe. Allerdings ohne den CSS-Teil:

<script type="text/javascript">
  wli1 = "wli1";
  wli2 = "wli2";
  wli3 = "wli3";
  wli4 = "wli4";
  wli5 = "wli5";
  wli6 = "wli6";

  function fwli1() {
    document.getElementById("werdegangcon").value = wli1;
  }

  function fwli2() {
    document.getElementById("werdegangcon").value = wli2;
  }

  function fwli3() {
    document.getElementById("werdegangcon").value = wli3;
  }

  function fwli4() {
    document.getElementById("werdegangcon").value = wli4;
  }

  function fwli5() {
    document.getElementById("werdegangcon").value = wli5;
  }

  function fwli6() {
    document.getElementById("werdegangcon").value = wli6;
  }
</script>
<div class="conh15">
  <div class="con100">
    <div class="con_top center nummer">
      <h3>Werdegang</h3>
    </div>
    <div class="con_mid center" id="werdegangcon">
      2394    Abschluss des Abiturs mit Auszeichnung</br>
      2394    Job als Haustechnikerin
    </div>
    <div class="con_bot center">
      <ul class="werdegang">
        <li id="weli1" onclick="fwli1()">vor der Akademie</li>
        <li id="weli2" onclick="fwli2()">2395</li>
        <li id="weli3"onclick="fwli3()">2399</li>
        <li id="weli4"onclick="fwli4()">2401</li>
        <li id="weli5"onclick="fwli5()">2402</li>
        <li id="weli6" onclick="fwli6()">2403</li>
      </ul>
    </div>
  </div>
</div>

...zum Beitrag

Icon größe ändern PHP und CSS Wordpress?

Hallo,

ich möchte gern die Icon Größe bearbeiten. Das icon ist hierbei "fa-phone"

Ich habe eine php Datei und ein Style.css sheet. Wie genau mache ich das? Ich bin eig. Java entwickler und habe mit CSS und PHP leider nichts am Hut.

Hier der php Code Abschnitt:

            <div class="col-lg-3 col-md-6 contact-details">
              <div class="row">
                <?php if( get_theme_mod( 'sayara_automotive_contact_head','' ) != '' || get_theme_mod( 'sayara_automotive_contact','' ) != '') { ?>
                  <div class="col-lg-2 col-md-2">
                    <i class="fa fa-phone"></i>
                  </div>
                  <div class="col-lg-10 col-md-10">
                    <p class="top-head"><?php echo esc_html( get_theme_mod('sayara_automotive_contact_head','' )); ?></p>
                    <p><?php echo esc_html( get_theme_mod('sayara_automotive_contact','' )); ?></p>
                  </div>
                <?php }?>
              </div>
            </div>

Wie genau hängt das Style.css mit dem zusammen?

LG
Niklas

...zum Beitrag

laptop kann gopro videos nicht wiedergeben?

ich habe eine gopro hero 7 black (neu) und einen windows pc mit windows 8.1 ,4gB RAM und interl core i5. wenn ich in 4k aufgenommene videos von der gopro auf den laptop kopiere und wiedergeben will spielt der media player nur den ton des videos ab. In sony vegas zeigt es mir das bild an aber es laggt bei der wiedergabe so stark dass mir beim zugucken die augen wehtun. der ton wird durch ein lautes piepgeräusch ersetzt. Meine sd-card ist formatiert und funktioniert auch bei der wiedergabe direkt in der cam. wie krig ich es hin dass ich die videos am laptop anzeigen und bearbeiten kann ?

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen