Ya en una publicación anterior les explicamos cómo instalar AMSN en su Ubuntu.

Para ver el manual entra aqui

Related posts:

1. Instalar AMSN en UBUNTU 8.10. Instalar el AMSN es muy simple en ubuntu 8.10, lo...
2. Ubuntu 8.10. Por fin sale al mercado la nueva versión de UBUNTU,...
3. aMSN 0.97.2 y ubuntu Si hay que hablar de clientes de mensajería instantánea, es...

Related posts:

1. Poser 6 Tutorial Manual. Si deseas hacer un diseño 3D poser 6 es tu...
2. Manual avanzado de FLASH. Para todas las personas que desean hacer un diseño multimedia...
3. Tutorial Action Script Flash Hoy te traemos un excelente tutorial sobre action script para...

Related posts:

1. Como convertir una fotografía en un dibujo con photoshop. Si deseas ver como convertir una foto en una caricatura...
2. Como hacer tus propias caricaturas para tu sitio Web desde cero. Para todas las personas que desean aprender a diseñar sus...
3. Manual retoque fotografico adobe photoshop cs. Adobe Photoshop CS es uno de los programas de tratamiento...

Es interesante tener widgets en el fondo del blog, por ejemplo, para poner enlaces a otros artículos del blog o quizás para añadir información sobre ti mismo. En este tutorial vamos a crear 3 áreas de widget en el pié de página que podrán editarse desde el panel de administración. Usaremos la plantilla por defecto de WordPress: Kubrick.

Paso 1 Crea el CSS.

Lo primero que tenemos que hacer es crear el CSS del área del pié de página. Abre el archivo “style.css” de la plantilla Kubrick en tu editor de código para añadirle el siguiente código, lo llamaremos subfooter:

#subfooter {
width:730px;
margin-left:15px;
margin-right:15px;
height:300px;
background-color:#d5d6d7;
clear:both;
}
#subfooter .widget {
width:240px;
height:300px;
float:left;
}
#subfooter .widget .inner {
padding:10px;
}

El código anterior crea un área llamada subfooter y una clase widget, en el código HTML, en la que añadiremos las tres instancias de la clase widget y con la opción float:left; se alinearán uno junto al otro.

-
Paso 2 El HTML

Abre el archivo “footer.php” y añade el siguiente código antes del código <div id=”footer”>:

<div id=”subfooter”>
<div class=”widget”><div class=”inner”>
Widget 1
</div></div>
<div class=”widget”><div class=”inner”>
Widget 2
</div></div>
<div class=”widget”><div class=”inner”>
Widget 3
</div></div>
</div>

Ahora, si observas el blog podrás ver al fondo de la página algo que se parezca a esto:

Paso 3 Haciendo que admita Widgets

En este momento aún no está listo para widgets, lo que significa que tendrías que añadir código manualmente en cada widget en el fichero “footer.php”. En este paso vamos a ver como hacer que admita widgets para que puedas añadirlos desde la sección “Diseño -> Widgets” de tu panel de administración. Para hacerlo usaremos el fichero “functions.php” como hemos visto en otras ocasiones. Abre este archivo en tu editor de código.

Verás en la parte superior del fichero “functions.php” lo siguiente:

<?php
if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘before_widget’ => ‘<li id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h2 class=”widgettitle”>’,
‘after_title’ => ‘</h2>’,
));

Cámbialo a esto otro:

<?php
if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘before_widget’ => ‘<li id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</li>’,
‘before_title’ => ‘<h2 class=”widgettitle”>’,
‘after_title’ => ‘</h2>’,
));
register_sidebar(array(‘name’=>’subfooterleft’));
register_sidebar(array(‘name’=>’subfootercenter’));
register_sidebar(array(‘name’=>’subfooterright’));

Lo que hemos hecho es registrar 3 barras laterales llamadas subfooterleft, subfootercenter y subfooterright que corresponderán a los widgets izquierdo, central y derecho del subfooter.

