"nächster beitrag, voriger beitrag" im blog einfügbar?

moosmandl

hallo,

möchte in meinem blog in der ansicht, in der der einzelne beitrag zur gänze lesbar ist, dem besucher die möglichkeit geben, sich zum nächsten oder vorigen beitrag zu klicken.

habe mich schon etwas im forum umgeschaut, aber nichts für mich anwendbares gefunden, bzw. nur modifikationen des codes, die für mein wissen viel zu weit gegangen sind.

meine frage:
kann man so etwas mittels plugin z.b. nachträglich einfügen oder kann ich es gleich vergessen?
sollte es trotzdem gehen, wo muss ich ansetzen?

danke im voraus für die hilfe
moosmandl

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

skidevil

Kennst du dich ein bisschen mit den Aufbau von Themes in Wordpress aus?

Einfachste Lösung: Du eiditierst die Single.php und fügtst folgenden Code ein (kommt aus dem WP Theme Twenty Ten):

PHP

<div id="nav-below" class="navigation">
                    <div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'twentyten' ) . '</span> %title' ); ?></div>
                    <div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'twentyten' ) . '</span>' ); ?></div>
                </div><!-- #nav-below -->

moosmandl

danke! aber...

hallo,

es scheint also leichter zu gehen, wie ich gemeint hatte.
nachdem meine blog-titel dank der zweisprachigkeit recht lang sind, möchte ich aber nicht den beitragstitel sondern nur "nächster beitrag" und "vorheriger beitrag" z.b. anklickbar haben.
und alles in einer zeile.

habe natürlich mir sicher so 30 vorlagen angeschaut, wo so was ist um mir den code-teil herauszukopieren.
leider haben alle themes entweder den beitragstitel oder gar keine navigation in diesem sinne.

veilleicht kann mir einer den obigen code modifizieren?

danke für die wertvolle hilfe
moosmandl

mfitzen

Versuchs mal mit

PHP

<div class="navigation">
<div class="alignleft">
<?php next_posts_link('&laquo; vorherige Einträge') ?>
</div>
<div class="alignright">
<?php previous_posts_link('nächste Einträge &raquo;') ?>
</div>
</div>

Eventuell musst Du dann noch per CSS die Sachen ein wenig anpassen um alles in eine Zeile zu bekommen.

moosmandl

hm...

man sieht jetzt überhaupt nichts, als wenn ich keinen code dazugeschrieben hätte.

mfitzen

Aaarrrg... Sorry, Denkfehler:

PHP

<div class="navigation">
<div class="alignleft"><?php previous_post_link('%link', 'vorheriger Beitrag'); ?></div>
<div class="alignright"><?php next_post_link('%link', 'nächster Beitrag'); ?></div>
</div>

moosmandl

yessss!!!

danke, jetzt muss nur noch an der css-datei gedreht werden, damit alles in einer zeile bleibt.
kannst du mir bitte einen denkansatz dazu geben?

danke!

mfitzen

Füge der style.css

Code

.alignleft {float: left;}
.alignright {float: right;}

hinzu.

moosmandl

und wo genau?
die ist doch ziemlich gegliedert und ich will mir nichts zerschießen.

