Okay
  Public Ticket #2176440
Startseite
Closed

Comments

  • thello33 started the conversation

    Hallo Support Team, vielen Dank für das tolle Theme (Werkstatt) und die vielen Beiträge dir mir doch schon gewaltig geholfen haben.
    Doch habe ich noch ein Problem und könnte Ihre Hilfe gebrauchen. Ist es irgendwie möglich die Zeile "© 2019 Psychedelic & Popart" direkt unter das Bild (auf Startseite) zu setzen? Außerdem sollte die Startseite die gleiche Höhe, wie die Seite Home haben und das Bild sollte sich an jeden Bildschirm anpassen. Ist das machbar?

    ... und ein Link auf das Bild zur Seite Home wäre genial

    Kann mir jemand helfen?? Ich freue mich auf jede Antwort

  •  955
    Marc replied

    Hallo,

    ich würde an dieser Stelle auf das Beitragsbild verzichten und dieses stattdessen im Inhalt der Seite platzieren. Dort kannst du auch eine Bildunterschrift hinzufügen. Im Anschluss kannst du mit Hilfe von ergänzendem CSS-Code die Bildhöhe auf das gleiche Maß limitieren, wie die Beiträge auf der Seite "Home". Gerne erstelle ich dir dazu etwas Beispiel-Code, wenn du die o. g. Änderungen umgesetzt hast.

    Viele Grüße
    Marc

  • thello33 replied

    Hallo Marc.

    vielen Dank für deine Antwort. Ich habe das Bild jetz im Inhalt platziert und auch schon einen Link zu Seite "Home" gesetzt. Schön wäre jetzt wenn das Bild komplett auf der Seite, ohne das Menü zu sehen wäre. Ich hoffe das ist möglich.

    Wie groß sollte das Bild sein?

    ... und kannst du mir bitte noch sagen, wie ich für das Menü und für die Texte eine andere Schrift verwenden kann.

    Jetzt schon ein großes DANKE ich freue mich auf deine Antwot.

    Viele Grüße Agnes

  •  955
    Marc replied

    Hallo Agnes,

    auch dies lässt sich mit Hilfe von ergänzendem CSS-Code umsetzen. Die meisten Browser bieten ein Werkzeug um den verwendeten CSS-Code zu analysieren. Mit einem Rechtsklick auf dem jeweiligen Element und der Wahl von "Element untersuchen", "Element-Informationen" o. Ä. öffnet sich dieses Werkzeug. Dort kannst du recherchieren welche CSS-Eigenschaften verwendet werden und wie sich das Element mit eigenem CSS-Code ansprechen lässt.

    Der folgende Beispiel-Code würde auf deiner Startseite das Menü ausblenden:

    .home #masthead {
        display: none;
    }
    

    Mit folgendem Code lässt sich die Höhe des Bilds limitieren. Bei der derzeitigen Einstellung würde dies aber dazu führen, dass das Bild verzerrt wird:

    .home .wp-block-image.alignfull img {
        max-height: 80vh;
    }
    

    Bitte habe Verständnis dafür, dass wir keinen Support für individuelle Anpassungen leisten können.

    Im folgenden Video habe ich einmal demonstriert, wie du mit dem Easy-Google-Fonts-Plugin die Schriftarten einzelner Elemente anpassen kannst:


    Viele Grüße
    Marc

  •   thello33 replied privately
  •   Marc replied privately
  • thello33 replied

    Hallo Marc,

    danke für deine Hilfe. Wir wollen die Startseite jetzt so lassen außer die Zeile "© 2019 ....." soll auf dem Bildschirm sichtbar sein, wie auf Seite Home.

    Noch ein paar Kleinigkeiten wären da:

    - Die Striche vor den Menüpunkten sehen nicht so toll aus (Untermenü Werke). Kann man die entfernen?

    - ... und schön wäre wenn die Menüpunkte nicht so zusammen kleben würden. Kann man hier etwas Abstand geben?

    - Dann ist mir aufgefallen, wenn ich eine Kategorie öffne und den ersten Beitrag anklicke (Einzelansicht) kommen nicht die Beiträge aus dieser Kategorie, es geht quer Beet weiter. Wenn ich einen Beitrag aus einer Kategorie öffne sollen auch nur die Beiträge dieser Karegorie in der Einzelansicht angezeigt werden. Dann klickt man auf die nächste Kategorie, dann Einzelansicht und dann nur die Beiträge dieser Kategorie usw.

    - Last but not least, in der Kategorie Triptychon gibt es drei Bilder, das mittlere ist im Original genau so groß wie das erste. Wie kann ich das anpassen? Die jetztige Darstellung ist sehr verwirrend. ... und auch hier beim Durchklicken der Einzelansicht kommen nicht nur Bilder dieser Kategorie.

    Ich weiß das sind eine Menge Fragen, ich würde mich riesig freuen wenn du helfen kannst

    Grüße Agnes

  •  955
    Marc replied

    Hallo Agnes,

    1) der folgende ergänzende CSS-Code sollte dir dabei weiterhelfen:

    @media screen and (min-width: 1025px) {
        .home #colophon {
            position: absolute;
            left: 30px;
            bottom: 30px;
            padding: 0;
        }
    }
    

    2) Kann man, so z. B.:

    .main-navigation ul ul li a:before {
        display: none;
    }
    

    Weitere Layout-Anpassungen wie Abstände lassen sich ebenfalls mit Hilfe von CSS-Code umsetzen.

    3) Ich vermute du möchtest beim Klick auf "Vorheriger" / "Nächster" nur innerhalb einer Kategorie wechseln, richtig? Dies ist von der Navigation so nicht vorgesehen und müsste durch individuelle Code-Anpassungen implementiert werden. Für Anpassungen am Code empfehle ich dir dringend die Verwendung eines Child-Themes. Ein vorbereiteter Child-Theme-Ordner ist in der Werkstatt-Dokumentation verlinkt.

    Der Grund hierfür liegt in der unterschiedlichen Nutzung der Kategorien und Beiträge. Würdest du mehrere Kategorien einem Beitrag zuordnen, müsste speziell definiert werden in welcher Kategorie sich ein Klick auf "Nächster" bewegen darf und wie so verhindert wird, dass dieser Pfad keine Beiträge überspringt bzw. völlig aus der vorherigen Kategorie herausgleitet.

    4) Die Höhe der Bilder sind abhängig von deren Format. Du könntest die Höhe eventuell mit Hilfe von ergänzendem CSS-Code limitieren oder gar vereinheitlichen.

    Viele Grüße
    Marc

  •   thello33 replied privately
  •  955
    Marc replied

    Hallo Agnes,

    den Code kann ich auf der Seite nicht finden, er ist jedoch im Customizer hinterlegt. Dies hängt also vermutlich mit deinem Caching-Plugin zusammen. Bitte leere diesen Cache einmal und prüfe erneut, ob der Code funktioniert.

    Jetzt habe ich verstanden, welches Problem du bezüglich der Werke-Kategorie erkennst. Da dies die übergeordnete Kategorie deiner ansonsten verwendeten Unterkategorien ist, werden dort alle Beiträge dargestellt.

    Das unschöne Übereinanderhängen entsteht vermutlich durch Jetpacks Lazy-Loading. Schalte dieses bitte einmal aus und prüfe dann erneut die Darstellung. Technisch sieht es dabei so aus, dass die Anordnung der Bilder nicht korrekt berechnet werden kann, wenn die Bilder noch nicht geladen sind, was wiederum durch das Lazy-Loading verzögert wird.

    Viele Grüße
    Marc