A continuación hay que hacer que el footer sea “widget ready”. Para eso también añadiremos, en vez de lo comentado en el punto 2, lo siguiente:

Sustituimos Widget 1 por …

<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘subfooterleft’) ) : ?>
<?php endif; ?>

Sustituimos Widget 2 por …

<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘subfootercenter’) ) : ?>
<?php endif; ?>

… y Widget 3 por esto otro:

<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘subfooterright’) ) : ?>
<?php endif; ?>

Paso 4 Añadiendo los Widgets

Para añadir los widgets tienes que ir al panel de administración, al apartado “Diseño -> Widgets”. Veras un menú desplegable, haces clic en el y verás 3 opciones nuevas:

Ya sabes como se hace, eliges una de las opciones que inlcuimos en el subfooter y puedes ir añadiendo widgets a esa barra lateral especial. Eso si, añade solo un widget por cada área del subfooter.

Si vas ahora a tu blog deberías ver algo similar a lo de esta captura:

Paso 5 Mejorando su Aspecto

Ya lo tenemos configurado y funcionando, pero seguro que no tiene un aspecto todo lo interesante que desearíamos.

Añádele el siguiente código al fichero “style.css” para mejorarlo:

#subfooter li {
list-style-type: none;
list-style-image: none;
}
#subfooter li ul {
padding-left:0px;
font-size:12px;
}
#subfooter a {
padding:5px;
width:90%;
text-decoration:none;
clear:both;
display:block;
}
#subfooter a:hover {
background-color:#1a6198;
color:#FFFFFF;
}

Resultado
Y así es como queda, un estupendo subfooter listo para widgets en WordPress.

Related posts:

1. Cómo instalar WordPress, guía de instalación Si tu deseo es tener tu propio blog en wordpress,...
2. Agregar AdSense entre post en WordPress Hoy se me ocurrió poner un anuncio de AdSense después...

Lo primero que necesitamos para instalar WordPress es:

• Debe tener soporte para base de datos.
• Soporte para PHP.
• Que tenga acceso FTP externo (los FTP basados en web son excesivamente engorrosos).

Con estas características y en español nos encontramos PUYDI
Escoger el hosting es importante ya que:

• Debe ser estable.
• Rápido.
• Gran ancho de banda.
• Espacio.
• La publicidad no debe ser demasiado intrusiva.

Una vez elegido el sitio debes de percatarte sí tienes el soporte de la base de datos activa, en PUYDI solo es cuestion de ingresar al Cpanel.

En cualquier caso debes saber cual es el nombre de tu base de datos, el nombre del usuario, contraseña y el nombre del servidor de bases de datos. Esto te lo puede facilitar el administrador o webmaster de tu host.

Si tienes acceso a el panel de control de phpMyAdmin mucho mejor (esto te sirve para hacer tus pruebas locales), ya que tienes que crear una base de datos.

Otra cosa si no dispones de un cliente FTP puedes descargar este Filezilla para Window o Krusader para Linux.

Primeros pasos para la instalación de WordPress:

• Descomprimir los archivos de WordPress.
• Edición del archivo wp-config.php.
• Configuración del cliente FTP y subida de los archivos descomprimidos de WordPress al servidor.
• Instalación de WordPress.
• Configuración del idioma.

Editar del archivo wp-config.php:

Renombrar el archivo up wp-config-sample.php a wp-config.php, abrirlo y fijarse en esto:

define(‘DB_NAME’, ‘wordpress’);
define(‘DB_USER’, ‘username’);
define(‘DB_USER’, ‘password’);
define(‘DB_HOST’, ‘localhost’);

DB_NAME = nombre de la base de datos.
DB_USER = usuario que accede a la base de datos.
DB_PASSWORD = contraseña para acceder a la base de datos.
DB_HOST = donde está la base de datos (suele ser localhost).

