Support » Themes » WordPress 6.4.1 und Classic Theme (2016): Bilder nicht mehr zentriert

  • smartysmart34

    (@smartysmart34)


    Hallo zusammen,

    ich habe kürzlich meine Worpress INstanz auf Version 6.4.1 aktualisiert und habe dabei folgendes festgestellt:

    Ich verwende in meinen Blog-Beiträgen häufig zentrierte Bilder. Wenn ich in der neuen Version ALTE Beiträge anklicke (Im Frontend, nicht eingelogged), dann werden diese auch korrekt angezeigt.

    Ich hatte aber einen Artikel angefangen und als Entwurf gesichert, den ich jetzt, nach dem Upgrade weiter geschrieben habe. Alle dort eingefügten Bilder sind nicht mehr zentriert, sondern werden – je weiter der Artikel fortschreitet – immer weiter links angezeigt.

    Ich habe mir jetzt im Browser den Quellcode anzeigen lassen und die html-Blöcke sehen doch sehr unterschiedliche aus:

    Alter Artikel VOR dem Upgrade veröffentlicht:

    
    <figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/08/IMG-20230406-WA0036.jpg" alt="" class="wp-image-3902" style="width:405px;height:540px" width="405" height="540" srcset="https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/08/IMG-20230406-WA0036.jpg 768w, https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/08/IMG-20230406-WA0036-600x800.jpg 600w" sizes="(max-width: 405px) 85vw, 405px"></figure>

    Bild, das NACH dem Upgrade eingefügt wurde:

    <figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="2560" height="2042" src="https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/05/PXL_20230430_1834137902-scaled.jpg" alt="" class="wp-image-3868 below-entry-meta" style="width:310px;height:auto" srcset="https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/05/PXL_20230430_1834137902-scaled.jpg 2560w, https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/05/PXL_20230430_1834137902-800x638.jpg 800w, https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/05/PXL_20230430_1834137902-768x613.jpg 768w, https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/05/PXL_20230430_1834137902-1536x1225.jpg 1536w, https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/05/PXL_20230430_1834137902-2048x1633.jpg 2048w, https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/05/PXL_20230430_1834137902-1200x957.jpg 1200w, https://soltauhome.dyndns.org/Travelblog/wp-content/uploads/2023/05/PXL_20230430_1834137902-1320x1053.jpg 1320w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px"><figcaption class="wp-element-caption below-entry-meta">Skradin am Abend – Immer wieder schön!</figcaption></figure>

    Eigentlich hatte ich in Office die wichtigen Unterschiede rot markiert, aber das geht jetzt hier als „Code“ verloren. Tut mir Leid.

    Da ich die Bilder einfach nur über den Standard Block „Bild“ aus der Mediathek einfüge, auf zentriert setze und in der Größe etwas kleiner mache kann ich mir nicht vorstellen, dass da ein Plugin dazwischen funkt?

    Hat jemand eine Idee, wo das her kommen kann?

    Danke und viele Grüße,
    Martin

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Hallo,
    Moderationshinweis: Sorry, deine Antwort wurde von der Forensoftware zurückgehalten. Ich musste die Antwort erst freischalten.

    Ich kann das hier leider mit einem aktuellen Standard-Theme nicht reproduzieren.

    Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.

    Viele Grüße
    Hans-Gerd

    Thread-Starter smartysmart34

    (@smartysmart34)

    Hallo Hans-Gerd.

    Folgendes landet im Bericht:

    ` wp-core
    
    version: 6.4.1
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    permalink: /%year%/%monthnum%/%day%/%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 4
    dotorg_communication: true wp-paths-sizes wordpress_path: /srv/www/htdocs/Travelblog
    wordpress_size: 47,82 MB (50142890 bytes)
    uploads_path: /srv/www/htdocs/Travelblog/wp-content/uploads
    uploads_size: 10,83 GB (11624181231 bytes)
    themes_path: /srv/www/htdocs/Travelblog/wp-content/themes
    themes_size: 4,32 MB (4527697 bytes)
    plugins_path: /srv/www/htdocs/Travelblog/wp-content/plugins
    plugins_size: 90,88 MB (95293887 bytes)
    database_size: 46,52 MB (48775168 bytes)
    total_size: 11,01 GB (11822920873 bytes) wp-dropins (3) advanced-cache.php: true
    db.php: true
    object-cache.php: true wp-active-theme name: Twenty Sixteen (twentysixteen)
    version: 3.1
    author: Das WordPress-Team
    author_website: https://de.wordpress.org/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, title-tag, custom-logo, post-thumbnails, menus, html5, post-formats, editor-style, editor-styles, wp-block-styles, responsive-embeds, editor-color-palette, customize-selective-refresh-widgets, custom-line-height, custom-background, custom-header, widgets
    theme_path: /srv/www/htdocs/Travelblog/wp-content/themes/twentysixteen
    auto_update: Deaktiviert wp-themes-inactive (1) Twenty Twenty-Two: version: 1.6, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert wp-mu-plugins (1) Health Check Troubleshooting Mode: author: (undefined), version: 1.9.0 wp-plugins-active (19) Antispam Bee: version: 2.11.5, author: pluginkollektiv, Automatische Aktualisierungen aktiviert
    Classic Editor: version: 1.6.3, author: WordPress Contributors, Automatische Aktualisierungen deaktiviert
    Code Snippets: version: 3.6.2, author: Code Snippets Pro, Automatische Aktualisierungen deaktiviert
    CookieYes | GDPR Cookie Consent: version: 3.1.7, author: CookieYes, Automatische Aktualisierungen aktiviert
    Disable & Remove Google Fonts: version: 1.5.7, author: Fonts Plugin, Automatische Aktualisierungen deaktiviert
    Disable REST API: version: 1.8, author: Dave McHale, Automatische Aktualisierungen aktiviert
    Health Check & Troubleshooting: version: 1.7.0, author: The WordPress.org community, Automatische Aktualisierungen deaktiviert
    Limit Login Attempts Reloaded: version: 2.25.26, author: Limit Login Attempts Reloaded, Automatische Aktualisierungen aktiviert
    MailPoet: version: 4.37.0, author: MailPoet, Automatische Aktualisierungen aktiviert
    miniOrange 2 Factor Authentication: version: 12.4.4-premium, author: miniOrange, Automatische Aktualisierungen deaktiviert
    Photo Gallery: version: 2.5.7, author: Photo Gallery Team, Automatische Aktualisierungen aktiviert
    ProfilePress: version: 4.14.0, author: ProfilePress Membership Team, Automatische Aktualisierungen deaktiviert
    Simple Photo Sphere: version: 0.0.10, author: Nagy Sandor, Automatische Aktualisierungen aktiviert
    W3 Total Cache: version: 2.6.0, author: BoldGrid, Automatische Aktualisierungen deaktiviert
    WP fail2ban: version: 5.2.1, author: Charles Lecklider, Automatische Aktualisierungen aktiviert
    WP Mail SMTP: version: 3.10.0, author: WP Mail SMTP, Automatische Aktualisierungen deaktiviert
    WP Rollback: version: 1.7.3, author: GiveWP.com, Automatische Aktualisierungen deaktiviert
    WP Statistics: version: 14.2, author: VeronaLabs, Automatische Aktualisierungen aktiviert
    Yoast SEO: version: 21.5, author: Team Yoast, Automatische Aktualisierungen deaktiviert wp-plugins-inactive (1) WP fail2ban Blocklist: version: 2.2.1, author: Charles Lecklider, Automatische Aktualisierungen deaktiviert code-snippets (1) snippet-6: name: PHP Session_close, scope: admin, modified: 2020-09-16 13:02:34 wp-media image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1799
    imagemagick_version: ImageMagick 7.0.7-34 Q16 x86_64 20180520 https://www.imagemagick.org
    imagick_version: 3.7.0
    file_uploads: 1
    post_max_size: 1G
    upload_max_filesize: 1G
    max_effective_size: 1 GB
    max_file_uploads: 20
    imagick_limits:
    imagick::RESOURCETYPE_AREA: 15 GB
    imagick::RESOURCETYPE_DISK: 1.844674407371E+19
    imagick::RESOURCETYPE_FILE: 768
    imagick::RESOURCETYPE_MAP: 15 GB
    imagick::RESOURCETYPE_MEMORY: 8 GB
    imagick::RESOURCETYPE_THREAD: 1
    imagick::RESOURCETYPE_TIME: 1.844674407371E+19
    imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DCM, DCR, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JBG, JBIG, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBP, WMV, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
    gd_version: 2.2.5
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.52 wp-server server_architecture: Linux 5.14.21-150500.55.36-default x86_64
    httpd_software: nginx/1.21.5
    php_version: 8.2.12 64bit
    php_sapi: fpm-fcgi
    max_input_variables: 1000
    time_limit: 3600
    memory_limit: 512M
    max_input_time: 3600
    upload_max_filesize: 1G
    php_post_max_size: 1G
    curl_version: 8.0.1 OpenSSL/1.1.1l-fips
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    current: 2023-11-24T08:08:01+00:00
    utc-time: Friday, 24-Nov-23 08:08:01 UTC
    server-time: 2023-11-24T09:08:00+01:00 wp-database extension: mysqli
    server_version: 10.6.15-MariaDB
    client_version: mysqlnd 8.2.12
    max_allowed_packet: 16777216
    max_connections: 151 wp-constants WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /srv/www/htdocs/Travelblog/wp-content
    WP_PLUGIN_DIR: /srv/www/htdocs/Travelblog/wp-content/plugins
    WP_MEMORY_LIMIT: 512M
    WP_MAX_MEMORY_LIMIT: 512M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: true
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8mb4
    DB_COLLATE: undefined wp-filesystem wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    mu-plugins: writable wp_mail_smtp version: 3.10.0
    license_key_type: lite
    debug: Keine Debug-Hinweise gefunden.
    Moderator Angelika Reisiger

    (@la-geek)

    @smartysmart34
    das ist mit ein bisschen CSS schnell behoben. Das „Wandern nach links“ hat tatsächlich seinen Ursprung im Stylesheet des Themes Twenty Twenty-Sixteen.

    Trag im Adminbereich unter Design »» Customizer »» Zusätzliches CSS das Folgende ein (ganz ans Ende packen):
     

    body:not(.search-results) article:not(.type-page) .aligncenter img.below-entry-meta,
    body:not(.search-results) article:not(.type-page) figure.aligncenter.below-entry-meta,
    body:not(.search-results) article:not(.type-page) .wp-block-image .aligncenter figcaption.below-entry-meta {
    	margin-left: auto !important;
    	margin-right: auto !important;
    }

    Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL SHIFT Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu).

    Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst.

    Thread-Starter smartysmart34

    (@smartysmart34)

    Hallo Angelika.

    Für das Template fühlt sich wohl niemand mehr zuständig? Oder warum wird ein solches Problem nicht zentral repariert? Das ist doch jetzt eine Inkompatibilität mit dem neuen WordPress? Interessanterweise sind ja die alten Artikel alle noch OK. Nur der neue, der seit dem WordPress Update erstellt wurde, hat das Problem.

    Aber danke für den Tip, den probiere ich aus.

    Viele Grüße,

    Martin

    Moderator Angelika Reisiger

    (@la-geek)

    Interessanterweise sind ja die alten Artikel alle noch OK.

    Nach ein paar Stichproben würde ich sagen, dass die Bilder in den älteren Artikeln „lazy“ geladen werden, die aus dem neuen Artikel nicht, sondern diese mit einem decoding="async" versehen wurden. Außerdem liefern neue WP-Versionen durchaus auch öfters mal Änderungen in den Standard-WordPress-Themes aus.

     

    Für das Template fühlt sich wohl niemand mehr zuständig? Oder warum wird ein solches Problem nicht zentral repariert? Das ist doch jetzt eine Inkompatibilität mit dem neuen WordPress?

    Falls dich die Antworten darauf wirklich interessieren oder/und du etwas am jetzigen Zustand ändern willst, solltest du die Fragen an der richtigen Stelle posten (denn ich habe auch keine Ahnung, was die WordPress-Entwickler [und warum sie es] so machen):

    https://core.trac.wordpress.org/newticket

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)