Kadence · Responsive Design für Mobilgeräte anpassen

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024

Комментарии • 12

  • @sw5545
    @sw5545 6 месяцев назад +1

    Ich verstehe tatsächlich nicht, warum du nur ein paar Abonnenten hast - TOP Content!
    Habe mich entschlossen, meine neue Seite auch auf Basis von Kadence zu erstellen.
    Bisher habe ich DIVI verwendet. Nicht, dass wir uns falsch verstehen - ich bin eher Laie...
    Einige Dinge gefallen mir ganz gut bei Kadence. Einige fehlen mir auch.
    Man kann bei DIVI in meinen Augen den visuellen Builder nicht verwenden.
    Das geht bei Kadence viel besser.
    Dafür fehlt der klassische DIVI Builder - der mag umständlich sein, aber top übersichtlich.
    Auch die Funktion, einzelne Teile einfach zu speichern, um sie später wieder verwenden zu können, oder einfach nur davor zu schützen, sich das Design zu zerschießen, weil man etwas ausprobiert, finde ich bei DIVI viel einfacher. Da würde ich fast sagen, das fehlt mir bei Kadence.
    Was mir komplett fehlt, ist die Möglichkeit einzelne Teil für Mobil/Desktop deaktivieren zu können.
    Man ist so gezwungen, einen Block für alle Ansichten optimieren zu müssen. Das ist nach meinen bisherigen Erfahrungen manchmal langwierig bzw. nur mit Kompromissen möglich.
    Aber vielleicht gibt es die Funktion ja sogar und ich finde sie nur nicht....

    • @webgeneral
      @webgeneral  6 месяцев назад +1

      Hallo, erstmal vielen Dank!
      Ich kann das sehr gut nachvollziehen, immer wenn man auf ein neues System umstellt, tauchen hier und da ein paar Fragezeichen auf. Ich hatte selbst mal mit DIVI rumgespielt und kam gut damit zurecht...
      Wenn man sich an die Block Editor Technik gewöhnt hat, geht aber auch alles wie von selbst.
      Das erstellen eigener Templates, so wie es bei DIVI oder Elementor möglich ist, geht leider nicht so einfach... Du kannst jedoch unterschiedliche Designs für Mobil- und Desktop erstellen, schade ich wollte ein entsprechendes Beispiel im Video aufnehmen, aber es war ohnehin schon so lang...
      Erstelle einfach das Desktop-Design in einem Row Layout Block und geh dann rechts in den Block-Einstellungen auf *_Erweitert_* -> *_Sichtbarkeitseinstellungen_* -> Tablets und Mobil deaktivieren. Danach erstellst du das Design für Mobilgeräte in einem neuen Row Layout Block und deaktivierst Desktop in den Sichtbarkeitseinstellungen.
      Beste Grüße und viel Erfolg!

    • @sw5545
      @sw5545 6 месяцев назад +1

      @@webgeneral🙈 ja sag ich doch, ich finde es nur nicht...
      Tausend Dank! Genau das habe ich gesucht!

    • @webgeneral
      @webgeneral  6 месяцев назад

      @@sw5545 ✌

  • @knutilkenhans3195
    @knutilkenhans3195 6 месяцев назад +1

    Hallole, ich habe mir deine Videos angesehen und mein Wordpress neu installiert um mit Kademce zu arbeiten. Finde es gut. Ich möchte eine Seite erstellen mit Webshop und habe mir auch das SureCart angesehen. Gibt es bei Kadence eine gutes Tempate als Vorlage, mit dem ich hundert verschiedene Kleinteile anbieten kann ? Habe vom Aufbau eines Shops keine Ahnung, habe mir alles erst durch deine Videos angeeignet. Danke für die toll erklärten Videos. Beste Grüße Knut

    • @webgeneral
      @webgeneral  6 месяцев назад

      Hallo Knuth! mit Kadence und SureCart lässt sich dein Projekt sicherlich gut umsetzen. Aktuell sind die E-Commerce Templates von Kadence alle auf WooCommerce ausgelegt. Dadurch dass SureCart eine "kopflose App" ist und das Shop-Management größtenteils auf SureCart Servern liegt, ist das Erstellen von Templates für klassische Shop-Seiten etwas schwieriger.
      Besonders weil das Shop-System von SureCart noch recht neu ist, muss man sich auf learning by doing vorbereiten, denke ich.
      Aktuell nutze ich SureCart zum Verkauf von digitalen Produkten, aber einen klassischen Shop für physische Produkte, habe ich bislang noch nicht erstellt.
      Dennoch kannst du hier (unter den SureCart Videos) gern Fragen zu dem Thema posten und ich versuche zu helfen.
      Beste Grüße!

  • @falcoaust8041
    @falcoaust8041 Месяц назад +1

    Hallo Robin, danke für diese tolle Anleitung. Da ging die mobile Optimierung total schnell. Eine Sache habe ich jedoch nicht herausgefunden. Vielleicht kannst du helfen. Ich blende in meinen Blog-Beiträgen links eine Seitenleiste mit Inhaltsverzeichnis ein. Diese wird auf mobilen Geräten jedoch immer unter dem Beitrag angezeigt, egal, ob die Seitenleiste links oder rechts angezeigt wird. Hast du eine Idee, wie ich das Inhaltsverzeichnis auf mobilen Geräten immer oben vor dem Beitrag anzeigen lassen kann? Danke und schöne Grüße, Falco

    • @webgeneral
      @webgeneral  Месяц назад +1

      Hallo Falco,
      es gibt verschiedene Lösungen für die Darstellung der Sidebar auf mob. Endgeräten:
      Kadence Theme / Blocks (Free Version):
      Da die Sidebar auf mob. Geräten grundsätzlich unter dem Beitrag angezeigt wird, muss die Sidebar zunächst für die mob. Darstellung deaktiviert werden.
      Da es keine entsprechende Einstellung dafür gibt, müsste folgender Code im _Customizer_ unter _Zusätzliches CSS_ hinzugefügt werden:
      /*Sidebar für Mob.Geräte deaktivieren*/
      @media screen and (max-width: 768px){
      .has-sidebar .primary-sidebar {display:none}
      }
      Dann muss das Inhaltsverzeichnis zu für Mobilgeräte zu Beginn des Beitrags eingebaut werden:
      Hierzu musst du das Inhaltsverzeichnis in ein Row Layout (Spaltenlayout) Block packen. Dann gehst du in den Block-Einstellungen vom Spaltenlayout auf das Tab _Erweitert_ und und öffnest die Sichtbarkeitseinstellungen.
      Hier aktivierst du die Optionen;
      - Auf Desktops ausblenden
      Einfacher ist es mit der Pro version von Kadence, hier können Hooked Elements sowohl für die Sidebar, als auch für das mob. Inhaltsverzeichnis eingesetzt werden:
      ruclips.net/video/Ix2O6P7Icrw/видео.html
      Beste Grüße
      Robin

    • @falcoaust8041
      @falcoaust8041 Месяц назад

      @@webgeneral Mega, hat natürlich geklappt. Im Video zu den Hooked Elements sagst du, dass du über $700 dafür bezahlt hast? Ist das der Preis für eine Lifetime-Lizenz für Kadence Pro?

    • @webgeneral
      @webgeneral  Месяц назад

      Damals, als ich die LT-Lizenz erworben hatte, lag sie inkl. MwSt. bei 700 + X.... Allerdings erhöht Kadence in regelmäßigen Abständen den Preis und inzwischen liegt man bei 799$ + MwSt.
      Alternativ kann man natürlich das Abo wählen, ich las Freelancer zahle jedoch lieber einmal etwas mehr und halte die Fixkosten gering...
      *_Achtung_* , Affiliate Links:
      Hier findest du alle Optionen, ink. LTD:
      webgeneral.de/kadence-pricing
      Wenn du ein Abo bevorzugst, sind hier die Preise ermäßigt:
      webgeneral.de/kadence-theme-pro
      In jedem Fall erhältst du 10% Rabatt mit diesem Code: take10
      Sofern du dich dafür entscheidest, würde ich mich freuen, wenn du einen der Links nutzt.
      Ich arbeite aktuell an weiteren, sehr ausführlichen Kadence Anleitungen, bei denen tut sich immer etwas...
      Beste Grüße

    • @falcoaust8041
      @falcoaust8041 Месяц назад

      @@webgeneral Hallo Robin, der Gutscheincode funktioniert nicht (mehr?) für das Lifetime Bundle.

    • @webgeneral
      @webgeneral  Месяц назад +1

      Tatsächlich, du hast recht. Ich habe es grad getestet, offenbar hat Kadence die Ermäßigung für das LT-Bundle gestoppt... Auch bei der letzten Rabatt-Aktion von Kadence, wurde der LTD nicht mehr berücksichtigt.
      Das tut mir leid, ich rechne eh damit, dass sie den LTD irgendwann ganz rausnehmen werden.
      Aus meiner Sicht trotzdem der bessere Deal, da ich von Kadence durch und durch überzeugt bin.
      Beste Grüße!