Search

Diseño Web HTML5 CSS3 Javascript

Diseño Web – Amit Kvint

Tag

twentyeleven

Añadir información de twitter al perfil del usuario en WordPress

En el escritorio de WordPress en usuarios–>tu perfil podemos insertar información descriptiva sobre el usuario – en el escritorio actual las opciones incluyen nombre, nombre de usuario, url de tu web, una biografía corta y mas cosas, aunque esta bastante completo faltan mas cosas sobretodo la información de las redes sociales mas nuevas como Twitter etc…

Aquí están los pasos para seguir :

Primero creamos una funcion nueva añadiendo un metodo nuevo de contacto

function mas_Contactos($metodoscontacto) {
//añadir Twitter
$metodoscontacto[‘twitter’] = ‘Twitter’;
return $metodoscontacto;
}

 Bueno – declaramos una función nueva la llamo mas_Contactos, a esta función le pasamos un variable metodoscontacto despues a este variable le añadimos un nombre nuevo de maquina – en este caso twiiter & le damos un nombre humano Twitter ahora con el return activamos el variable nuevo  & lo que nos falta aquí en functions.php es arrancar la función lo hacemos así –

add_filter(‘user_contactmethods’, ‘mas_Contactos’, 10,1);

en pocas palabras – usamos el variable predeterminada user_contactmethods para tener otro detalle de contacto,

Siguiendo estos pasos en usuarios–>tu perfil aparece una nueva celda para rellanar – la del twitter, esta información como la demás información personal del usuario la podemos mostrar en el loop o en otras ubicaciones de nuestro sitio web usando el

<!–?php the_author_meta('twitter’)?>

Es la opción mas sencilla los parámetros son muchos & la forma de aplicación es muy amplia, podemos por ejemplo crear un vinculo al URL de la web que ha insertado el usuario en su perfil –

web del autor:

Bueno ya esta, suerte & andar por las sombras

Amit

Quitar & añadir menús de navegación en WordPress

Los temas que vienen predeterminado con nuestra aplicación WordPress, sea el Twentyten o el Twenteleven vienen con solamente un menú de navegación principal que esta abajo de la imagen de cabecera. Además tenemos la posibilidad de añadir un menú personalizado en las áreas de los widgets, esto esta muy bien y nos amplia las opciones de tener mas menús, ahora bien – llega el momento que queremos tener mas menús, mas control sobre ellos & mas orden en nuestro escritorio.

Primero vamos a crear un menú de navegación nuevo – en funcionts.php añadimos

register_nav_menu( ‘footer’, __( ‘Footer Menu’, ‘twentyeleven’ ) );

Esta función de WordPress nos deja registrar un menú nuevo & lo presenta en el apartado de menús en el escritorio

Ahora lo que nos queda es plantar este menú de navegación en el footer, copiamos el footer.php de nuestro tema padre & lo pegamos en nuestro tema hijo. Aquí buscamos el sitio adecuado – donde queremos que aparezca el menú de footer nuevo que tenemos así –

<?php wp_nav_menu( array(‘container_class’ => ‘menu-footer’,’theme_location’ => ‘footer’ ) ); ?>

Y ya esta…

Quitar y añadir areas Widget en WordPress

Bueno,

Llego el momento de cambiar la presentación de nuestros áreas Widget en el tema hijo, aquí en estas áreas es donde podemos añadir funcionalidad extra a nuestra web. Primero es importante comprobar un poquito todo el tema Widgets a través del escritorio – entramos en apariencia & widgets, y comprobamos las diferentes posibilidades de plantar un widget con contenido adicional para nuestra web.

Ahora bien como siempre para controlar los widgets tenemos que crear una copia del sidebar.php en nuestro tema hijo.

Los wigets se crean con register_sidebar otras se las funciones predeterminadas del WordPress & se quitan con unregister_sidebar todo esto como siempre en nuestro functions.php que reside en mi tema hijo asi que esto se hace asi –

Para quitar una área widget de mi aplicación WordPress –

function quitar_Widget(){
unregister_sidebar(‘sidebar-2’);
}

add_action(‘widgets_init’, ‘quitar_Widget’, 11);

Aquí el nombre que del widget lo buscamos en el sidebar.php & allí seleccionamos el Widget que queremos quitar.

Y ahora es tiempo de crear una área widget nueva –

function crear_Widget (){
register_sidebar( array(
‘name’ => __( ‘Footer Area Four’, ‘twentyeleven’ ),
‘id’ => ‘footer-four’,
‘before_widget’ => ‘


‘after_widget’ => “</aside>”,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );

}

Escribimos una función que usa el register_sidebar() con su nombre, id & las demás propiedades –  aqui podeis ver que hace cada propiedad & descubrir mas opciones – http://codex.wordpress.org/Function_Reference/register_sidebar

El siguiente paso es activar la función – esta vez se hace así –

add_action(‘widgets_init’, ‘crear_Widget’);

Llamando a la función del widget_init & a la nuestra.

Ahora queda plantar este Widget donde queremos que este, en este caso en el footer, estos widgets del footer residen el el 2011 en sidebar-footer.php , para poder hacer cambios a este archivo lo copiamos a nuestro tema hijo, vamos a buscar la funcion dynamic_sidebar que instala el widget en donde queremos & añadimos nuestro widget nuevo – incluyendo la condiciones de presentación, tal & como están el los otros widgets, así –

<!–?php if ( is_active_sidebar( ‘footer-four’ ) ) : ?>

fourth” class=”widget-area” role=”complementary”>


<?php dynamic_sidebar( ‘footer-four’ ); ?>
</div><!– #third .widget-area –>
<!–?php endif; ?>

Ahora el trabajo esta casi hecho, hemos quitado el widget que no nos hacia falta, hemos creado nuestro widget propio, lo hemos plantado en la zona deseada, y el único que nos queda es retocar todo con el CSS & añadir funcionalidad a nuestro widget nuevo.

Disfrutar : )

Blog at WordPress.com.

Up ↑

%d bloggers like this: