Support » Allgemeine Fragen » Trennlinie erscheint nicht

  • Gelöst winterstern

    (@winterstern)


    Hallo,

    bei mir erscheint die Trennlinie nicht, kann man das irgendwo einstellen oder beeinflussen ?

    Hatte zwei Bilder vorbereitet, aber das geht hier offenbar nicht. Daher versuch ich es Mal so gut es geht zu beschreiben. Im Editor kann ich eine Trennlinie setzen, die wird sogar automatisch erzeugt wenn ich —– eintippe und enter drücke. An der Stelle alles bestens.

    In meinem Blogeintrag zur Corona Zeit (gut, dass das alles vorbei ist) hab ich das relativ oft verwendet, daher nehm ich das Mal als Beispiel. Sorry, über den Inhalt müsst ihr einfach Mal hinweglesen, ist etwas polemisch. Es geht ja um die Technik …

    Im Browser (egal welchen, das hab ich ausprobiert) erscheint nur ein Punkt anstatt einer Linie. Mein Verdacht wäre, dass eine Linie mit der Länge 1 Pixel oder so erzeugt wird – eventuell ist es daher eine Einstellungssache ?

    Danke & lieben Gruss schon Mal, Chris

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

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Hallo,
    Wie kann man hier Bilder in einen Forenbeitrag einfügen?

    Wenn man sich das in der developer console (Aufruf mit F12) ansieht, dann steht da in der Tat eine Breite (width) von 4px für <hr>.

    hr {
        display: block;
        background: rgba(0, 0, 0, 0.35);
        width: 4px;
        height: 4px;
        border-radius: 100%;
        margin: 40px auto;
    }

    Wenn ich das richtig sehe, verwendest Du den Block Editor. Richtig?

    Hilfreich für eine weitergehende Analyse wäre der Website-Bericht:
    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.
    Hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):
    Website-Bericht

    ch gehe davon aus, dass Du ein Backup vor den folgenden Maßnahmen erstellst, das auf jeden Fall wiederhergestellt werden kann.

    Auch wenn ich nicht davon ausgehe, dass hier die Ursache zu finden ist: Deaktiviere doch zunächst bitte alle Plugins und aktiviere dann Plugin für Plugin. Teste danach jeweils, ob das Problem behoben ist. Sobald es dann nach Aktivierung eines Plugins das beschriebene Problem gibt, weißt du, welches Plugin das Problem verursacht.

    Teste bitte mal, ob das Problem auch auftaucht, wenn du ein Standard-Theme wie z. B. Twenty Twenty-One aktivierst. Du verwendest aktuell das Theme Blossom Recipe.

    Viele Grüße
    Hans-Gerd

    • Diese Antwort wurde geändert vor 5 Monaten von Hans-Gerd Gerhards. Grund: Code korrigiert
    Thread-Starter winterstern

    (@winterstern)

    Zunächst freut es mich sehr, dass mein Problem verstanden wurde ohne Bilder hochzuladen.

    Das deaktivieren von Plugins würd ich gern in einem späteren Schritt machen, falls alles andere nichts bringt. Der Bericht scheint aber aufzulisten, welche Plugins laufen. Vielleicht ist das ja bereits aufschlussreich genug, um Problemplugins zu identifizieren ?

    Ich hab Blossom Receipe als Thema, aber das wurde Mal modifiziert und etwas auf meine Bedürfnisse (20 Kacheln, sonst nix) angepasst. Daher darf ich das auf keinen Fall updaten woran ich mich auch schön halte.

    Webseiten Bericht ist hier:

    ` wp-core
    
    version: 6.4.2
    site_language: de_DE
    user_language: de_DE
    timezone: +01:00
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 1
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 560
    dotorg_communication: true wp-paths-sizes wordpress_path: /mnt/web020/e3/02/52242702/htdocs/WordPress_01
    wordpress_size: 1,51 GB (1625257207 bytes)
    uploads_path: /mnt/web020/e3/02/52242702/htdocs/WordPress_01/wp-content/uploads
    uploads_size: 2,88 GB (3092633638 bytes)
    themes_path: /mnt/web020/e3/02/52242702/htdocs/WordPress_01/wp-content/themes
    themes_size: 10,12 MB (10608159 bytes)
    plugins_path: /mnt/web020/e3/02/52242702/htdocs/WordPress_01/wp-content/plugins
    plugins_size: 69,07 MB (72429857 bytes)
    database_size: 300,72 MB (315326464 bytes)
    total_size: 4,76 GB (5116255325 bytes) wp-active-theme name: Blossom Recipe (blossom-recipe)
    version: 1.1.4 (latest version: 1.2.6)
    author: Blossom Themes
    author_website: https://blossomthemes.com/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, title-tag, post-thumbnails, menus, html5, custom-background, customize-selective-refresh-widgets, custom-logo, custom-header, delicious-recipes, jetpack-responsive-videos, widgets
    theme_path: /mnt/web020/e3/02/52242702/htdocs/WordPress_01/wp-content/themes/blossom-recipe
    auto_update: Deaktiviert wp-themes-inactive (2) Twenty Twenty-Four: version: 1.0, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Three: version: 1.0, author: Das WordPress-Team (latest version: 1.3), Automatische Aktualisierungen deaktiviert wp-plugins-active (17) Advanced noCaptcha & invisible Captcha: version: 6.1.7, author: WP White Security (latest version: 7.4.0), Automatische Aktualisierungen deaktiviert
    Akismet Anti-spam: Spam Protection: version: 5.3, author: Automattic - Anti-spam Team, Automatische Aktualisierungen deaktiviert
    All in One SEO: version: 4.5.1.1, author: All in One SEO Team (latest version: 4.5.3.1), Automatische Aktualisierungen deaktiviert
    Asgaros Forum: version: 2.7.2, author: Thomas Belser, Automatische Aktualisierungen deaktiviert
    Beautiful and responsive cookie consent: version: 3.1.0, author: Beautiful Cookie Banner, Automatische Aktualisierungen deaktiviert
    Better Messages: version: 2.4.6, author: WordPlus, Automatische Aktualisierungen deaktiviert
    Better Search Replace: version: 1.4.4, author: WP Engine, Automatische Aktualisierungen deaktiviert
    Converter for Media: version: 5.11.5, author: matt plugins, Automatische Aktualisierungen deaktiviert
    Embed Privacy: version: 1.8.1, author: Epiphyt, Automatische Aktualisierungen deaktiviert
    Lightweight Accordion: version: 1.5.16, author: Andy Feliciotti, Automatische Aktualisierungen deaktiviert
    miniOrange 2 Factor Authentication: version: 5.8, author: miniOrange, Automatische Aktualisierungen deaktiviert
    NextGEN Gallery: version: 3.41, author: Imagely (latest version: 3.55), Automatische Aktualisierungen deaktiviert
    Smart Custom 404 error page [404page]: version: 11.4.4, author: Peter Raschendorfer, Automatische Aktualisierungen deaktiviert
    TablePress: version: 2.2.4, author: Tobias Bäthge, Automatische Aktualisierungen deaktiviert
    Widget Disable: version: 3.0.0, author: required, Automatische Aktualisierungen deaktiviert
    WP Activity Log: version: 4.6.1, author: Melapress, Automatische Aktualisierungen deaktiviert
    WP Rollback: version: 1.7.3, author: GiveWP.com (latest version: 2.0.0), Automatische Aktualisierungen deaktiviert wp-plugins-inactive (2) Media Cleaner: version: 6.6.9, author: Jordy Meow, Automatische Aktualisierungen deaktiviert
    WP-Sweep: version: 1.1.8, author: Lester 'GaMerZ' Chan, Automatische Aktualisierungen deaktiviert wp-media image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1692
    imagemagick_version: ImageMagick 6.9.12-90 Q16 x86_64 17868 https://legacy.imagemagick.org
    imagick_version: 3.7.0
    file_uploads: 1
    post_max_size: 128M
    upload_max_filesize: 128M
    max_effective_size: 128 MB
    max_file_uploads: 20
    imagick_limits:
    imagick::RESOURCETYPE_AREA: 8 GB
    imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
    imagick::RESOURCETYPE_FILE: 192
    imagick::RESOURCETYPE_MAP: 4 GB
    imagick::RESOURCETYPE_MEMORY: 2 GB
    imagick::RESOURCETYPE_THREAD: 1
    imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
    imagemagick_file_formats: 3FR, 3G2, 3GP, A, AAI, AI, APNG, ART, ARW, AVI, AVS, B, BGR, BGRA, BGRO, BMP, BMP2, BMP3, BRF, C, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DNG, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, FAX, FILE, FITS, FLV, FRACTAL, FTP, FTS, G, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K, K25, KDC, LABEL, M, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, O, 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, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, R, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCREENSHOT, 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, VIDEO, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMV, WPG, X3F, XBM, XC, XCF, XPM, XPS, XV, Y, YCbCr, YCbCrA, YUV
    gd_version: bundled (2.1.0 compatible)
    gd_formats: GIF, JPEG, PNG, WebP, BMP
    ghostscript_version: not available wp-server server_architecture: Linux localhost 4.18.0-477.27.1.el8_8.x86_64 #1 SMP Linux localhost 4.18.0-477.27.1.el8_8.x86_64 #1 SMP Linux localhost 4.18.0-477.27.1.el8_8.x86_64 #1 SMP
    httpd_software: Apache/2.4.58 (Unix)
    php_version: 8.2.13 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 4000
    time_limit: 240
    memory_limit: 512M
    max_input_time: 60
    upload_max_filesize: 128M
    php_post_max_size: 128M
    curl_version: 8.4.0 OpenSSL/3.0.10
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    current: 2023-12-28T20:51:50+00:00
    utc-time: Thursday, 28-Dec-23 20:51:50 UTC
    server-time: 2023-12-28T21:51:46+01:00 wp-database extension: mysqli
    server_version: 5.7.42-log
    client_version: mysqlnd 8.2.13
    max_allowed_packet: 67108864
    max_connections: 3000 wp-constants WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /mnt/web020/e3/02/52242702/htdocs/WordPress_01/wp-content
    WP_PLUGIN_DIR: /mnt/web020/e3/02/52242702/htdocs/WordPress_01/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 512M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8
    DB_COLLATE: undefined wp-filesystem wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable aioseo (1) noindexed: Autor-Archive, Datumsarchive, Kategorien (category)

    Hallo,
    eine Modifizierung eines (zumindest klassischen) Themes sollte niemals direkt am Theme vorgenommen werden. Solche Änderungen führt man im Rahmen eines sogenannten Child Themes durch.
    Warum ist das so? – Weil wie in Deinem Fall bei einem Update die Änderung überschrieben wird.
    Wenn man dann keine Updates durchführt, riskiert man im schlimmsten Fall, dass das Theme eine Sicherheitslücke beinhaltet und dann Deine Website gehackt werden kann. Aber auch andere Fälle sind denkbar: z. B. durch ein Update einer PHP-Version funktioniert das Theme nicht mehr oder ein Update enthält einen Bugfix (Bereinigung eines Fehlers).

    Wie man ein Child Theme erstellt, wird in dem folgenden Beitrag beschrieben.

    Fakt ist: Dein Theme (version: 1.1.4 (latest version: 1.2.6)) ist veraltet und das wird ziemlich sicher in Zukunft problematisch werden.

    Zum Website-Bericht:

    • Unter Einstellungen > Allgemein solltest Du die Zeitzone auf Berlin umstellen
    • Akismet entspricht nicht den europäischen Datenschutzvorgaben. Schau dir mal Antispam Bee an. Kostenlos, leistungsfähig und datenschutzkonform.
    • Better Search Replace kann deaktiviert werden, weil das Plugin nicht dauerhaft verwendet wird
    • `Du hast allerdings noch kein Plugin zur Sicherung installiert und aktiviert. Als Plugin verwende ich da UpdraftPlus oder BackWPup.
      Ein Plugin zur Sicherung wäre sowieso sinnvoll, wenn du nicht riskieren möchtest, dass deine Arbeit verloren geht. 😉
      Auch wenn über den Hoster bereits (hoffentlich) Sicherungen erstellt werden, solltest du eigene Sicherungen über ein entsprechendes Plugin am besten auf einen anderen Server durchführen oder Sicherungen auf deinen lokalen Rechner runterladen.

    Eine Deaktivierung der Plugins und des Themes solltest Du nach einer Sicherung durchaus vornehmen, um auszuschließen, dass das Problem durch ein Plugin bzw. durch das (veraltete) Theme ausgelöst wird.

    Viele Grüße
    Hans-Gerd

    Moderator Angelika Reisiger

    (@la-geek)

    Das, eingetragen in den Customizer, sollte das Problem eigentlich lösen können

    hr {
        width: auto;
        height: auto;
    }

    Falls nicht (und nur dann) ein !important anhängen

    hr {
        width: auto !important;
        height: auto !important;
    }

    CSS-Code kann man (wenn, wie in diesem Fall, kein Child-Theme vorhanden ist) im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS einfügen.

    Abgekürzter Weg -> (https://dein-domainname.de/wp-admin/customize.php), also:

    /wp-admin/customize.php an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.

    Thread-Starter winterstern

    (@winterstern)

    Zunächst einen lieben Dank an Hans-Gerd: die Punkte bin ich durchgegangen. Zeitzone ist mit UTC+1 soweit richtig und better-search hab ich deaktiviert. Backups mach ich manuell, nachdem mir dieses WP backup einmal meine Seite nach einem Update zerschossen hat. Ich musste den Ordner über FTP löschen, erst dann ging die Webseite wieder.

    Hab mich daran gewöhnt, regelmässig den WordPress Ordner mit FTP runterzuladen und zusätzlich beim Provider die SQL Datenbank runter zu laden.

    Die Themen Problematik ist mir durchaus bewusst. Als das Blog damals erstellt wurde war uns nicht klar dass das anlegen vom einem Child Thema die best practise ist. Statt dessen wurde am Thema direkt herumgeschraubt. Das ist eins von den Dingen, die ich bald versuchen werd umzusetzen, gibts ja auch Anleitungen zu.

    Thread-Starter winterstern

    (@winterstern)

    Ich hab dann die Tips von Angelika befolgt und wie beschrieben die hr Werte geändert. Das hat funktioniert !

    Die erste Linie sah noch etwas merkwürdig aus, nämlich in der Mitte dünn und zum Rand hin dick. Aber mit

    width: auto;
    height: 3px;

    gibt es eine Trennlinie, die zum Rand links rechts hin schmaler wird und sanft ausläuft. Kein Strich, aber das kann man so lassen, sehr hübsch.

    Bin super zufrieden, lieben Dank an euch beide für die Hilfe !

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