{ braucht es keine?

sorry für mein unverständnis...

mfitzen

Einfach ans Ende packen.

Zitat

{ braucht es keine?

Sind doch da?!

Code

.alignleft [COLOR="blue"][B]{[/B][/COLOR]float: left;[COLOR="blue"][B]}[/B][/COLOR]
.alignright [COLOR="blue"][B]{[/B][/COLOR]float: right;[COLOR="blue"][B]}[/B][/COLOR]

moosmandl

ok, gemacht.
aber so richtig ist es noch nicht, oder? ;-)

mfitzen

Poste bitte mal den Inhalt der Datei, in der Du das eingebaut hast.

moosmandl

ok

Code

/* 
Theme Name: CoffeeSpot
Version: 1.3
Description: CoffeeSpot is yet another wordpress theme by <a  href="http://wpthemepark.com" title="WP ThemePark">WP ThemePark</a>.
Author: Sadish Bala
Author URI: http://wpthemepark.com
*/
/* Header image courtesy of http://www.sxc.hu/photo/712538 */


/* Section: Body --------- */


body {
	margin: 0;
	padding: 0;
	font-family: Verdana,Tahoma, Arial, Serif;	
	line-height: 1.5em;
	font-size: 10px; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: 30px; /* easy scaling */
  	font-size: 0.76em;
  	background:#f4f4f4 url(img/bg.gif) repeat-y center;
 	color:#333;  	 	
}
/* Sub-Section: Body Paragraph and Links --------- */
p, li {
	margin: 0.5em 0 0.7em;
	line-height:1.3em;
}
a {
	text-decoration:none;	
}
a:link 
{
	color: #a66349;   
	border-bottom:none;
background:none; 


}
a:visited {
	color: #b7745a;  
	border-bottom:none;
	background:none;  
}
a:hover, a:active {  
  border-bottom:#aba195 1px solid;
  background:#fffaf0;
  color: #993333;
}
abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted;
}
abbr[title]
{
	cursor:help;
}
blockquote{
	margin: 1em;
	padding: 1em;
	border-left: 2px solid #ccc;
	color:#666;
}
dl dt 
{
	font-weight:bold;
	margin:5px 0;	
}
dl dd 
{
	padding-left:20px;
	display:inline;
}
fieldset 
{
	border:none;
}
img
{
	border:#eeeee9 10px solid;
}
img.wp-smiley, img.noborder
{
	border:none;
}
img.right 
{
	float:right;
	padding:5px;
	margin:0 1em 1em;
}
img.left 
{
	float:left;
	padding:5px;
	margin:0 1em 1em;
}
#rap {
	margin: 0 auto;
	padding:0;		
	background:#fff url(img/sidebarbg.gif) repeat-y right;
	/* box model hack */
	width: 780px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 780px;	
}


html>body #rap { /* be nice to Opera */
	width: 780px;
}
/* Sub-Section:  FONTS --------- */
h1,h2,h3,h4,h5,h6 
{
	margin: 0;
	padding:0;
	font-family: 'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;	
	font-weight:normal;
	color: #567;			
}
h2,h3 
{
	line-height:1.3em;	
	font-size: 1.4em;	
	border-bottom:#eaeaea 1px solid;
}


/* Section: Positioning --------- */


#header {
	height: 165px;
	background:#130 url(img/2007-09-09_13-06-36.jpg) no-repeat right top;
	margin:10 auto;
	padding:0;		
}
#header h1 
{
	font-size:2.7em;
        font-weight:bold;
	margin:20px 0 0 15px;	
        
}
#header h1 a:link,#header h1 a:visited 
{
	border-bottom:none;	
	background:none;
}
#header h1 a:hover,#header h1 a:active
{
	border-bottom:#fff 1px solid;	
	background:none;
}
#header h4
{
	font-size: 1.5em;
	font-style:italic;
	margin: 15px 0 0 15px;	
	padding:0;	
}
#header * 
{
	color:#727272;
}
#main {
	float: left;
	width: 568px;
	padding: 0;	
	margin: 0;		
}
#main ul 
{
	margin:1em;
	padding:0;
	list-style:none;
}
#main ul li 
{
	list-style-image:url(img/glas_1.png);
	padding:3px 0;	
	margin:0 1em;
}
.post 
{
	margin:0 0 20px 0;	
	padding:10px 10px 0;		
	background:url(img/weinglas3.jpg) no-repeat top left;	
}


.post-title
{
	margin-left:75px;			
}
.post-title a:link, .post-title a:hover, .post-title a:visited, .post-title a:active 
{
	border-bottom:none;
}
.day-date {
	font-size: 0.9em;
	color: #999;
	padding: 3px 0;
	margin: 0 0 0 75px;			
}
.day-date em 
{
	font-style:normal;
	color:#666;
}
.day-date a 
{
	border-bottom:none;
}
.post-content h4 
{
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Serif;


}
.post-content h4 em
{
	font-style:normal;
	float:right;
	font-weight:normal;


}
.post-info {
	font-size : 0.9em;
	color : #666;
	margin : 0;
	background:url(img/comments-small.gif) no-repeat left center;
	padding-left:12px;
	border-bottom:#eaeaea 1px solid;
	clear:both;
}
.post-info a 
{
	border-bottom:none;
}
.post-content {
	padding:10px;	
}
#sidebar {
	float: left;
	width: 190px;
	padding:9px;
	line-height:1em;				
}
#sidebar ul
{
	list-style: none;	
}
#sidebar form, #sidebar .block, #sidebar ul 
{
	margin:0;
	padding: 1em;		
	font-size: 0.9em;		
	background:#fff;
}
#sidebar ul ul 
{
	margin:0;
	padding:0;	
}
#sidebar ul li 
{
	list-style-image:none;
	margin:0 0px;
	padding:0px 0;
	
}
#sidebar ul li ul li


