diseño, animación y programación multimedia

Web de fotografía Lorenzo Durán

Iván Burgos — Wed, 04 Jan 2012 16:04:44 +0000

Diseño y desarrollo en WordPress de página web Lorenzo Durán Photograpy.
Galería de imágenes y noticias.

www.lorenzoduran.com

Configurar correos de Gmail, con dominio propio y por Imap

Iván Burgos — Wed, 04 Jan 2012 15:53:48 +0000

Si quieres tener un correo con tu propio dominio puedes utilizar Gmail como correo electrónico. Voy a detallar los pasos que he seguido:

Lo primero que debes hacer es abrir una cuenta en Gmail este enlace te detalla los pasos a seguir.

http://www.google.com/a/help/intl/es/admins/resources/setup/

Regístrate y accede a tu cuenta.

Prueba gratuita ( lo configuraremos con Apps for Business si no tenemos más de 10 cuentas de correo, podremos dejarlo en App standar)

Rellena todos los campos del formulario.

Accederas a la cuenta que has creado, será del administrador, podrás añadir cuentas más tarde.

Configura tu cuenta

Puedes entrar en el panel de control para administrar tus cuentas de correo en Gmail, con esta ruta y añadiendo tu dominio:
https://www.google.com/a/cpanel/ejemplo.com

Debes verificar que que el dominio es tuyo.

Desactiva el Apps for Business

Personalización de dominio – Suscripciones y facturación.

Configuración con IMAP.

Dentro del correo de Gmail -> Configuración ->Reenvío y correo POP/IMAP
Acceso IMAP -> Habilitar IMAP

Configurar vuestro correo en smartphone

Crear nueva cuenta
usuario: correo electronico
contraseña:
Configurar manual
Modelo imap
Servidor Imap: imap.gmail.com
Puerto: 993
Tipo de seguridad: SSL
Servidor SMTP: smtp.gmail.com
Puerto:465
Tipo de seguridad:ssl

Cofigurar DNS

Para configurar el correo con tu dominio, debes realizar un ajuste en los dns del dominio.

Importante la prioridad, tipo (MX) y valor que da google

Prioridad 1 ASPMX.L.GOOGLE.COM.
Prioridad 5   ALT1.ASPMX.L.GOOGLE.COM.
Prioridad 5   ALT2.ASPMX.L.GOOGLE.COM.
Prioridad 10   ASPMX2.GOOGLEMAIL.COM.
Prioridad 10   ASPMX3.GOOGLEMAIL.COM.

Para los distintos servicios de calendario, contacto, mail puede ir a la pestaña de CONFIGURACIÓN del cpanel de google, allí puedes ir adecuando cada ruta con tu dominio. por ejemplo.

https://www.google.com/calendar/hosted/tudominio.com por https://calendarrio.tudominio.com

en tu dns deberás añadir calendario.tudominio.com tipo A valor ghs.google.com

Saber el ID de un Slug en WordPress y el Slug de un ID

Iván Burgos — Thu, 01 Dec 2011 09:07:40 +0000

He creado una función para saber el ID de un Slug, esto lo utilizo, para clasificar las lecturas que hago de categorías.

Con Slug saber su ID

function saber_id_slug($id_slug) {
        global $wpdb;
        $table_name = $wpdb->prefix."terms";
        $requestSlug = $wpdb->get_var( "SELECT term_id FROM $table_name WHERE slug='".$id_slug."'");
        return $requestSlug;
    };

Con el ID saber el Slug

function saber_slug_id($cat_id) {     $cat_id = (int) $cat_id;     $category = &get_category($cat_id);     return $category->slug; }

Añadir tipos a tu página, por Api de Google

Iván Burgos — Wed, 30 Nov 2011 14:29:11 +0000

Si quieres añadir una nueva fuente para tu web, lo puedes hacer a través de google, con su página de wefont.

Página de tipos en google

http://www.google.com/webfonts

Ejemplo como insertar fuentes de Google


  
    
    
  
  
    Prueba de texto

Más información en Google.Code

Vídeo promocional de la Exposición SeriLimitada

Iván Burgos — Mon, 28 Nov 2011 16:53:44 +0000

Crear una página anterior al loop de wordpress

Iván Burgos — Mon, 28 Nov 2011 10:02:03 +0000

Nos puede surgir que un cliente quiera realizar una portada antes de entrar en la página de WordPress.

CONFIGURAR EL WORDPRESS PARA LA CREACIÓN DE PÁGINA INTRO

Crea dos páginas en el panel de control de WordPress, una página principal de la web y otra para la página de introducción (antes de la página principal), las dos en blanco

Define en Ajustes -> Lectura

al entrar en tu dominio entraras a una página en blanco, si entras a tu dominio.com/principal entraras al loop de tu blog.

DIRECCIONAR EL .HTACCESS A TU PÁGINA INTRO

Para crear el archivo .htaccess debemos de tener en :

Ajustes -> Enlaces permanentes -> seleccionada cualquier opción excepto la predeterminada.

Y este archivo lo encontraremos en el directorio raíz de WordPress.

Añade la siguiente línea, delante de todo.

DirectoryIndex intro.php index.php

Crea tu página intro.php o html en el directorio raíz, junto al .htaccess

PROBLEMAS CON EL FORMULARIO DE BÚSQUEDA

