Gutenberg oder auch "Wie der Editor mich zur weißglut bringt"

Ich verzweifle echt xD

Ich hab erstmal das Theme Kadence installiert und dann über etsy das Child-Theme "Happiness is a magnet" geholt, jetzt nachdem ich mich da ein wenig mit beschäftigt habe, war es sinnlos das Child zu holen, da ich eh alles abändern wollte xD. Na ja.

Nun ist es so, dass man da auswählen kann eine statische Seite, als Blogseite zu nehmen, um es nach seinen Wünschen zu stylen. Soweit so gut. Ich hab auch alles mittlerweile, wie ich es gern hätte. Aber ab und an hab ich die Wahl, dass ich für PC, Tablet und Handy andere Werte auswählen kann und manchmal nicht.
Nun ging es mir um den Block zu der Postausgabe.

Nach vielem Probieren habe ich es so, wie ich es gern hätte auf PC und Tablet, ABER jetzt macht ers nimmer aufem Handy xD. Also ich hätte gern das Beitragsbild 150x267 neben den Beitrag, wenn man über PC und Tablet schaut (macht es auch endlich) am Handy möchte ich, dass es 150x90 über dem Beitrag ist. Aber ich finde bei dem Bockmist nicht, wie ich, das jetzt wieder hinbekomme, XD beim vorgefertigten Posting Layout war es so, dass ab einer bestimmten Breite das automatisch gemacht wurde. Aber halt schon am Tabelt xD ARG.

Ich hoffe, jemand versteht mein Dilemma und was ich will.

Man kann sich den Shit auf Linienmeer ansehen. Das Schlimme ist eben auch, die Tabletansicht ist in der Vorschau anders als auf meinem Tablet, da griff viel eher die Handyversion, was dazu führte, dass ein riesiges Beitragsbild über dem Post war.

Von der doppelten Linie und einigen fehlenden Meta angaben, will ich gar net erst anfangen. Die gepunktete Linie musste ich machen, weil sonst die einzelnen Posts ineinander rutschen. XD

Zitat von vielleserin

Liebe Sayuchan,

das war einer der Gründe warum ich meinen Editor damals nicht auf Gutenberg umgestellt.

Bei Smartphone programmiere ich immer relative also in Prozentangaben. Da ich dein Theme nicht kenne, würde ich es mal ausprobieren. Da sind die Größen aber andere, da sie sich nach der Größe des Devices richten, also abhängig vom Monitor sind.

Schau mal, so sieht das dann aus. Wobei ich nicht behaupte, es wäre perfekt. Meine Blogs haken aktuell an anderen Stellen.

Alles anzeigen

Kadence, da es mit Blöcken ist kp XD ich wüsste nicht mal, wo ich das nun mache. Ich hab früher alles in den Dateien per HTML, PH und CSS gemacht, aber wenn ich jetzt in die Datei schau, verstehe ich nur Bahnhof. xD

Zitat von Sari

Anne weiß sicherlich Rat.

Ich betreue derzeit ehrenamtlich eine Seite und musste da auch die Startseite mit Gutenberg neu machen. Was für ein Gefummel und teilweise ist es schon krass, was der Editor alles leisten kann, aber andererseits muss man sich wirklich Zeit nehmen all das zu verstehen. Auf meinem privaten bin ich immer noch mit dem alten Editor Dank Plugin am machen, wobei ich manchmal gerne die Funktionen vom Gutenberg hier nutzen würde. Hach, so ein Mix wäre toll.

Der Mix geht, wenn es das layout zu lässt, hab ich auf Lilies & Paper, die Autoren seite ist im Gutenberg gemacht und sonst alles im Classic, nur hab ich jetzt 18€ ausgegeben und dann steht da dass das Theme nicht kompatible mit dem Plugin "Classic-Editor" ist xD arg

Zitat von Anne

Hey,

uff, also... ich hab mal gerade bei dir geschaut (bin jetzt erst dazu gekommen - sorry): dein Beitragsbild hat die Anweisung float: left; mitbekommen. Dadurch rutscht das jetzt halt immer nach links, auch auf kleinen Bildschirmen.

