Kaum Möglichkeiten zum Anpassen von Inhalten - Responsive 
Autore: Harald K.Hallo zusammen,
ich möchte in der Version 13 Evo unsere Webseite responsiv anpassen.
Soweit, so gut. Ich habe die Struktur der jeweiligen Ansichten angepasst und das Seitenmenü konnte ich auch anpassen.
Allerdings ist es nicht möglich (bzw. ich weiß nicht wie) die Inhalte anzupassen. Zwar werden die Fotos mit geringerer Auflösung und somit kleiner dargestellt, aber die Texte passen sich z.B. teilweise nicht automatisch an und es gibt einen Balken zum schieben, damit man den ganzen Text lesen kann...
Außerdem habe ich teilweise Fotos in eine Tabelle eingefügt, diese passen sich auch nicht an, die Fotos werden nur teilweise dargestellt. Auch hier gibt es einen Balken zum schieben, damit ich den Preis überhaupt lesen kann...
Die Ein-/Ausblenden Funktion ist relativ unnütz für mich, da ich die Seite bereits in der Desktop Version deutlich ausgedünnt habe.
An der Anordnung-Funktion konnte ich bisher leider auch noch nichts nützliches entdecken.
Gibt es eine Möglichkeit die einzelnen Objekte/Inhalte responsiv anzupassen? Funktionen die ich übersehe?
So wie es aktuell aussieht lasse ich die Seite lieber in der Desktop Version...!
Vielen Dank und Grüße
Kerstin
Du musst die Objekte anders anordnen unter Responsiv
Und deine Button´s (Mehr) kleiner machen.
Autore
Hallo Andreas, ich kann unter "Responsive" nur die Anordnung ändern und Ein-/Ausblenden. "Mehr" finde ich nicht...
Ist deine Seite schon Online? Kannst du mal einen Link schicken oder einen Screenshot vom Aufbau der Seite?
Du verstehst das Prinzip von WSX5 nicht! Es ist alles vorhanden was man für das reponsive Design benötig.
Allerdings die Text im Text-Objekt passen sich absichtlich nicht an in den kleineren Breakpoints. Das ist so gewünscht und wird auch nicht geändert bzw. kann nicht eingestellt werden.
Der einzige Text den du responsive einstellen kannst, ist in einem "Titel-Objekt" wenn du das Häkchen setzt.
In den Tabellen ist das System bei responsiv so, dass es einen Schiebebalken generiert wenn sich die Tabellen nicht mehr ausgehen. Ein "floaten" geht hier nicht automatisch. Man kann nur durch individuellen Code beim Tabellen Objekt etwas bessere Responsivität erreichen in dem sich der Text zusammenschiebt und der Text wandert. Aber verkleinern tut er sich auch nicht.
Mit diesem Code kannst du die Tabelle responsive machen... (vor dem </head> einfügen)
<style> table {word-break: break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
Autore
@Andreas L: www.foetec.eu (Desktop Version)
@Andreas S: ich lasse das mit dem Prinzip von WSX5 nicht verstehen mal unkommentiert...
Aber danke für den Code, muss ich da nochmal was einsetzen oder übernehme ich den Code genau so?
NE, genauso lassen!
Autore
ok danke
Autore
@andreas S.: muss ich den Code auf jeder Seite vor dem </head> einfügen?
Habe es nur auf der Seite gemacht die Tabellen beinhaltet (siehe Screenshot), konnte aber derzeit keine Veränderung feststellen...
Entweder du gibt diesen generell bei Seo&Code ein, dann wirkt der für alle Seiten. Wenn du diesen aber auf der Seite mit der Tabelle unter "Eigenschaften" einfügst, dann wirkt er nur für diese Seite.
Um Responsive arbeiten zu können musst du unter Punkt 2 "Auflösung und responsive Design" noch auf "Responsive Webseite" umstellen. Dann kannst du bei den entsprechenden BreakPoints einen Umbruch machen. Wenn du umgestellt hast musst du den Inhalt von Header und Footer noch anpassen.
Mache aber vorher noch eine Sicherung von deinem Projekt. Unter Punkt 5 Projekt exportieren.
Und unter Projektauswahl kannst du dein Projekt Duplizieren, somit hast du gleich eine Kopie mit der du arbeiten kannst.
Die Seite ist sehr gut gelungen, gefällt mir.
Unter diesem Link findest du noch einige Dinge die man noch ändern bzw. ergänzen könnte/sollte.
Da ist noch POTENZIAL :-)
Autore
@ all: Danke für die Tipps! werde versuchen sie umzusetzen.
@ Klaus G.: Danke für das Kompliment :-) Und für den Link! Werde ich mir nächste Woche nach meinem langen Wochenende in Ruhe anschauen! ;-)
Wünsche euch allen einen schönen Vatertag/Feiertag!
Falls du Hilfe brauchst, du weist ja wo du uns findest
Have a nice long Weekend