Cuando estamos dentro del WordPress si tenemos las búsquedas activadas, pasaremos los parámentros de nuestra búsqueda a la página de inicio, sin ningún resultado porque debe apuntar al index.php para darnos un resultado faborable.

Para evitar esto. añade este código al principio de la página de intro.php para habilitar las búsquedas.
Comprobamos que hay variables que pasan por el metodo $_GET que es lo que hacemos con la búsqueda.

Referencia del blog de MarceloVega

Rodeados de máquinas

Iván Burgos — Fri, 11 Nov 2011 14:37:02 +0000

Denuncia a la dependencia que tenemos de las máquinas.

Maqueta una newsletter / email

Iván Burgos — Wed, 09 Nov 2011 13:12:37 +0000

Para crear un newsletter puedes seguir estos consejos.

Lo básico que debes saber

Un peso inferior a 50kb, si es más pequeño mejor.

Anchura de 600px y una altura que evite la utilización del scroll

Maquetación estandar html. No utilices ni JavaScript, formularios, ni flash. Los navegadores no suelen entenderlo. Tampoco enlaces archivos .css Ni utilices etiquetas h1.. h6, en gmail no ser verá correctamente.

Las imagenes trocelas con un programa como Photoshop, Image Ready, Firewors o similar, describe la imagen con la etiqueta alt=”" . Los programas de correo web te preguntas si quieres descargar la imagen. De esta forma podrán saber el contenido si no aceptan esta opción. Estructuralo de una forma bonita, mesclando imagen con texto editable. IMPORTANTE no añadas imágenes de fondo. No siempre se va a ver. Utiliza bgcolor en las tablas. Maqueta todo dentro de una tabla, intenta evitar tablas dentro de tablas.

Los archivos adjunto no loS recomiendo ya que los remitentes son reacios a abrir ficheros por temor a que contenga virus.

Este enlace contiene la referencia de código css que soporta los programas de correo http://www.campaignmonitor.com/css/

Como montar una newletter sencilla

Monta la composición en Photoshop, trocealo con Herramienta Sector como aparece en la imagenY selecciona las partes en donde va el texto editable. Indica que va sin imagen

Exporta la imagen Archivo -> Guardar para web y dispositivos. Ajusta las imagenes a la compresión más adecuada, seleciona Guardar y elige en: Formato -> HTML e imágenes

Esto creará una carpeta con un archivo html y las imagenes.

Retoca el archivo html con un editor de texto

Ahora debemos abrir el archivo html.

Elimina las imagenes que no necesitas. Por ejemplo las que dan espacio a columnas o son masa de color, es mejor poner fondo a la tabla que una imagen.Da formato al texto editable y añade los enlaces necesarios:


   Télf. 962067250

  
    www.elalmudin.com

  
    estudio@elalmudin.com

Por último enlaza las imágenes con rutas absolutas a tu servidor y describe el contenido de la imágen.

Recuerda que debes subir las imagenes por ftp a la carpeta de tu servidor.

Por último sólo nos interesa el contenido de la etiqueta contenido html el resto lo podemos borrar.

Envío.

Hay muchas páginas donde puedes realizar el envío, son de pago, y son para cantidades grandes, normalmente son rentables cuando es superior a 300 remitentes. Pega el código limpio donde te indiquen y define que su contenido es html y no texto plano.

Si quieres hacerlo con tu propio programa de correo elige formato html y pega o importa el contenido.

Con Windows Mail, vete a Código fuente y pega el contenido. Añade los destinatarios que quieres en CCo (ocultos) y envíalo a tus contactos.

Código html más utilizado

bgColor=#ffffff
En la etiqueta
Negrita ó
Alineación vertical valign=”top”
Alineación horizontal align=”right”

Si necesitas mas detalle para el texto puedes utilizar

dentro pon el código css que necesites.

Listado de buscadores, para aumentar el pageRank

Iván Burgos — Thu, 22 Sep 2011 08:40:56 +0000

Una de las cosas más importantes para tener un buen posicionamiento,es estár presente en muchos sitios, lo mejor es darse de alta manualmente, y poquito a poco, os dejo aquí un listado de varios buscadores, para aumentar vuestro PageRank.

Red Andaluza (PR-5)
Buscador Web (PR-4)
Posicionamiento en Buscadores Aliciapac (PR-4)
Agregar Web (PR-4)
Astalaweb (PR-4)
Central de marketing (PR-3)

Sprit de css, precarga de imagenes para botones.

Iván Burgos — Wed, 21 Sep 2011 09:57:17 +0000

No esperes a que carge la imagen de un botón cuando pasas el cursor por encima.

La mejor formula es tener las dos imagenes en un mismo archivo y encuadrar la imagen en los limites de un div, dejando fuera lo que no queremos. Al pasar el cursor cambiamos la posición de la imagen.

Por ejemplo tenemos una botón de 30 x 30 px. Creamos una imagen de fondo de 60x30px.
Su posición inicial será 0px y al pasar el ratón su posición cambiará a -30px

Script de ejemplo

Botón en html

Css

.bot_sprit{
    background-image: url(img/imagen.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}

a .bot_sprit{
    background-position: 0px 0px;   
 }

a:hover .bot_sprit{
     background-position: -30px 0px;   
}

“background-position” coordenada X y coordenada Y