Beitragsbild zerschossen

cplpro227

Hallo zusammen,

auf meinem Tech Blog hat sich irgendwie etwas zerschossen und ich konnte bisher nicht die Ursache finden.
Es geht hierbei um diesen Blog: https://www.tech-bloggers.de/

Wenn ihr beispielsweise auf meinen Beitrag zu YouTube und der Nintendo Switch wechselt,
seht ihr dass mein Beitragsbild einwandfrei vor dem Artikel angezeigt wird.
Andere Artikel hat es mir komplett zerschossen, so beispielsweise die Anleitung für Google Pay und PayPal.

Wenn ihr allerdings auf meiner Home Seite schaut, dort werden alle Beitragsbilder problemlos in der Vorschau angezeigt. Kann mir jemand erklären, wie es plötzlich zu so einem Durcheinander kommen konnte?

Danke!

Beste Grüße

Update: Mir ist aufgefallen, dass bei genau diesen veränderten Artikeln vor dem Titel auf der Home Seite ein kleines Foto Icon angezeigt wird. Jemand enie Idee, woher das kommt?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

hab grad nur mal kurz drauf geschaut, liegt mMn am Slick-Slide

cplpro227

Hallo @maxe,

Danke für die schnelle Rückmeldung!
Was genau meinst du mit Slick-Slide?

Den Slider unter News und Gern gelesen?

maxe

in der Developer-Konsole auf [plain]https://tech-bloggers.de/anleitung-dank…phone-bezahlen/[/plain] taucht der slick-slider auf, da müsstest du wissen, was genau das ist. Vermutlich kommt es von plugins/envo-magazine-pro

hier ein Auszug aus der Browser Konsole:

HTML

