¿Cómo cambiar los títulos para ver entrada anterior y siguiente?

Sommera · 19 Abr 2012

hola, que tal... ando con una pequeña duda que no se como resolver

al final de cada entrada tengo para que se pueda ver la entrada anterior y la posterior, los títulos son "entrada anterior" y "entrada siguiente" pero quiero que estos se modifiquen con el nombre de la entrada anterior o la siguiente

me explico bien?

en el theme tengo este código

Insertar CODE, HTML o PHP:

				</div><!-- .entry-meta -->
				
			</div><!-- #post-<?php the_ID(); ?> -->
			
			<div id="nav-posts" class="navigation">
				<div class="next-post"><?php next_post_link( '%link', __('Next post &rarr;', 'themetastico') ) ?></div>
				<div class="previous-post"><?php previous_post_link( '%link', __('&larr; Previous post', 'themetastico') ) ?></div>
			</div><!-- #nav-posts -->

alguien me puede dar una mano?
gracias!

tumastervip · 19 Abr 2012

Ahi te paso el codigo
Agrega estas linea en la hoja de estilo
style.css

Insertar CODE, HTML o PHP:

/*Anterior y siguiente post..*/
#ant_sig {
	margin: 20px 5px 35px 5px !important;
	min-height: 60px;
	}
#anterior, #siguiente {
	background-color: [B]Enlace eliminado[/B]
	border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
	padding: 7px;
	background: -moz-linear-gradient(top, rgba(33,117,155,1) 0%, rgba(32,98,155,1) 100%);
	background: rgb(33,117,155); background: -moz-linear-gradient(top, rgba(33,117,155,1) 0%, rgba(32,98,155,1) 100%);
	background: -webkit-linear-gradient(top, rgba(33,117,155,1) 0%,rgba(32,98,155,1) 100%); background: linear-gradient(top, rgba(33,117,155,1) 0%,rgba(32,98,155,1) 100%);
	}
	#anterior:hover, #siguiente:hover {
		background: rgb(33,117,155);
		background: -moz-linear-gradient(top, rgba(33,117,155,1) 0%, rgba(10,54,109,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,117,155,1)), color-stop(100%,rgba(10,54,109,1)));background: -webkit-linear-gradient(top, rgba(33,117,155,1) 0%,rgba(10,54,109,1) 100%);
		background: -o-linear-gradient(top, rgba(33,117,155,1) 0%,rgba(10,54,109,1) 100%);
		}
#anterior {
	float: left;
	width: 45%;
	}
	#anterior span, #siguiente span {
		font-size: 50px;
		font-weight: bold;
		color: [B]Enlace eliminado[/B]
		float: left;
		margin: 0 10px 0 0;
	}
	#anterior a:hover, #siguiente a:hover{text-decoration: none;}
	#anterior a, #siguiente a {
		color: [B]Enlace eliminado[/B]
		font: 22px/23px neucha;
		}
	#siguiente span {
		float: right;
		margin: 0 0 0 10px;
		}
#siguiente {
	float: right;
	text-align: right;
	width: 45%;
	}

Luego en tu single.php

busca esta linea <?php } comments_template(); ?>

y encima pega este codigo

Insertar CODE, HTML o PHP:

<div id="ant_sig">
<div id="anterior"><span>«</span><?php previous_post_link('%link') ?></div>
<div id="siguiente"><span>»</span><?php next_post_link('%link') ?></div></div>
<div class="clear"></div>

Espero haberte ayudado

Sommera · 20 Abr 2012

gracias, mañana lo pruebo y te comento que tal! 😉

excelente, me anduvo a la perfección ahora tengo que ver como adaptarlo porque se me ven los titulos uno arriba del otro y quiero verlos uno en cada costado!

¿Cómo cambiar los títulos para ver entrada anterior y siguiente?

Sommera

tumastervip

Sommera

Temas similares