{
	list-style-image:url(img/arrow.gif);
	margin:0 10px;
	padding:3px 0;
	
}
#sidebar a {
	color: #80664D;	
	text-decoration: none;	
	border:none;
}
#sidebar a:visited
{ 
	color: #80664D; 
}
#sidebar a:hover 
{
	color: #60462d;	
	border-bottom:1px solid;
}


#sidebar ul img {
	border:#459 1px solid;
}
#sidebar ul ul 
{
	margin:5px;
	font-size:1em;
}
#sidebar h2
{
	margin:20px 0 0 0;
	font-size: 1.3em;	
	color: #fff;	
	height:20px;
	border:none;	
	font-variant:small-caps;		
	font-weight:bold;
	padding:3px 10px;
	background:url(img/sideh_886b6d.gif) no-repeat top center;
}
#sidebar li h2 
{
	background:none;
	color:#996666;
	border-bottom:#996666 1px solid;
	padding:0;
	margin:0;
}
#sidebar ul li.feed
{
	list-style:none;
	background:url(img/feed.png) no-repeat left center;
	padding-left:10px;
	margin:0;
}
#footer {
	clear: both;
	margin:0 auto;
	background:#80261b;
	border:#8b4513 1px solid;	
	color: #ddd;
	font-size: 0.9em;		
	padding:5px;		
}
#footer p {
  line-height: 1.1;
}
#footer strong 
{
	color:#fff;
	font-size:1.4em;
}
#footer ul 
{
	margin:0;
	padding:0;		
}
#footer ul li 
{
	list-style:none;
	padding-left:15px;
	background:url(img/arrow.gif) no-repeat left center;	
}
#footer div 
{
	float:right;
	width:25%;	
}
#footer a 
{
	color:#ddd;		
	text-decoration:none;
	border:none;
}
#footer a:hover
{
	color:#fff;	
	border-bottom:#886b6d 1px solid;
	background:none;	
}
#comments, #respond{
	margin: 2em 0 0 5px;
}
#commentform 
{
	margin:10px;
	padding:10px;
}
#rap .commentlist {
	margin: 0 1em;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	padding: 1em;
	margin:0.5em 0;	
	background:#eeeee9;
}
.commentlist li.alt 
{
    background:#f4f4f4;
}
.commentlist li .cmtinfo 
{
	font-size:1em;	
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
.nocomments 
{
	padding-left:10px;
}


fieldset{
	border: none;
}


.field label{
	display: block;
}


textarea{
	width: 90%;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f4f4f4;
}


input.textbox{
	border: 1px solid #ccc;	
	background:#f4f4f4;
}
input.textbox:focus, textarea:focus
{
	background:#f9f9f9;
	border:#aaa 1px solid;
}


/* Navigation */
#gnav 
{
	list-style:none;	
	margin:0 auto;
	padding:0 0 3px 0;	
	background:#80261b;
	border-bottom:#886b6d 0px solid;
	font-variant:small-caps;
	font-family:'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;	
	font-weight:bold;
	text-align:right;	
	font-size:1.1em;			
}
#gnav li 
{
	list-style:none;
	display:inline;
	margin:0;
	padding:0 10px;		
}
#gnav li a:link, #gnav li a:visited
{
	color:#ccc;
	text-decoration:none;
	padding:4px 0;	
	border-bottom:none;
	background:none;
}
#gnav li a:hover, #gnav li a:active
{
	border-bottom:#eee 2px solid;
	color:#fff;
	background:none;
}
#gnav li.current_page_item a:link, #gnav li.current_page_item a:visited, #gnav li.current_page_item a:hover, #gnav li.current_page_item a:active
{
	border-bottom:#eee 2px solid;
	color:#fff;
}


/* Section: Misc --------- */


#header, #main,#content, #sidebar, #footer, .widget {
    overflow: hidden;
}
#spamfree_counter_wrap 
{
margin:0 auto;
}


