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

Modificar header.php para insertar enlaces sociales

Estas en el tema de Modificar header.php para insertar enlaces sociales en el foro de WordPress en Foros del Web. Buenas, Adelanto que soy bastante novato en este tema, en concreto wordpress y php aunque estoy inmerso en cursos de formación para aprender lo antes ...
  #1 (permalink)  
Antiguo 11/02/2015, 02:19
 
Fecha de Ingreso: febrero-2015
Ubicación: Sevilla
Mensajes: 45
Antigüedad: 6 años, 7 meses
Puntos: 1
Modificar header.php para insertar enlaces sociales

Buenas,
Adelanto que soy bastante novato en este tema, en concreto wordpress y php aunque estoy inmerso en cursos de formación para aprender lo antes posible, pero necesito despejar esta duda para terminar un trabajo. Quiero modificar el header.php de una plantilla de wordpress, en concreto etherna, para insertar los logos sociales en la esquina superior derecha, pero no se como hacerlo, y no creo que sea demasiado complicado pero como os digo estoy empezando en todo esto. ¿Podría alguien indicarme como solucionar este tema?
Muchas gracias!!

Última edición por jcpoley; 11/02/2015 a las 03:35
  #2 (permalink)  
Antiguo 11/02/2015, 04:39
Avatar de lauser
Moderator Unix/Linux
 
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 8 años, 1 mes
Puntos: 401
Respuesta: Modificar header.php para insertar enlaces sociales

Partimos de la base que ese tema es de pago... por tanto la consulta debería ser dirigida a el diseñador.
Pero de todas formas si tienes los enlaces en el footer y los quieres colocar en el header.... creo que no tiene mucho misterio.
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-
  #3 (permalink)  
Antiguo 11/02/2015, 07:11
 
Fecha de Ingreso: febrero-2015
Ubicación: Sevilla
Mensajes: 45
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Modificar header.php para insertar enlaces sociales

Buenas,
Te advierto que estoy pez, evita risas
Vamos a ver...he buscado en el footer.php pero no veo ninguna alusión a los botones sociales. Con el inspector web en la plantilla original en themeforest donde la compré, borre todo el footer en la que tengo en el servidor porque me gusta más ese diseño, veo las img de cada botón social en html pero no se ni como insertar ese código en php, ni si irían en header.php o en index.php. El html si lo toco algo, pero php todavía no lo controlo. Sólo necesitaría saber como insertar esas img con sus href en el código php...creo.
Gracias de antemano y de todas maneras contactaré con el diseñador del tema.
  #4 (permalink)  
Antiguo 11/02/2015, 08:48
Avatar de lauser
Moderator Unix/Linux
 
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 8 años, 1 mes
Puntos: 401
Respuesta: Modificar header.php para insertar enlaces sociales

Como te veo un poco perdido, te pongo un ejemplo:

Código :
Ver original
  1. <div style="text-align: center;"><a href="http://www.ejemplo.es/feed/atom" title="RSS/Atom de ejemplo"
  2.         onclick="window.open(this.href); return false"><img src="http://www.ejemplo.es/social_img/rss_square.png"
  3.           alt="RSS/Atom de ejemplo" height="36" width="36" rel='nofollow'></a><a href="http://www.facebook.com/ejemplo"
  4.         title="Facebook de ejemplo" onclick="window.open(this.href); return false"><img
  5.           src="http://www.ejemplo.es/social_img/social_facebook.png" alt="Facebook de ejemplo"
  6.           height="36" width="36" rel='nofollow'></a><a href="http://twitter.com/ejemplo" title="Twitter de ejemplo"
  7.         onclick="window.open(this.href); return false"><img src="http://www.sololinux.es/social_img/social_twitter_bird.png"
  8.           alt="Twitter de ejemplo" height="36" width="36"></a><a href="http://www.ejemplo.es/contact" title="Contacta con ejemplo"
  9.         onclick="window.open(this.href); return false"><img src="http://www.ejemplo.es/social_img/mail.png"
  10.           alt="Contacta con ejemplo" height="36" width="36" rel='nofollow'></a><br>
  11.     </div>
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-
  #5 (permalink)  
