Das Wordpress
  1. Das Wordpress
  3. Text von der Bildseite in das untere Bild verschieben
Intereting Posts
Wechsel zu einem anderen Host; welche Tabellen in eine database verschoben werden sollen Wie benutzt man wp_category_checklist ()? Echo alle API Einstellungen Abschnitte? Installation mit SQL Server Express Edition Multisite: Umleitung des Subsite-Administrators auf die Subsite-Homepage, Umgehen des Dashboards Leerer Müllhaken für wp Kommentar Ich muss eine function innerhalb einer function abfangen und die Ausgabe mithilfe ihres Filters in einem untergeordneten Thema ändern Gästen erlauben, WP Customizer zu verwenden, aber die Schaltfläche “Speichern” zu deaktivieren Zeigen Sie benutzerdefinierte Felder im vorderseitigen Benutzerprofil an WordPress Kategorie & Taxonomie-Schleife mit Seitenumbruch wp_editor entfernt HTML- und Inline-Stile Wie kann ich einen Menüeintrag programmgesteuert entfernen? WP Rest API v2 filtert und zeigt den letzten Beitrag mit einem bestimmten Tag an Listen Sie die Nutzer mit den meisten Posts in den letzten 30 Tagen auf Die Kategorieseite verwendet nicht die Kategorie “category.php”, sondern leitet sie zur Startseite weiter

Text von der Bildseite in das untere Bild verschieben

Ich möchte den Titel der Posts unter dem Thumbnail des Posts verschieben, während alle 3 Posts in derselben Zeile bleiben. Das scheint eine ziemlich einfache Sache zu sein, aber ich kann die richtige Kodierung nicht herausfinden. Wenn jemand helfen könnte, würde ich es sehr schätzen.

Bild von dem, wie es aussieht (Ich möchte den Beitragstitel unter der Bildminiatur sehen) Bildbeschreibung hier eingeben

verwandte-posts.php 

  
 ID); if ($categories) { $category_ids = array(); foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id; $args=array( 'category__in' => $category_ids, 'post__not_in' => array($post->ID), 'posts_per_page'=> 3, // Number of related posts that will be shown. 'caller_get_posts'=>1 ); $my_query = new wp_query( $args ); if( $my_query->have_posts() ) { echo ''; } } $post = $orig_post; wp_reset_query(); ?>

css 

 .related-posts-title { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 12px; letter-spacing: 1px; } .related-posts-image img { height:259px; width:400px; } .relatedthumb { display: inline-block; } .relatedcontent { display: inline-block; }

Solutions Collecting From Web of "Text von der Bildseite in das untere Bild verschieben"

Ihr Problem ist nicht WP-spezifisch, aber um Ihr gewünschtes Layout zu erreichen, ändern .relatedcontent einfach den .relatedcontent Stil zu: 

 .relatedcontent { display: block; }

Sie müssen .relatedthumb und .relatedcontent innerhalb eines li Containers .relatedcontent und floaten, und dann die display: inline-block; entfernen display: inline-block; von den zwei classn.

html: 

  
  •  
    < ?php the_post_thumbnail(); ?>
     
     
    < ?php the_title(); ?>
     
     
    •

    CSS: 

     ul { display: inline; } ul li { float: left; list-style: none; padding: 0 2px; } .relatedthumb { display: block; } .relatedcontent { display: block; }

    Demo hier: https://jsfiddle.net/MatteoMnz/ndq8d2ud/