Estos datos se facilitan a la hora de registrarse en cualquier servidor. Por ejemplo, el archivo de configuración de WordPress quedaría así en lycos:

define(‘DB_NAME’, ‘NombreDeMiBlog_es_db’);
define(‘DB_USER’, ‘NombreDeMiBlog’);
define(‘DB_PASSWORD’, ‘’);
define(‘DB_HOST’, ‘localhost’);

Supongamos que tu blog se llama TutorialBlog, tu nombre de usuario es admin., tu password (ese sólo lo conoces tú) y el nombre de tu host MyHost, quedaría algo como esto:

define(‘DB_NAME’, ‘TutorialBlog’);
define(‘DB_USER’, ‘admin’);
define(‘DB_USER’, ‘tu password’);
define(‘DB_HOST’, ‘MyHost’);

Configuración del cliente FTP y subida de los archivos descomprimidos de WordPress al servidor:

• Se necesitan 3 cosas: nombre del servidor de ftp, login y contraseña.
• Cuando te registraste en el servidor te dieron estos datos, te enviaron un email con ellos o si no están fácilemente accesibles en alguna pestaña.
• El cliente FTP deberá estar en modo pasivo (hay sitios que no hace falta, pero en algunos si es necesario para que funcione).
• No queda más que copiar los archivos de Worpress de tu ordenador al servidor utilizando el cliente FTP, en una ventana saldrá el servidor, y no hay más que ir arrastrando archivos desde tu ordenador al servidor.

Instalación de WordPress en el servidor:

• Localiza el archivo install.php, debería estar dentro del directorio en wp-admin.
• Para realizar la instalación hay que ejecutar install.php, para ello hay que escribir la dirección completa en el navegador así: http://tuhost/NombreDeMiBlog/wp-admin/install.php.
• Si todo va bien, sale esto:

Haces clic donde dice Primer Paso y te sale esto:

Aquí llenas los datos que te piden y haces clic en Continuar al segundo paso y sale esto:
Aquí te crea las tablas de la base de datos y se genera un password (admin) y una contraseña para tu blog ¡NO LA PIERDAS! y lo primero que debes hacer es cambiarla por una que te sea fácil recordar (para ello teclea el nombre de tu sitio en el navegador http://tuhost/NombreDeMiBlog/, te identificas como admin con la contraseña que acabas de apuntar, y buscas la pestaña que pone perfil, ahí está la opción de cambiar contraseña).
Por último haces clic en wp-login.php y sale esto:

No olvides borrar el fichero install.php, por cuestiones de seguridad.

Configuración del idioma:

• Lo primero es descomprimir el archivo que hemos bajado antes, por ejemplo, el es_ES.zip para obtener el es_ES.mo.
• Después se crea un directorio /languages dentro del directorio /wp-includes/ de la instalación de WordPress.
• Se sube el archivo es_ES.mo a ese directorio recién creado.
• Finalmente en la línea 19 del archivo wp-config.php, hay que cambiar:

define (’WPLANG’, ‘’);

Por:

define (’WPLANG’, ‘es_ES’);

Por último borra el archivo install.php y cambia los permisos del wp-config.php al mínimo (dependiendo del servidor necesitará más o menos permisos activados), por ejemplo prueba poniendo 600 (sólo el propietario tiene permiso de lectura y escritura) con el cliente FTP.

Si tienes problemas con la ñ y las tildes prueba a cambiar la codificación de UTF-8 a ISO-8859-1. Para ello te identificas como admin y buscas la pestaña Opciones -> Lectura.
<!– /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:”"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} @page Section1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} –>

NOTA: si no dispones de un hosting para poner a funcionar tu blog click AQUI

Related posts:

1. Agregar AdSense entre post en WordPress Hoy se me ocurrió poner un anuncio de AdSense después...
2. Como hacer tus propias caricaturas para tu sitio Web desde cero. Para todas las personas que desean aprender a diseñar sus...