.alignleft {float: left;}
.alignright {float: right;}

Alles anzeigen

mfitzen

Nein sorry, ich meine den Code in der PHP Datei. War´s die single.php?

moosmandl

ja, die single-php:

PHP

<?php get_header(); ?>


<div class="navigation">
<div class="alignleft"><?php previous_post_link('%link', '< vorheriger Beitrag/articolo precedente', FALSE); ?></div>
<div class="alignright"><?php next_post_link('%link', 'nächster Beitrag/prossimo articolo >', FALSE); ?></div>
</div>


<div id="main">
		<div id="content">
			 <?php if (have_posts()) : ?>
      <?php while (have_posts()) : the_post(); ?>
      <div class="post">	
				<h2 class="post-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h2>
				<p class="day-date">Geschrieben von <em><?php the_author_posts_link() ?></em> am <em><?php the_time('j. F Y'); ?></em> | Abgelegt unter <em><?php the_category(', ') ?></em> <?php edit_post_link(__('Bearbeiten')); ?></p>
				<div class="post-content">
          <?php the_content('Den ganzen Beitrag lesen - Leggere l´intero post »'); ?>
          <?php wp_link_pages(); ?>
          <p class="post-tags">
            <?php if (function_exists('the_tags')) the_tags('Tags: ', ', ', '<br/>'); ?>
          </p>
<div class="related">
        <h4><b>Ähnliche Beiträge - Post simili</b></h4>
        <p>
          <?php related_posts_by_category(
                                          array(
                                                'orderby' => 'post_date',
                                                'order'   => 'DESC',
                                                'limit'   => 10,
                                                'echo'    => true,
                                                'before'  => '',
                                                'inside'  => '&raquo; ',
                                                'outside' => '',
                                                'after'   => '<br />',
                                                'rel'     => '',
                                                'type'		=> 'post',
                                                'message' => 'Keine Treffer - Nessun risultato'
                                               )
                                          ) ?>
        </p>
      </div>
				  <p class="post-info">
					  <?php comments_number('Keine Kommentare »', '1 Kommentar »', '% Kommentare »'); ?>
				  </p>
				  <!--
				    <?php trackback_rdf(); ?>
				  -->
			  </div>			
        <?php comments_template();?>
		</div>
      <?php endwhile; ?>
      <?php else : ?>
      <h2 class="center">Nichts gefunden.</h2>
      <p class="center">Es gibt leider keine Beitr&auml;ge, die Deinen Kriterien entsprechen.</p>
      <?php endif; ?>
		<p align="center"><?php posts_nav_link() ?></p>
	</div>


</div>




<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

mfitzen

Ersetze den Code mit folgendem:

PHP

<?php get_header(); ?>


<div id="main">


<div class="navigation">
<div class="alignleft"><?php previous_post_link('%link', '< vorheriger Beitrag/articolo precedente'); ?></div>
<div class="alignright"><?php next_post_link('%link', 'nächster Beitrag/prossimo articolo >'); ?></div>
</div>


        <div id="content">
             <?php if (have_posts()) : ?>
      <?php while (have_posts()) : the_post(); ?>
      <div class="post">    
                <h2 class="post-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h2>
                <p class="day-date">Geschrieben von <em><?php the_author_posts_link() ?></em> am <em><?php the_time('j. F Y'); ?></em> | Abgelegt unter <em><?php the_category(', ') ?></em> <?php edit_post_link(__('Bearbeiten')); ?></p>
                <div class="post-content">
          <?php the_content('Den ganzen Beitrag lesen - Leggere l´intero post »'); ?>
          <?php wp_link_pages(); ?>
          <p class="post-tags">
            <?php if (function_exists('the_tags')) the_tags('Tags: ', ', ', '<br/>'); ?>
          </p>
