Support » Themes » Theme-Editor Beta: Startseite: Beitragstitel im Beitragsbild positionieren?

  • Gelöst znac

    (@znac)


    Hallo in die Runde, leider finde ich keinen Weg, meinen Design-Wunsch, umzusetzen.

    Auf meiner Startseite sollen die Beitragsbilder wie Cover-Bilder dargestellt werden. Also Beitragstitel und Textauszug sollen im Bild und nicht neben dem Bild angezeigt werden.

    Über Design > Editor Beta > Templates > Startseite > Abfrage-Loop
    kriege ich dies irgendwie nicht hin. Geht es überhaupt? Wenn ja, was mache ich falsch?

    —————–
    Website-Zustand: Gut

    
    ### wp-core ###
    
    version: 6.0
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    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: /www/xxx/adimlarim.com
    wordpress_size: 77,14 MB (80886583 bytes)
    uploads_path: /www/xxx/adimlarim.com/wp-content/uploads
    uploads_size: 367,92 MB (385793224 bytes)
    themes_path: /www/xxx/adimlarim.com/wp-content/themes
    themes_size: 7,02 MB (7360576 bytes)
    plugins_path: /www/xxx/adimlarim.com/wp-content/plugins
    plugins_size: 34,57 MB (36246648 bytes)
    database_size: 4,70 MB (4931973 bytes)
    total_size: 491,35 MB (515219004 bytes)
    
    ### wp-active-theme ###
    
    name: Twenty Twenty-Two (twentytwentytwo)
    version: 1.2
    author: WordPress-Team
    author_website: https://de.wordpress.org/
    parent_theme: none
    theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, block-templates, widgets-block-editor, wp-block-styles, editor-style
    theme_path: /www/xxx/adimlarim.com/wp-content/themes/twentytwentytwo
    auto_update: Deaktiviert
    
    ### wp-themes-inactive (1) ###
    
    Twenty Twenty-One: version: 1.6, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-active (5) ###
    
    Antispam Bee: version: 2.11.0, author: pluginkollektiv, Automatische Aktualisierungen deaktiviert
    Lightbox for Gallery & Image Block: version: 1.11, author: Johannes Kinast <johannes@travel-dealz.de>, Automatische Aktualisierungen deaktiviert
    TranslatePress - Multilingual: version: 2.2.9, author: Cozmoslabs, Razvan Mocanu, Madalin Ungureanu, Cristophor Hurduban, Automatische Aktualisierungen deaktiviert
    WPS Hide Login: version: 1.9.6, author: WPServeur, NicolasKulka, wpformation, Automatische Aktualisierungen deaktiviert
    Yoast SEO: version: 19.1, author: Team Yoast, Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-inactive (2) ###
    
    Advanced Custom Fields: version: 5.12.2, author: Delicious Brains, Automatische Aktualisierungen deaktiviert
    WP Mail SMTP: version: 3.4.0, author: WPForms, Automatische Aktualisierungen deaktiviert
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1690
    imagemagick_version: ImageMagick 6.9.10-23 Q16 x86_64 20190101 https://imagemagick.org
    imagick_version: 3.4.4
    file_uploads: File uploads is turned off
    post_max_size: 200M
    upload_max_filesize: 200M
    max_effective_size: 200 MB
    max_file_uploads: 20
    imagick_limits: 
    	imagick::RESOURCETYPE_AREA: 31 GB
    	imagick::RESOURCETYPE_DISK: 1.84467440737E+19
    	imagick::RESOURCETYPE_FILE: 786432
    	imagick::RESOURCETYPE_MAP: 31 GB
    	imagick::RESOURCETYPE_MEMORY: 16 GB
    	imagick::RESOURCETYPE_THREAD: 8
    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, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, 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, H, 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, MAGICK, 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, PREVIEW, 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, WMF, WMV, WMZ, 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.50
    
    ### wp-server ###
    
    server_architecture: Linux 5.4.0-120-generic x86_64
    httpd_software: Apache
    php_version: 7.4.28 64bit
    php_sapi: fpm-fcgi
    max_input_variables: 10000
    time_limit: 30
    memory_limit: 256M
    max_input_time: 60
    upload_max_filesize: 200M
    php_post_max_size: 200M
    curl_version: 7.68.0 OpenSSL/1.1.1f
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: false
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 10.5.15-MariaDB-1:10.5.15+maria~focal-log
    client_version: mysqlnd 7.4.28
    max_allowed_packet: 67108864
    max_connections: 500
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /www/xxx/adimlarim.com/wp-content
    WP_PLUGIN_DIR: /www/xxx/adimlarim.com/wp-content/plugins
    WP_MEMORY_LIMIT: 256M
    WP_MAX_MEMORY_LIMIT: 256M
    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: writable
    
    
    • Dieses Thema wurde geändert vor 2 Wochen von znac.

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

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 28)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,

    Auf meiner Startseite sollen die Beitragsbilder wie Cover-Bilder dargestellt werden. Also Beitragstitel und Textauszug sollen im Bild und nicht neben dem Bild angezeigt werden.

    Das hört sich interessant an, aber ich denke, dass man das z. Zt. nicht so bauen kann.
    Ich habe mir das gerade mal auf einer Testinstanz angesehen, aber ich bekomme das auch nicht hin, weil das Beitragsbild im Abfrage-Loop offensichtlich nicht als Cover verwendet werden kann.

    Ich habe das in der Tat nur wie folgt hinbekommen.
    Hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):

    Abfrage-Loop

    Ich werde das mal an entsprechender Stelle (Slack-Channel #fse-outreach-experiment) zur Diskussion stellen.

    Evtl. kannst du aber auch mal nachsehen, ob du im Pattern-Verzeichnis fündig wirst.

    Viele Grüße
    Hans-Gerd

    Moderator Hans-Gerd Gerhards

    (@hage)

    Nachtrag: Ich habe die Frage gerade im Slack-Channel gestellt. Bin mal gespannt auf die Reaktionen.

    Thread-Ersteller znac

    (@znac)

    Danke @hage,
    „Das hört sich interessant an, aber ich denke, dass man das z. Zt. nicht so bauen kann.“ dann lag ich doch nicht auf meiner Leitung, schade. Ich bin mal gespannt, ob Reaktionen kommen werden.

    Ich blicke beim Mitmach-WordPress überhaupt noch nicht durch, deshalb ist mir vieles fremd. Was genau ist ein Slack-Channel?

    Und danke für den Tipp mit den Patterns. Werde erstmal nachlesen, was genau damit möglich ist.

    Moderator Hans-Gerd Gerhards

    (@hage)

    Halle,
    ist doch möglich (danke an Carolina Nymark):

    Hier Screenshots dazu von Carolina (bei Klick auf das Bild, wird das Bild vergrößert):

    Cover

    Cover

    Ich habe das dann in etwa so nachgebaut (wichtig ist insbesondere die Verwendung des Beitragsbildes beim Template):
    Cover

    Das sieht dann im Frontend wie folgt aus:
    Cover

    Das ist in der Tat allerdings nicht ganz einfach.

    Was genau ist ein Slack-Channel?

    „Slack ist ein digitaler Arbeitsplatz, wo alle – aufgeteilt in unterschiedliche Kanäle (Channels) – zusammenarbeiten. Die deutschsprachige WordPress-Community nutzt diese Möglichkeit, um miteinander WordPress-Projekte verschiedenster Art zu organisieren.
    Wenn du vorhast, dich für WordPress zu engagieren und Teil dieser lebendigen Synergie zu werden, dann gibt dir (hoffentlich) diese Anleitung Antworten auf die wichtigsten Fragen.“
    Quelle: https://de.wordpress.org/slack/

    Viele Grüße
    Hans-Gerd

    Thread-Ersteller znac

    (@znac)

    Vielen herzlichen Dank für die investierte Zeit und Geduld. Mal schauen, wie ichs hinbekomme.

    Moderator Hans-Gerd Gerhards

    (@hage)

    gerne – sonst melde dich hier einfach noch mal. 😊

    Thread-Ersteller znac

    (@znac)

    @hage, wie hast Du den Absatz, Beitragsdatum und die Spalten in den Coverblock platzieren können? Ich kriegs nicht hin.

    Moderator Hans-Gerd Gerhards

    (@hage)

    @znac
    Schau mal bitte bei dem folgenden Screenshot links in die Listenansicht unter Cover. Da findest du die Blöcke, die ich eingebunden habe:

    Cover

    Thread-Ersteller znac

    (@znac)

    @hage, wie hast Du die Blöcke, die dem Coverblock untergeordnet sind, so zuordnen können?Die Reihenfolge der Blöcke ist wie die aus Deinem Beispiel, jedoch nicht die Hierarchie. Ich bekomme es nicht hin, siehe https://adimlarim.com/de/cover-block-uebergeordnet/

    Thread-Ersteller znac

    (@znac)

    Revidiert. Jetzt auf einmal klappt es. Muß mal schauen, woran es lag. Nochmals Danke

    Moderator Bego Mario Garde

    (@pixolin)

    @znac Demnächst bitte den Thread noch als „gelöst“ markieren. Danke.

    Thread-Ersteller znac

    (@znac)

    Funktioniert bei Deinem Beispiel die Verlinkung auf die Beitragsseite?

    Thread-Ersteller znac

    (@znac)

    @pixolin mach ich gerne, wenn ich alle Schritte nachvollzogen habe.

    Moderator Hans-Gerd Gerhards

    (@hage)

    @znac
    ja, das funktioniert, wenn ich z. B. auf den Beitrags-Titel klicke. Du kannst allerdings auch noch zusätzlich einen Weiterlesen-Block einfügen.

    Moderator Hans-Gerd Gerhards

    (@hage)

    Hast du bei Einstellungen > Lesen auch festgelegt, dass „Deine Homepage zeigt Deine letzten Beiträge“ eingestellt ist?

    Dann wird automatisch dieses Template wie folgt angezeigt – Hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):

    Template

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 28)