zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Seitenwechselnde Artikel in Wordpress

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.02.2017, 22:34
Benutzerbild von ned.design
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2010
Ort: Niedersachsen
Beiträge: 42
ned.design befindet sich auf einem aufstrebenden Ast
Standard Seitenwechselnde Artikel in Wordpress

Liebe Community,

ich möchte gerne meine Beiträge seitenwechselnd anzeigen lassen. Siehe Foto!

Vorstellung: Der erste Beitrag, Foto rechts, Text links mit weißem Hintergrund. Zweiter Beitrag, Foto links, Text rechts mit farbigen Hintergrund, dann wieder wechseln mit weißen Hintergrund und dann wieder farbigen Hintergrund.



Mein derzeitiger Code:

HTML-Code:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
			<article id="one" class="post style1">
				<div class="image">
					<img src="<?php bloginfo('template_url') ?>/images/pic14.jpg" alt="" data-position="75% center" />
				</div>
				<div class="content">
					<div class="inner">
						<header>
							<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
							<p class="info">3 days ago by <a href="#">Jane Doe</a></p>
						</header>
						<?php the_content(); ?>
						<ul class="actions">
							<li><a href="generic.html" class="button alt">Read More</a></li>
						</ul>
					</div>
					<div class="postnav">
						<a href="#" class="prev disabled"><span class="icon fa-chevron-up"></span></a>
						<a href="#two" class="scrolly next"><span class="icon fa-chevron-down"></span></a>
					</div>
				</div>
			</article>
		<?php endwhile; endif; ?>
Mein derzeitiges Resultat:
__________________
Design ist unsichtbar. Lucius Burckhardt, Soziologe, 1981
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.02.2017, 08:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Warum nicht mit Flexbox lösen? https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Du kannst mit CSS jede 2. Reihe selektieren: nth-child(even) und dort dann mittels order die Reihenfolge der Elemente umdrehen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.02.2017, 10:27
Benutzerbild von ned.design
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2010
Ort: Niedersachsen
Beiträge: 42
ned.design befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
Warum nicht mit Flexbox lösen? https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Du kannst mit CSS jede 2. Reihe selektieren: nth-child(even) und dort dann mittels order die Reihenfolge der Elemente umdrehen.
Danke, hast du evtl. ein Beispiel dafür, ich kann mir das gerade nicht vorstellen.

Gesendet von meinem E5823 mit Tapatalk
__________________
Design ist unsichtbar. Lucius Burckhardt, Soziologe, 1981
Mit Zitat antworten
  #4 (permalink)  
Alt 22.02.2017, 10:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

display:flex;

für das Eltern-Element. (article)

Dann order: 1 für das Element mit der Klasse content damit es vor dem Bild angezeigt wird. Eventuell muss heir die order vom Bild auch noch hochgesetzt werden, habe das gerade nicht auswendig im Kopf, denke aber nicht.
Mit Zitat antworten
  #5 (permalink)  
Alt 25.02.2017, 21:27
Benutzerbild von ned.design
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2010
Ort: Niedersachsen
Beiträge: 42
ned.design befindet sich auf einem aufstrebenden Ast
Standard

Ich bekomme das irgendwie nicht umgesetzt.

Gesendet von meinem E5823 mit Tapatalk
__________________
Design ist unsichtbar. Lucius Burckhardt, Soziologe, 1981
Mit Zitat antworten
  #6 (permalink)  
Alt 27.02.2017, 10:04
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Ohne konkrete Fehlerbeschreibung wird es schwer, hier zu helfen. Was hast du wie versucht?
Mit Zitat antworten
Antwort

Stichwörter
html, php, wordpress

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Sinnvolle Aktionen zur Sicherheit von Wordpress?? hubspe Serveradministration und serverseitige Scripte 26 28.11.2012 20:25
CMS - Artikel eines Autors ändern laborix Offtopic 9 29.10.2012 23:31
Wordpress. Artikel Links und Linkeigenschaften von Bildern? sepp88 CSS 2 05.12.2009 16:58
Wordpress auf meinem Localhost installieren - unmöglich? überdose Offtopic 7 06.03.2006 19:52
Webseiten sind keine Gemälde | Artikel im PHP-Magazin ulle Ressourcen 0 28.07.2005 10:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:27 Uhr.