<div class="related">
        <h4><b>Ähnliche Beiträge - Post simili</b></h4>
        <p>
          <?php related_posts_by_category(
                                          array(
                                                'orderby' => 'post_date',
                                                'order'   => 'DESC',
                                                'limit'   => 10,
                                                'echo'    => true,
                                                'before'  => '',
                                                'inside'  => '&raquo; ',
                                                'outside' => '',
                                                'after'   => '<br />',
                                                'rel'     => '',
                                                'type'        => 'post',
                                                'message' => 'Keine Treffer - Nessun risultato'
                                               )
                                          ) ?>
        </p>
      </div>
                  <p class="post-info">
                      <?php comments_number('Keine Kommentare »', '1 Kommentar »', '% Kommentare »'); ?>
                  </p>
                  <!--
                    <?php trackback_rdf(); ?>
                  -->
              </div>            
        <?php comments_template();?>
        </div>
      <?php endwhile; ?>
      <?php else : ?>
      <h2 class="center">Nichts gefunden.</h2>
      <p class="center">Es gibt leider keine Beitr&auml;ge, die Deinen Kriterien entsprechen.</p>
      <?php endif; ?>
        <p align="center"><?php posts_nav_link() ?></p>
    </div>


</div>




<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

Unterschied: Die Beitragsnavigation ist nun im Div main untergebracht und geht dadurch nicht über die gesamte Breite.

moosmandl

hilfe!
was geht da schief?

mfitzen

Ooops. Firebug hat´s mir gerade vernünftig angezeigt... Mach´s mal bitte rückgängig. Was dagegen, wenn ich mir das morgen nochmal ansehe? Muss eigentlich mal in die Horizontale wechseln.

moosmandl

natürlich nicht!
danke dir erstmals.

für weitere hilfe, je nach möglichkeit, bin ich dir dankbar.
das fläschchen deiner wahl kannst du dir jedenfalls schon jetzt abholen.

bis bald und gute nacht!
moosmandl

mfitzen

Okay, nochmal fix nen Versuch...

single.php

PHP

<?php get_header(); ?>


<div id="main">
        <div id="content">
<div class="navigation">
        <div class="navleft"><?php previous_post_link('%link', '< vorheriger Beitrag / articolo precedente'); ?></div>
        <div class="navright"><?php next_post_link('%link', 'nächster Beitrag / prossimo articolo >'); ?></div>
      </div>
             <?php if (have_posts()) : ?>
      <?php while (have_posts()) : the_post(); ?>
      <div class="post">    
                <h2 class="post-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h2>
                <p class="day-date">Geschrieben von <em><?php the_author_posts_link() ?></em> am <em><?php the_time('j. F Y'); ?></em> | Abgelegt unter <em><?php the_category(', ') ?></em> <?php edit_post_link(__('Bearbeiten')); ?></p>
                <div class="post-content">
          <?php the_content('Den ganzen Beitrag lesen - Leggere l´intero post »'); ?>
          <?php wp_link_pages(); ?>
          <p class="post-tags">
            <?php if (function_exists('the_tags')) the_tags('Tags: ', ', ', '<br/>'); ?>
          </p>
<div class="related">
        <h4><b>Ähnliche Beiträge - Post simili</b></h4>
        <p>
          <?php related_posts_by_category(
                                          array(
                                                'orderby' => 'post_date',
                                                'order'   => 'DESC',
                                                'limit'   => 10,
                                                'echo'    => true,
                                                'before'  => '',
                                                'inside'  => '&raquo; ',
                                                'outside' => '',
                                                'after'   => '<br />',
                                                'rel'     => '',
                                                'type'        => 'post',
                                                'message' => 'Keine Treffer - Nessun risultato'
                                               )
                                          ) ?>
        </p>
      </div>
                  <p class="post-info">
                      <?php comments_number('Keine Kommentare »', '1 Kommentar »', '% Kommentare »'); ?>
                  </p>
                  <!--
                    <?php trackback_rdf(); ?>
                  -->
              </div>            
        <?php comments_template();?>
        </div>
      <?php endwhile; ?>
      <?php else : ?>
      <h2 class="center">Nichts gefunden.</h2>
      <p class="center">Es gibt leider keine Beitr&auml;ge, die Deinen Kriterien entsprechen.</p>
      <?php endif; ?>
        <p align="center"><?php posts_nav_link() ?></p>
    </div>


</div>




<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

style.css (vorherige Einträge .alignleft & alignright) damit ersetzen:

Code

.navigation {margin: 0 2px 20px 2px;padding: 4px;}
.navleft{text-align: left;float:left;}
.navright{text-align: right;float: right;}

So, jetzt bin ich aber erstmal weg... Gute Nacht.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

"nächster beitrag, voriger beitrag" im blog einfügbar?

Jetzt mitmachen!