<div class="slider-single-item-for slick-initialized slick-slider"><div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 3750px; transform: translate3d(-750px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 750px;" tabindex="-1"><div><div class="news-thumb" style="width: 100%; display: inline-block;">
                                    <img class="lazy" src="https://tech-bloggers.de/wp-content/uploads/2018/10/02-1-332x641.jpg" data-src="https://tech-bloggers.de/wp-content/uploads/2018/10/02-1-332x641.jpg" style="opacity: 1;">
                            </div></div></div><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 750px;"><div><div class="news-thumb" style="width: 100%; display: inline-block;">
                                    <img class="lazy" src="https://tech-bloggers.de/wp-content/uploads/2018/10/01-1-642x641.jpg" data-src="https://tech-bloggers.de/wp-content/uploads/2018/10/01-1-642x641.jpg" style="opacity: 1;">
                            </div></div></div><div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 750px;" tabindex="-1"><div><div class="news-thumb" style="width: 100%; display: inline-block;">
                                    <img class="lazy" src="https://tech-bloggers.de/wp-content/uploads/2018/10/02-1-332x641.jpg" data-src="https://tech-bloggers.de/wp-content/uploads/2018/10/02-1-332x641.jpg" style="opacity: 1;">
                            </div></div></div><div class="slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 750px;" tabindex="-1"><div><div class="news-thumb" style="width: 100%; display: inline-block;">
                                    <img class="lazy" src="https://tech-bloggers.de/wp-content/uploads/2018/10/01-1-642x641.jpg" data-src="https://tech-bloggers.de/wp-content/uploads/2018/10/01-1-642x641.jpg" style="opacity: 1;">
                            </div></div></div><div class="slick-slide slick-cloned" data-slick-index="3" aria-hidden="true" style="width: 750px;" tabindex="-1"><div><div class="news-thumb" style="width: 100%; display: inline-block;">
                                    <img class="lazy" src="https://tech-bloggers.de/wp-content/uploads/2018/10/02-1-332x641.jpg" data-src="https://tech-bloggers.de/wp-content/uploads/2018/10/02-1-332x641.jpg" style="opacity: 1;">
                            </div></div></div></div></div></div>


<div class="slider-single-item-sync slick-initialized slick-slider"><div class="slick-list draggable" style="padding: 0px 50px;"><div class="slick-track" style="opacity: 1; width: 260px; transform: translate3d(195px, 0px, 0px);"><div class="slick-slide slick-current slick-center" data-slick-index="0" aria-hidden="true" style="width: 130px;"><div><div class="news-thumb" style="width: 100%; display: inline-block;">
                                    <img class="lazy" src="https://tech-bloggers.de/wp-content/uploads/2018/10/01-1-642x405.jpg" data-src="https://tech-bloggers.de/wp-content/uploads/2018/10/01-1-642x405.jpg" style="opacity: 1;">
                            </div></div></div><div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 130px;"><div><div class="news-thumb" style="width: 100%; display: inline-block;">
                                    <img class="lazy" src="https://tech-bloggers.de/wp-content/uploads/2018/10/02-1-332x405.jpg" data-src="https://tech-bloggers.de/wp-content/uploads/2018/10/02-1-332x405.jpg" style="opacity: 1;">
                            </div></div></div></div></div></div>

Alles anzeigen

cplpro227

Ja, Problem ist dass der Slick Slider sich ungewollt in den Beitrag einmogelt..
Wenn ich auf der Homeseite schaue, sind alle betroffenen Beiträge mit einem Bild Icon vor dem Titel gekennzeichnet.

Das weist mich darauf hin, dass sich die Beitragskategorie verstellt hat - von Standard auf Bild, nehme ich an.
Allerdings gibt es bei mir im Editor (Classic Editor) keine Auswahl der Kategorien mehr, wie ich es von einem anderen Blog beispielsweise gewohnt war. Weißt du, was ich meine und wie ich das Problem lösen kann?

Ich habe die Einstellungen geprüft, die Standard Kategorie ist auch auf "Standard" gesetzt - keine Ahnung, wieso sich diese einzelnen Beiträge verändert haben.

Gruß

edit maxe: direktes Voll-Zitat entfernt

maxe

also in anderen Beiträgen scheint ja der Slider richtig zu funktionieren, z.B.
tech-bloggers.de/benq-screenbar-im-test/
tech-bloggers.de/aukey-bluetooth-in-ear-kopfhoerer-v4-1-im-test/
tech-bloggers.de/inateck-ipad-pro-10-5-schultertasche-im-test/
...
...

kA, was in den benannten Beiträge beim Slider schief läuft, ich kenne das Theme nicht.

cplpro227

Nein, genau in diesen Beiträgen läuft es schief.
Normalerweise soll vor dem Titel kein Slider erscheinen, welcher allerdings bei den oben von dir erwähnten Artikeln erscheint.

Ein Beispiel, wie es sein sollte - wäre:
https://tech-bloggers.de/die-youtube-ap…intendo-switch/

Hier siehst du, ist das normale Titelbild vor der Überschrift - und das Format ist ebenfalls korrekt (Standard).
Den anderen (inkorrekten) Artikeln ist das Beitragsformat "Bild" zugeordnet worden - dies scheint den Slider davor zu packen.

Allerdings ist das Problem plötzlich aufgetreten und ich kann mir die Ursache nicht erklären.

Ich hoffe du weißt, was ich meine?

edit maxe: wieder Voll-Zitat entfernt

cplpro227

Kleines Update - sorry, hatte das mit den Vollzitaten erst zu spät gesehen.

Ich habe in mein Theme (Envo Magazine) die Post Formats (Beitragsformate) in die functions.php hinzugefügt.
Hier stehen die Artikel dennoch auf Standard und nicht auf Bild oder sonstiges.

Demnach konnte ich noch immer keine Lösung für mein Problem finden. Keine Ahnung, wieso die Slider vor meine Artikel gesetzt werden.

cplpro227

Ich melde mich nochmal bezüglich meines Problems,
welches nun gelöst werden konnte.

Ursache war, dass ich von dem kostenlosen Theme auf die PRO Version gewechselt bin - diese hat ein nicht gewolltes Feature innerhalb des Themes aktiviert.

Der richtige Weg war nun im Customizer -> Global Options -> Featured image gallery (deaktivieren).

Ich danke @maxe trotzdem für die Mühe und den Versuch, das Problem mit mir gemeinsam zu lösen.

Wünsche euch einen schönen Nikolaustag und eine angenehme Restwoche!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beitragsbild zerschossen

Jetzt mitmachen!