Ich weiß jetzt nicht, wie genau das von deinem Theme her gedacht ist, hab das auch nicht auf Etsy gefunden.

Hast du die Startseite aus den normalen Gutenberg-Blöcken quasi selber zusammengebaut? Dann würde ich dafür, anstatt das Bild auf float: left; zu setzen, den Spalten-Block mit zwei Spalten nehmen. Also links das Bild rein und rechts den Text. Der Spalten-Block ist nämlich von Hause aus so gebaut, dass die Spalten auf größeren Bildschirmen nebeneinander stehen und auf kleinen untereinander.

Ich hoffe, das hilft.

Sobald ich wieder fit bin probier ich das aus. Mittlerweile hab ich's selbst aus Blöcken gemacht und dein Tipp könnte hilfreich sein. Wie bekomm ich es dann hin, dass das Beitragsbild kleiner wird auf kleinen Bildschirmen statt größer?

Ich hab jetzt die Listenansicht gefunden xD Damit isses schon mal einfacher. ABER, sag mal gibt es einen Block, damit ich auch die Anzahl der Kommentare ausgeben kann? Schaumal bisher hab ich das so xD weil die Vorlagen alle soooo steif sind

Ah grad gefunden dass es da noch keine Block gibt und per shortcode rein muss. Das bekomm ich hin. Morgen 😅 Yeah

Anne Jetzt erzweifel ich doch xD

Also ich hab jetzt zwar auf der Hautseite stehen "Kommentar schreiben" ABER 1. bei den unteren beiträgen wechselt er nicht auf x-Kommentare wo schon, welche vorhanden sind

UND der Link funktioniert nicht. Ich verstehe nicht wie ich da den Beitragslink reinbekomme xD Boar HTML, PHP und so ist alles so mega lang her. Also ich hab folgende Funktion:

/*
* Shortcode [kommentare_pro_beitrag] erstellen
* zur Ausgabe Anzahl der Kommentare für einen Beitrag
*/
function kommentare_pro_beitrag() {
$comments_count = wp_count_comments();
$message = '| <a href="#kommentare" rel="nofollow ugc">' . esc_attr(get_comments_number_text('Kommentar schreiben', 'Ein Kommentar', '% Kommentare', $post_id)) . '</a>';
return $message;
}

add_shortcode('kommentare_pro_beitrag', 'kommentare_pro_beitrag');

Ich weiß, dass ich bei #Kommentare eigentlich noch den Parmalink des Beitrags übergeben muss... irgendwas mit <?php the_permalink() ?>, oder?

So wie ich verstehe, klappt die obige Funktion nur auf der Beitragsseite. Ich möchte das aber auf der Hauptseite xD.

Boar, mit den Blöcken ist es dann doch komplizierter, als ich dachte xD, beim reinen Template Coding bin ich einfach in die einzelnen Dateien und habs eben abgeändert oder herauskopiert xD

Zitat von Sari

Zeigst du das Ergebnis dann mal? Ich kann mir das gerade so schwer vorstellen *lach*

Ist aktuell auf der Hautseite zu sehen wenn du auf Lilienmeer.de gehtst xD

Hab halt einmal den aktuellen Beitrag oben anders „gestaltet“ als dadie kleinere Liste unten mit 5 weiteren Beiträgen. (die im übrigen aber noch net fertig ist xD)

Zitat von Lorenzo

Sayuchan Soll die Sidebar auf Lilienmeer.de leer sein?

Hat sich schon erledigt, da war 3in Fehler 😅 eh da Bisse in den 5 Minuten genau drauf gelandet 🤣

Zitat von Sari

Zitat von Sayuchan

Ist aktuell auf der Hautseite zu sehen wenn du auf Lilienmeer.de gehtst xD

Hab halt einmal den aktuellen Beitrag oben anders „gestaltet“ als dadie kleinere Liste unten mit 5 weiteren Beiträgen. (die im übrigen aber noch net fertig ist xD)

Aaah cool. Ja das gefällt mir. Wobei ich versuchen würde den grauen Balken zwischen den BEiträgen und der Sidebar wegzubekommen. Aber das ist Geschmackssache.

Ja das muss ich noch fixen 😅