Antiguo 12/02/2015, 05:02
 
Fecha de Ingreso: febrero-2015
Ubicación: Sevilla
Mensajes: 45
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Modificar header.php para insertar enlaces sociales

Buenas de nuevo,
¿Entiendo que debo meter todo este código en el header.php y después ubicarlo con css haciendo mención a la div...que igual debería llevar una id para identificarla? He probado con este código en una html básico y sólo aparece el logo de twitter.
Comprendería que no quisieras convertirte en mi profesor personal de programación y no contestaras a este mensaje...
Gracias en todo caso...estoy demasiado pegado es lo que tiene.
  #6 (permalink)  
Antiguo 12/02/2015, 05:13
Avatar de lauser
Moderator Unix/Linux
 
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 8 años, 1 mes
Puntos: 401
Respuesta: Modificar header.php para insertar enlaces sociales

Código :
Ver original
  1. <img src="http://www.sololinux.es/social_img/social_twitter_bird.png"
Evidente.... se me colo, no borrar el dominio. Estas viendo un logo que esta en una web que es mía. Debes crear tu propia carpeta en tu dominio, con tus imagenes. Debes cambiar los datos, no se si me explico bien.
seria...
Código PHP:
Ver original
  1. <img src="http://www.tudominio.es/tu_carpeta_de_imagenes/tu_imagen.jpg"
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-
  #7 (permalink)  
Antiguo 12/02/2015, 05:36
Avatar de lauser
Moderator Unix/Linux
 
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 8 años, 1 mes
Puntos: 401
Respuesta: Modificar header.php para insertar enlaces sociales

A lo mejor te lías menos con este...
Código :
Ver original
  1. <ul class="icons">
  2.                             <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
  3.                             <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
  4.                             <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
  5.                             <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
  6.                             <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
  7.                         </ul>
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-
  #8 (permalink)  
Antiguo 12/02/2015, 05:55
 
Fecha de Ingreso: febrero-2015
Ubicación: Sevilla
Mensajes: 45
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Modificar header.php para insertar enlaces sociales

Gracias de verdad, lo voy a intentar...sólo una última cosa, y juro por San PhP que paro...
Entiendo que meto el código que me has pasado en la header.php, ahí al barullo, y después debo ubicarlo con css con mención a la class de la ul ¿no? Tipo asi: (ahora te descojonas, es lo que toca):

.icons {
position: absolute;
left: 800px;
top: 30px;
}


Última edición por jcpoley; 12/02/2015 a las 06:11
  #9 (permalink)  
Antiguo 12/02/2015, 06:17
 
Fecha de Ingreso: julio-2008
Mensajes: 543
Antigüedad: 13 años, 1 mes
Puntos: 56
Respuesta: Modificar header.php para insertar enlaces sociales

y salvo que todo eso lo hagas en un child theme ( http://quieroserelprimero.es/como-cr...-de-wordpress/ ) cuando llegue la proxima actualizacion del theme se te irán todos tus cambios a tomar por donde amargan los pepinos.
__________________
Un saludo! :-)
Quiero ser el primero
  #10 (permalink)  
Antiguo 12/02/2015, 11:06
 
Fecha de Ingreso: febrero-2015
Ubicación: Sevilla
Mensajes: 45
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Modificar header.php para insertar enlaces sociales

¿Y si no actualizo jamas? ;) No me respondes a la pregunta principal...¿donde meto el código y como lo posiciono?
Gracias.....
  #11 (permalink)  
Antiguo 12/02/2015, 13:58
Avatar de lauser
Moderator Unix/Linux
 
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 8 años, 1 mes
Puntos: 401
Respuesta: Modificar header.php para insertar enlaces sociales

Ya lo tienes?
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-
  #12 (permalink)  
Antiguo 12/02/2015, 16:46
 
Fecha de Ingreso: febrero-2015
Ubicación: Sevilla
Mensajes: 45
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Modificar header.php para insertar enlaces sociales

