Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

¿Cómo poner botones sociales debajo del título de cada página?

Estas en el tema de ¿Cómo poner botones sociales debajo del título de cada página? en el foro de WordPress en Foros del Web. Hola, tengo una web en wordpress http://magomadrid.es con los botones sociales abajo del todo. Tengo el tema Twenty ten y he modificado functions.php añadiendo el ...
  #1 (permalink)  
Antiguo 24/09/2012, 00:28
Avatar de juegosdelogica  
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 82
Antigüedad: 13 años, 2 meses
Puntos: 7
¿Cómo poner botones sociales debajo del título de cada página?

Hola,
tengo una web en wordpress http://magomadrid.es con los botones sociales abajo del todo.
Tengo el tema Twenty ten y he modificado functions.php añadiendo el código necesario.

¿Cómo puedo poner esos mismos botones justo debajo del título?
Para que cada subpágina tenga sus propios botones de facebook, twitter y g+

Gracias por vuestra ayuda.
__________________
Magos Madrid
Mago para fiestas
  #2 (permalink)  
Antiguo 24/09/2012, 02:51
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 14 años, 9 meses
Puntos: 429
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

Revisa la documentación del plugin, a veces lleva esa posibilidad en su página de opciones, otras veces hay que hacerlo usando la propia función del plugin.
__________________
Mi blog personal | Mi G+
  #3 (permalink)  
Antiguo 24/09/2012, 12:53
Avatar de juegosdelogica  
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 82
Antigüedad: 13 años, 2 meses
Puntos: 7
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

Cita:
Iniciado por zanguanga Ver Mensaje
Revisa la documentación del plugin, a veces lleva esa posibilidad en su página de opciones, otras veces hay que hacerlo usando la propia función del plugin.
No uso plugin. Es código directo en functions.
Creo que los plugin bajan mucho la velocidad de carga.
Gracias.
__________________
Magos Madrid
Mago para fiestas
  #4 (permalink)  
Antiguo 24/09/2012, 14:40
Avatar de RBZ
RBZ
Moderador
 
Fecha de Ingreso: noviembre-2005
Ubicación: Sevilla España
Mensajes: 11.559
Antigüedad: 18 años, 5 meses
Puntos: 2053
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

En Twenty ten tienes que modificar el archivo loop-single.php.
__________________
Sevilla monumentos de Sevilla Fotos de la ciudad
ViajeV
  #5 (permalink)  
Antiguo 24/09/2012, 15:24
Avatar de juegosdelogica  
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 82
Antigüedad: 13 años, 2 meses
Puntos: 7
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

Gracias RBZ.
Lo he probado y no me vale.
Me modifica sólo las entradas
y yo necesito que aparezca en las páginas también.
__________________
Magos Madrid
Mago para fiestas
  #6 (permalink)  
Antiguo 24/09/2012, 16:04
Avatar de RBZ
RBZ
Moderador
 
Fecha de Ingreso: noviembre-2005
Ubicación: Sevilla España
Mensajes: 11.559
Antigüedad: 18 años, 5 meses
Puntos: 2053
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

Sí claro, lo olvidé, tienes que hacer lo mismo en loop-page.php para las páginas.
__________________
Sevilla monumentos de Sevilla Fotos de la ciudad
ViajeV
  #7 (permalink)  
Antiguo 25/09/2012, 17:46
Avatar de juegosdelogica  
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 82
Antigüedad: 13 años, 2 meses
Puntos: 7
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

Perfecto.
Localizados los ficheros a modificar.
Ahora el problema es que el código que utilicé en functions.php
no me sirve para loop-page.php

Éste es el código que usé, ¿otra opción?

Cita:
// Boton twitter y facebook

function compartir($content){

if(!is_feed() && !is_home()) {

$content .= '<div class="compartir">

<a title="Enviar a Twitter" href="http://twitter.com/share"

class="twitter-share-button"

data-count="horizontal">Tuitear</a>

<script type="text/javascript"

src="http://platform.twitter.com/widgets.js"></script>

<div class="facebook-share-button">

<iframe

src="http://www.facebook.com/plugins/like.php?href='.

urlencode(get_permalink($post->ID))

.'&amp;layout=button_count&amp;show_faces=false&am p;width=200&amp;action=like&amp;colorscheme=light& amp;height=21"

scrolling="no" frameborder="0" style="border:none;

overflow:hidden; width:200px; height:21px;"

allowTransparency="true"></iframe>

</div>

</div>';

}

return $content;

}

add_action('the_content', 'compartir');



// Boton google plus

add_filter('the_content', 'googleplus');

function googleplus($content) {

$content = $content.'<div class="plusone"><g:plusone size="medium" href="'.get_permalink().'"></g:plusone></div>';

return $content;

}

add_action ('wp_enqueue_scripts','googleplus_script');

function googleplus_script() {

wp_enqueue_script('google-plusone', 'https://apis.google.com/js/plusone.js', array(), null);

}
__________________
Magos Madrid
Mago para fiestas
  #8 (permalink)  
Antiguo 26/09/2012, 12:11
Avatar de RBZ
RBZ
Moderador
 
Fecha de Ingreso: noviembre-2005
Ubicación: Sevilla España
Mensajes: 11.559
Antigüedad: 18 años, 5 meses
Puntos: 2053
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

Cuando lo añadistes en functions.php no tuvistes que añadir nada más? No soy experto en wordpress pero por lógica hay algo en page.php y single.php que hace que aparezcan los botones.

¿Puedes pegar el código de page.php a ver si lo encuentro?
__________________
Sevilla monumentos de Sevilla Fotos de la ciudad
ViajeV
  #9 (permalink)  
