Theme-Editor Beta: Startseite: Beitragstitel im Beitragsbild positionieren?

  • Gelöst ZNMAC

    (@znac)


    vor 2 Jahren, 11 Monaten

    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 Jahren, 11 Monaten von ZNMAC.

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

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

    (@hage)

    vor 2 Jahren, 11 Monaten

    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)

    vor 2 Jahren, 11 Monaten

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

    Thread-Starter ZNMAC

    (@znac)

    vor 2 Jahren, 11 Monaten

    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)

    vor 2 Jahren, 11 Monaten

    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-Starter ZNMAC

    (@znac)

    vor 2 Jahren, 11 Monaten

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

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 2 Jahren, 11 Monaten

    gerne – sonst melde dich hier einfach noch mal. 😊

    Thread-Starter ZNMAC

    (@znac)

    vor 2 Jahren, 11 Monaten

    @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)

    vor 2 Jahren, 11 Monaten

    @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-Starter ZNMAC

    (@znac)

    vor 2 Jahren, 11 Monaten

    @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-Starter ZNMAC

    (@znac)

    vor 2 Jahren, 11 Monaten

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

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 2 Jahren, 11 Monaten

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

    Thread-Starter ZNMAC

    (@znac)

    vor 2 Jahren, 11 Monaten

    Funktioniert bei Deinem Beispiel die Verlinkung auf die Beitragsseite?

    Thread-Starter ZNMAC

    (@znac)

    vor 2 Jahren, 11 Monaten

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

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 2 Jahren, 11 Monaten

    @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)

    vor 2 Jahren, 11 Monaten

    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)
1 2
  • Das Thema „Theme-Editor Beta: Startseite: Beitragstitel im Beitragsbild positionieren?“ ist für neue Antworten geschlossen.