Search

Diseño Web HTML5 CSS3 Javascript

Diseño Web – Amit Kvint

Tag

tema hijo

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

Migración de localhost a host remoto – WordPress

Los siguientes pasos son para subir nuestro sitio web hecho con WordPress en un servidor local – localhost – o sea un servidor que hemos instalado en nuestro ordenador a un servidor remoto – o sea una maquina que esta en la web.

Los procedimientos que pongo a continuación son para instalar el WordPress & migrar el contenido & tema hijo de una forma manual, existen instalaciones automáticos, plugins que te ayudan etc…

Aplicaciones que habra que tener antes de empezar –

  • La ultima versión del WordPress bajada de wordpress.org (la ultima es la 3.3.2)
  • Una aplicación FTP (Filezilla por ejemplo)
  • Un editor de código (Notepad++ para Windows / TextWrangler para Mac por ejemplo)

Primero por supuesto tenemos que contratar un servicio Hosting con PHP, MySQL (servidor Apache), nos hace falta crear en MySQL una base de datos nueva & después tener a mano nombre, contraseña  & host de la base de datos.

Personalmente primera cosa que hago es descargar la ultima versión del WordPress, la extraigo y la subo a la ruta del servidor, ahora entro a mi dirección URL – http://www.minuevodominio.com – ahora me aparece la pantalla de WordPress avisándome que falta el archivo wp-config.php & que lo vamos a crear la configuración tal & como indica la pantalla, en la próxima pantalla nos pide tener los datos de MySQL, en la próxima pantalla de instalación metemos los datos de la base de datos (nombre, usuario, contraseña etc…) & damos a crear.  Si todo ha sido bien tenemos ahora que configurar nuestro WordPress seleccionado titulo de blog , usuario & contraseña para nuestro escritorio WordPress.

Ahora tenemos una versión fresca del WordPress en nuestro servidor, vamos a migrar la información del localhost al servidor remoto –

  1. Primero entro al FTP y subo la carpeta de mi tema (hijo o original) dentro de la carpeta wp-content, subo también las carpetas de plugins & uploads donde residen todos los plugins instalados & todos los archivos subidos desde mi escritorio.
  2. Entro al escritorio de mi WordPress en localhost voy a herramientas–>exportar & exporto todo el contenido creado en mi localhost, me crea un archivo xml con la fecha de exportación
  3. Entro en mi escritorio ya en el servidor remoto voy a  herramientas–>importar (hay que istalar un pequño plugin – instalar & importar) selecciono WordPress, asigno un usuario o varios & que me descarga todos los archivos adjuntos & doy a importar.
  4. Ahora retoques desde el escritorio para igualar la versión nueva en el remoto al localhost – activo mi tema, arreglo los menús, imágenes de cabecera & widgets etc…

Preguntas o dudas – arriba en el contacto 🙂

Amit

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: