Inhalt nicht zentriert
-
Hallo zusammen,
ich habe den Auftrag bekommen eine Website etwas umzubauen.
Leider habe ich zuvor nie WordPress (6.2.4) benutzt.
Ich habe also eine neue Seite erstellt und ein, bzw. mehrere vorgefertigte Layouts getestet. Leider ist der Inhalt dann aber nicht zentriert:
https://i.imgur.com/RN3HCXB.png
Das ist bei jedem Layout der Fall. Wenn ich nun auf der Vorschauseite im Quelltext folgende Änderung tätige:
<main id="main" class="site-main col-xs-12 col-lg-9" role="main">zu:
<main id="main" class="site-main col-xs-12 col-lg-12" role="main">Dann sieht alles richtig aus und alles ist zentriert. Wie komme ich also in WordPress an diesen Code oder die Einstellung? Alle anderen Seiten auf der Website sind auch zentriert, verstehe es also nicht ganz.
Ich bin über jeden Tipp sehr dankbar, da ich wie gesagt zuvor nur mit reinem HTML gearbeitet habe, nicht mit WordPress.
Liebe Grüße,
xorediv
-
Hallo,
um dazu etwas sagen zu können, benötigen wird weitere Informationen: wenn du dann noch die URL oben einträgst, dann können wir uns das auch zunächst im Frontend ansehen und dir sicher besser helfen.Hilfreich für eine 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):
Und mit z. B. STRG V in die Antwort bei diesem Thema einfügen.
Viele Grüße
Hans-GerdDankeschön, es handelt sich um diese Seite:
https://boyens-amrum.de/wassersport/kiten/entwurf/
Passwort: forum
Der Bericht lautet wie folgt:
` wp-core version: 6.2.4
site_language: de_DE
user_language: de_DE
timezone: +00:00
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 1
dotorg_communication: true wp-paths-sizes wordpress_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01
wordpress_size: 176,64 MB (185224033 bytes)
uploads_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content/uploads
uploads_size: 853,91 MB (895392858 bytes)
themes_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content/themes
themes_size: 14,50 MB (15204538 bytes)
plugins_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content/plugins
plugins_size: 90,98 MB (95395542 bytes)
database_size: 131,97 MB (138379264 bytes)
total_size: 1,24 GB (1329596235 bytes) wp-dropins (1) advanced-cache.php: true wp-active-theme name: Shaka PT (shaka-pt)
version: 1.14.4 (latest version: 1.14.5)
author: ProteusThemes
author_website: https://www.proteusthemes.com/
parent_theme: none
theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, woocommerce, wc-product-gallery-lightbox, wc-product-gallery-slider, wc-product-gallery-zoom, title-tag, post-thumbnails, menus, html5, custom-background, widgets
theme_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content/themes/shaka-pt
auto_update: Deaktiviert wp-themes-inactive (2) Twenty Twenty-Three: version: 1.1, author: Das WordPress-Team (latest version: 1.3), Automatische Aktualisierungen deaktiviert
Twenty Twenty-Two: version: 1.4, author: Das WordPress-Team (latest version: 1.6), Automatische Aktualisierungen deaktiviert wp-plugins-active (18) Advanced Custom Fields: version: 6.2.0, author: WP Engine (latest version: 6.2.5), Automatische Aktualisierungen deaktiviert
Advanced Custom Fields: Repeater Field: version: 2.1.0, author: Elliot Condon, Automatische Aktualisierungen deaktiviert
Breadcrumb NavXT: version: 7.2.0, author: John Havlik, Automatische Aktualisierungen deaktiviert
Contact Form 7: version: 5.8, author: Takayuki Miyoshi (latest version: 5.8.6), Automatische Aktualisierungen deaktiviert
Custom Sidebars by ProteusThemes: version: 1.0.3, author: ProteusThemes, Automatische Aktualisierungen deaktiviert
FileBird Lite: version: 5.5, author: Ninja Team (latest version: 5.6.1), Automatische Aktualisierungen deaktiviert
Ninja Forms: version: 3.6.29, author: Saturday Drive (latest version: 3.7.2), Automatische Aktualisierungen deaktiviert
One Click Demo Import: version: 3.1.2, author: OCDI (latest version: 3.2.0), Automatische Aktualisierungen deaktiviert
Page Builder by SiteOrigin: version: 2.25.2, author: SiteOrigin (latest version: 2.29.4), Automatische Aktualisierungen deaktiviert
Portfolio Post Type: version: 1.0.1, author: Devin Price, Automatische Aktualisierungen deaktiviert
ProteusThemes Shortcodes: version: 1.7.3, author: ProteusThemes, Automatische Aktualisierungen deaktiviert
PVB Contact Form 7 Calculator: version: 1.0.11, author: Petko Bossakov, Automatische Aktualisierungen deaktiviert
Redirection: version: 5.3.10, author: John Godley (latest version: 5.4.2), Automatische Aktualisierungen deaktiviert
SiteOrigin Premium: version: 1.50.0, author: SiteOrigin (latest version: 1.58.1), Automatische Aktualisierungen deaktiviert
SiteOrigin Widgets Bundle: version: 1.54.0, author: SiteOrigin (latest version: 1.58.2), Automatische Aktualisierungen deaktiviert
Under Construction: version: 3.97, author: WebFactory Ltd (latest version: 3.98), Automatische Aktualisierungen deaktiviert
WP Featherlight: version: 1.3.4, author: Cipher, Automatische Aktualisierungen deaktiviert
Yoast SEO: version: 21.0, author: Team Yoast, Automatische Aktualisierungen deaktiviert wp-plugins-inactive (3) Akismet Anti-Spam: Spam Protection: version: 5.2, author: Automattic - Anti Spam Team (latest version: 5.3.1), Automatische Aktualisierungen deaktiviert
WP Notification Bars: version: 1.0.12, author: MyThemeShop, Automatische Aktualisierungen deaktiviert
WP Rocket: version: 3.10.9, author: WP Media, 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.5.1
file_uploads: File uploads is turned off
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.15.1.el8_8.x86_64 #1 SMP Linux localhost 4.18.0-477.15.1.el8_8.x86_64 #1 SMP Linux localhost 4.18.0-477.15.1.el8_8.x86_64 #1 SMP
httpd_software: Apache/2.4.58 (Unix)
php_version: 7.4.33 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: false wp-database extension: mysqli
server_version: 5.7.42-log
client_version: 5.6.45
max_allowed_packet: 67108864
max_connections: 3000 wp-constants WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content
WP_PLUGIN_DIR: /mnt/web520/b3/67/5765967/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
DB_CHARSET: utf8
DB_COLLATE: undefined wp-filesystem wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writableDa kann ich persönlich allerdings nicht das Problem ausmachen. Die anderen Seiten auf der Website sind alle schön mittig zentriert, nur die neuen, welche ich anlege nicht, außer ich ändere in der Entwicklerkonsole des Browsers besagte Zeile.
Vielen Dank und liebe Grüße,
xored
Edit: Ich habe es glaube ich behoben. In der Datei „page.php“ habe ich folgende Zeile wie oben beschrieben angepasst:
<main id="main" class="site-main col-xs-12<?php echo 'left' === $shaka_sidebar ? ' col-lg-9 col-lg-push-3' : ''; ?><?php echo 'right' === $shaka_sidebar ? ' col-lg-12' : ''; ?>" role="main">Somit ist alles richtig zentriert. Andere Seiten wurden dadurch scheinbar nicht negativ beeinflusst.
Das Thema „Inhalt nicht zentriert“ ist für neue Antworten geschlossen.