Antiguo 27/09/2012, 02:40
Avatar de juegosdelogica  
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 82
Antigüedad: 13 años, 2 meses
Puntos: 7
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

Gracias por tu ayuda.

page.php

Código PHP:
Ver original
  1. <?php
  2. /**
  3.  * The template for displaying all pages.
  4.  *
  5.  * This is the template that displays all pages by default.
  6.  * Please note that this is the WordPress construct of pages
  7.  * and that other 'pages' on your WordPress site will use a
  8.  * different template.
  9.  *
  10.  * @package WordPress
  11.  * @subpackage Twenty_Ten
  12.  * @since Twenty Ten 1.0
  13.  */
  14.  
  15. get_header(); ?>
  16.  
  17.         <div id="container">
  18.             <div id="content" role="main">
  19.  
  20.             <?php
  21.             /* Run the loop to output the page.
  22.              * If you want to overload this in a child theme then include a file
  23.              * called loop-page.php and that will be used instead.
  24.              */
  25.             get_template_part( 'loop', 'page' );
  26.             ?>
  27.  
  28.             </div><!-- #content -->
  29.         </div><!-- #container -->
  30.  
  31. <?php get_sidebar(); ?>
  32. <?php get_footer(); ?>
__________________
Magos Madrid
Mago para fiestas
  #10 (permalink)  
Antiguo 27/09/2012, 02:49
Avatar de juegosdelogica  
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 82
Antigüedad: 13 años, 2 meses
Puntos: 7
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

Y el código de loop-page.php por si acaso
Código PHP:
Ver original
  1. <?php
  2.  
  3. /**
  4.  
  5.  * The loop that displays a page.
  6.  
  7.  *
  8.  
  9.  * The loop displays the posts and the post content.  See
  10.  
  11.  * http://codex.wordpress.org/The_Loop to understand it and
  12.  
  13.  * http://codex.wordpress.org/Template_Tags to understand
  14.  
  15.  * the tags used in it.
  16.  
  17.  *
  18.  
  19.  * This can be overridden in child themes with loop-page.php.
  20.  
  21.  *
  22.  
  23.  * @package WordPress
  24.  
  25.  * @subpackage Twenty_Ten
  26.  
  27.  * @since Twenty Ten 1.2
  28.  
  29.  */
  30.  
  31. ?>
  32.  
  33.  
  34.  
  35. <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
  36.  
  37.  
  38.  
  39.                 <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  40.  
  41.                     <?php if ( is_front_page() ) { ?>
  42.  
  43.                         <h2 class="entry-title"><?php the_title(); ?></h2>
  44.  
  45.  
  46.  
  47.                     <?php } else { ?>
  48.  
  49.                         <h1 class="entry-title"><?php the_title(); ?></h1>
  50.  
  51.                     <?php } ?>
  52.  
  53.                     <div class="entry-content">
  54.  
  55.                         <?php the_content(); ?>
  56.  
  57.                         <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
  58.  
  59.                         <?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="edit-link">', '</span>' ); ?>
  60.  
  61.                     </div><!-- .entry-content -->
  62.  
  63.                 </div><!-- #post-## -->
  64.  
  65.  
  66.  
  67.                 <?php comments_template( '', true ); ?>
  68.  
  69.  
  70.  
  71. <?php endwhile; // end of the loop. ?>

Cuando añado el código de los botones aquí, sí me aparecen pero mal. Sin embargo en fuctions me sale perfecto. Añado captura para que veas. Gracias.
__________________
Magos Madrid
Mago para fiestas
  #11 (permalink)  
Antiguo 27/09/2012, 12:48
Avatar de RBZ
RBZ
Moderador
 
Fecha de Ingreso: noviembre-2005
Ubicación: Sevilla España
Mensajes: 11.559
Antigüedad: 18 años, 5 meses
Puntos: 2053
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

¿Hay algún motivo especial por el que usas este script? Yo no atino a modificarlo... pero puedes usar este otro código que es bien fácil.

http://www.zarpele.com.ar/2010/09/co...-en-wordpress/
__________________
Sevilla monumentos de Sevilla Fotos de la ciudad
ViajeV
  #12 (permalink)  
Antiguo 27/09/2012, 16:23
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 14 años, 9 meses
Puntos: 429
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

RBZ En realidad el código que estaba usando juegosdelogica es el que debe usarse en functions.php, no en las plantillas directamente, en las que efectivamente basta con copiar y pegar el código que acabas de propoporcionarle.

Sin embargo, juegosdelogica, tal como pedías en el primer post, la forma más cómoda y limpia de hacerlo sería efectivamente modificar ese código en functions.php para que te devolviera el contenido después de los iconos y no al revés.

Por favor, disculpa mi anterior respuesta, no debía tener las neuronas en su sitio cuando lo leí

Sin embargo poco puedo ayudarte, se necesita a alguien con más conocimientos de PHP, porque el ejemplo que da WordPress en la referencia no sirve tal cual.

Si quieres solucionarlo de forma más rápida, aunque sea más artesanal te vale perfectamente el enlace de RBZ
__________________
Mi blog personal | Mi G+
  #13 (permalink)  
Antiguo 27/09/2012, 18:55
Avatar de juegosdelogica  
Fecha de Ingreso: febrero-2011
Ubicación: Madrid
Mensajes: 82
Antigüedad: 13 años, 2 meses
Puntos: 7
Respuesta: ¿Cómo poner botones sociales debajo del título de cada página?

Muchas gracias a ambos.
Conseguí ponerlo en la página principal.
Creo que de momento así me vale.
Saludos.
__________________
Magos Madrid
Mago para fiestas

Etiquetas: botones, facebook, sociales, ten, titulo, twenty, twitter
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:09.