Modificar header.php para insertar enlaces sociales

[jcpoley]

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!!

[lauser]

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.

[jcpoley]

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.

[lauser]

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

Código :

<div style="text-align: center;"><a href="http://www.ejemplo.es/feed/atom" title="RSS/Atom de ejemplo"
        onclick="window.open(this.href); return false"><img src="http://www.ejemplo.es/social_img/rss_square.png"
          alt="RSS/Atom de ejemplo" height="36" width="36" rel='nofollow'></a><a href="http://www.facebook.com/ejemplo"
        title="Facebook de ejemplo" onclick="window.open(this.href); return false"><img
          src="http://www.ejemplo.es/social_img/social_facebook.png" alt="Facebook de ejemplo"
          height="36" width="36" rel='nofollow'></a><a href="http://twitter.com/ejemplo" title="Twitter de ejemplo"
        onclick="window.open(this.href); return false"><img src="http://www.sololinux.es/social_img/social_twitter_bird.png"
          alt="Twitter de ejemplo" height="36" width="36"></a><a href="http://www.ejemplo.es/contact" title="Contacta con ejemplo"
        onclick="window.open(this.href); return false"><img src="http://www.ejemplo.es/social_img/mail.png"
          alt="Contacta con ejemplo" height="36" width="36" rel='nofollow'></a><br>
    </div>
 

[jcpoley]

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.

[lauser]

Código :

<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:

<img src="http://www.tudominio.es/tu_carpeta_de_imagenes/tu_imagen.jpg"
 

[lauser]

A lo mejor te lías menos con este...

Código :

<ul class="icons">
                            <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
                            <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
                            <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
                            <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
                            <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
                        </ul>
 

[jcpoley]

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;
}

[darchy]

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.

[jcpoley]

¿Y si no actualizo jamas? ;) No me respondes a la pregunta principal...¿donde meto el código y como lo posiciono?
Gracias.....

[lauser]

Ya lo tienes?

[jcpoley]

Tengo aun la duda de si meterlo en header y tocar la class icons en css. Lo probare mañana y te cuento. Gracias.

[darchy]

Iniciado por jcpoley

¿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.

[jcpoley]

Ok, gracias por todo tio. Me decantaré por un child theme y espararé la respuesta del desarrollador, no me ha contestado aun. Saludos!

[jcpoley]

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!!

[ArturoGallegos]

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.

[jcpoley]

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ó ;(

[ArturoGallegos]

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

[lauser]

Iniciado por ArturoGallegos

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...