Tengo aun la duda de si meterlo en header y tocar la class icons en css. Lo probare mañana y te cuento. Gracias.
  #13 (permalink)  
Antiguo 12/02/2015, 23:31
 
Fecha de Ingreso: julio-2008
Mensajes: 543
Antigüedad: 13 años, 1 mes
Puntos: 56
Respuesta: Modificar header.php para insertar enlaces sociales

Cita:
Iniciado por jcpoley Ver Mensaje
¿Y si no actualizo jamas? ;) No me respondes a la pregunta principal...¿donde meto el código y como lo posiciono?
Gracias.....
preguntale al creador del theme. A mi cuando he comprado algo en themeforest los desarrolladores siempre me han contestado ese tipo de dudas... Ademas, me suena que las normas del foro dicen que no se da soporte a themes de pago.

Por cierto, si no actualizas jamas.... pues si el theme tiene funciones que quedan obsoletas coando actualices wordpress, o (en prevision de que digas que no vas a actualizar worpdress) cuando en tu hosting te actualicen php, se te irá todo a tmar viento tambien.
__________________
Un saludo! :-)
Quiero ser el primero
  #14 (permalink)  
Antiguo 13/02/2015, 04:05
 
Fecha de Ingreso: febrero-2015
Ubicación: Sevilla
Mensajes: 45
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Modificar header.php para insertar enlaces sociales

Ok, gracias por todo tio. Me decantaré por un child theme y espararé la respuesta del desarrollador, no me ha contestado aun. Saludos!
  #15 (permalink)  
Antiguo 24/02/2015, 12:48
 
Fecha de Ingreso: febrero-2015
Ubicación: Sevilla
Mensajes: 45
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Modificar header.php para insertar enlaces sociales

Hola de nuevo,
Ya conseguí poner la botonera con los primeros enlaces que me pasares, poniéndole la url donde está alojado en el servidor, pero no consigo posicionarlos. ¿Donde puedo incluir los margin, padding, etc...? Es una pregunta general de html/php de wordpress nada de soporte a temas de pago ;))
Gracias!!
  #16 (permalink)  
Antiguo 24/02/2015, 13:40
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 13 años, 6 meses
Puntos: 1145
Respuesta: Modificar header.php para insertar enlaces sociales

Pues tan general es esa pregunta que nisiquiera compete a wordpress, donde has de incluir los margin y padding se sera en tu CSS haciendo referencia a alguna clase, id o tag que identifique a tus elementos que quieres mover.

En que CSS o que parte del CSS ya es cuestion tuya, no compete a ninguna area mas que a tu cerebro para maquilar la informacion proporcionada.
  #17 (permalink)  
Antiguo 24/02/2015, 14:27
 
Fecha de Ingreso: febrero-2015
Ubicación: Sevilla
Mensajes: 45
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Modificar header.php para insertar enlaces sociales

El tema es que he insertado el código html con esos botones en header.php con su class y al hacer alusión en css nada, ni se inmuta. Ese el motivo de la pregunta...Estoy perdió ;(
  #18 (permalink)  
Antiguo 24/02/2015, 23:12
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 13 años, 6 meses
Puntos: 1145
Respuesta: Modificar header.php para insertar enlaces sociales

Pues si que estas perdido o yo estoy ciego, por mas que veo no has hecho ni mostrado nada.

Espera a ver si lauser regresa y te regala el trabajo completo
  #19 (permalink)  
Antiguo 25/02/2015, 03:30
Avatar de lauser
Moderator Unix/Linux
 
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 8 años, 1 mes
Puntos: 401
Respuesta: Modificar header.php para insertar enlaces sociales

Cita:
Iniciado por ArturoGallegos Ver Mensaje
Pues si que estas perdido o yo estoy ciego, por mas que veo no has hecho ni mostrado nada.

Espera a ver si lauser regresa y te regala el trabajo completo

Creo que ya se lo puse bastante masticado...
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-

Etiquetas: enlaces, modificar, php, sociales, tema
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 19:22.