Archivo de la categoría ‘Tutoriales’
Hoy he necesitado añadir una firma con formato HTML en Apple Mail y a simple vista no se podía, pero realmente sí se puede. Tras pegar un vistazo en Google he dado con la solución y la pongo aquí por si alguien más estuviera interesado en ello y a modo de recordatorio para futuras ocasiones en las que necesite crear una nueva firma con formato HTML para nuevas cuentas de correo electrónico.
El proceso es sencillo pero, como todo, hay que saber cómo hacerlo. Lo que no entiendo es como Apple no ha pensado que sus usuarios querríamos poder tener la posibilidad de meterle código HTML, CSS o al menos BBCODE a nuestras firmas. Aunque yo no soy de utilizarlo, sólo con que necesites poner un logo en la firma ya tienes que recurrir a ello. Y es algo muy básico y frecuentemente utilizado… En fin… ¡Vamos allá!
Creando nuestra firma en HTML
Lo primero es abrir un editor de textos y crear nuestra firma en HTML. Podremos poner también incrustado en las etiquetas HTML estilos CSS para hacer todavía más personal nuestra firma. Donde hay que prestar atención es en las imágenes que queramos insertar, pues no se enviarán con el correo. Así que tendremos que alojarlas en algún servidor y añadir la ruta completa de la imagen. Si no disponemos de ninguno se pueden utilizar servicios gratuitos como ImageShack teniendo siempre en cuenta el asegurarse de que la imagen sigue existiendo cuando se vayamos a enviar nuestros correos. Cuando lo tengamos guardamos el archivo con extensión .html y vamos al siguiente paso.
“Engañando” a Mail para que acepte nuestra firma
Como dije al principio Apple no ha pensado en la posibilidad de que quisiéramos adjuntar una firma con código HTML en nuestras firmas, así que hay que “engañarle”. Para ello debemos tener una firma ya creada, si no tendremos que crear una. Nos vamos a las preferencias de Mail y de ahí a la sección de firmas. Por defecto Mail nos pone como firma (al crearla) nuestro nombre y nuestra dirección de correo electrónico. Podemos dejar esa mismo, total, no va a servir para nada. xD
Ahora desde Safari abrimos el archivo HTML que habíamos creado con anterioridad. Nos vamos al menú de archivo, guardar como… (podemos utilizar el atajo de teclado cmd+s) y elegimos el formato Archivo Web.
Lo bueno que tiene Mail es que todas las firmas las guarda en este formato. Por tanto, cualquier archivo de texto puede ser exportado y Mail lo reconocerá como un archivo de firmas normal y corriente y tras ser exportado tendrá el mismo formato que le dimos a la firma HTML.
Cerramos Mail (importante este dato). Nos vamos a la carpeta de nuestro usuario (en mi caso Javi) 
de ahí nos vamos a Librería, Mail y Signatures. Si solamente hemos creado una firma lo tendremos fácil, si no para saber cuál es el archivo que pertenece a la firma que queremos cambiar podemos abrirlo desde Safari y comprobarlo. Cuando lo tengamos claro le damos a cambiar nombre del archivo, lo seleccionamos todo y lo copiamos. Ahora nos vamos al archivo que hemos exportado a formato Archivo Web desde Safari (el que contiene la firma que realmente queremos tener), le damos a cambiar el nombre y pegamos lo que teníamos en el portapapeles. Así hemos creado un archivo con nombre idéntico. Lo arrastramos a la carpeta donde están las firmas de Mail, reemplazamos, abrimos Mail y… ¡alehop! Ya tenemos firma.
Nota final
Si nos vamos a las preferencias de nuevo y al apartado firmas tendremos también ahí nuestra preciosa firma con formateado HTML. No podremos cambiar los enlaces que hayamos podido crear ni ningún carácter de HTML, pero dentro de lo que es el texto si nos hemos equivocado en algo sí podremos corregirlo. Vamos, una edición leve, si queremos modificarla totalmente tendríamos que volver a repetir el proceso.
Como siempre, dudas, comentarios, etc… aquí estoy.
Lo primero y principal, obviamente, es tener una cuenta en Facebook. Si no mal lo tenemos. xD A saber que realmente esto no es la panacea, si no una función que puedes implementar en tu blog para crear una especie de red social listando la gente que te lee. Pero realmente no es así, porque muchos de los que te leen quizá pasen de vincular su cuenta Facebook (por un motivo u otro) así que lo que tendrás ahí serán los lectores con los que mejor te llevas muy probablemente.
A mí me costó horrores hacerlo, pero es bien fácil. Realmente pasó que se me olvidó meter la dirección de mi blog donde debía meterla para que funcionara correctamente, y no hacía mas que decir que la aplicación no estaba correcta y no funcionaba. Me desesperé. xD
Obtención del plugin necesario
Esto se puede hacer a mano. De hecho, se facilita el código para poder hacerlo. Pero pienso que si lo tenemos en forma de plugin para WordPress es una tontería complicarnos la vida implementando un código que a golpe de un click ya tendremos implementado. El plugin en cuestión se llama Facebook Connect (en un alarde de originalidad, vaya), así que lo descargamos, que seguro que nos hace falta después.
Instalación
- Lo primer debemos subir la carpeta que hemos descargado con el plugin a la carpeta plugins que encontraremos dentro de wp-content en la raíz de nuestro WordPress.
- Ahora debemos entrar en la sección de Desarrolladores de Facebook, donde daremos autorización a la aplicación Developers para que podamos utilizarla.
- Nos dirigimos a la zona donde podremos crear nuestra aplicación propia, le damos un título, marcamos que estamos de acuerdo y le damos a guardar cambios. Ahora nos aparecerá una ventana que dejaremos abierta porque pasos más adelante la necesitaremos.
- Debemos acudir a la sección de plugins de nuestro Panel de Administración y activar el plugin Facebook Connector.
- Nos vamos a la configuración del plugin en cuestión, que lo encontraremos en la sección de Opciones de nuestro Panel de Administración y allí se nos piden unos datos: clave API y número secreto. Las encontraremos en la página de nuestra aplicación en Facebook que anteriormente dejamos abierta.
- El resto de opciones del plugin son personalizables por cada cual. Es indiferente en cuanto a configuración. Podemos elegir qué texto se mostrará en Facebook cuando alguien comente en nuestro blog y algunas cosas más. Cuando todo esté como queremos le damos a guardar configuración y el plugin automáticamente teniendo en cuenta los datos que le facilitamos configurará parte de nuestra aplicación.
- Desde la ventana que dejamos abierta (recargamos por aquello de que el plugin ha hecho cosas por sí solo, y si no nos cargaremos sus cambios) podemos configurar nuestra aplicación. Desde el apartado básico podemos añadirle un logo, la descripción, nuestro correo, etc; podemos configurar todos los apartados si nos apetece (yo no lo hice), pero lo más importante es dirigirnos al apartado Connect y donde pone Connect URL escribir la dirección de nuestro blog (es lo que dije al principio que se me olvidó).
- Ya solamente queda acudir a la sección de widgets de nuestra plantilla y añadir el widget del plugin donde queramos que se visualice. Si nuestra plantilla no tiene soporte para widgets (raro a estas alturas) podemos cargarlo manualmente mediante este comando: [code lang="php"][/code]
Nota final
Si todo ha salido bien no deberían haber ya más problemas. Todo debería funcionar correctamente y visualizarlo como ahora mismo se puede visualizar en este blog. Quizá con lo que más problemas puedas tener sea con el CSS a la hora de integrar el widget a tu plantilla, pero eso ya es teme aparte. A mí también me dio algo de dolor de cabeza. Si necesitas ayuda, ya sabes. Aunque no prometo mucho en cuanto a CSS se refiere ya que a mí, aunque acabe consiguiéndolo, también me cuesta.
En mi anterior andadura por la red publiqué un tutorial para poder insertar un miniblog (o asides) a nuestro WordPress, ponerlo de nuevo aquí era una de las tareas pendientes que tenía, y así añadirlo a la sección de tutoriales. Hoy al ver el post de Andrés he visto que no había mejor momento para hacerlo.
Lo primero que hay que pensar es: ¿dónde quiero que me salgan las entradas que marque como miniblog? Hay dos opciones, a) podemos tenerlo puesto en un lateral, en una sidebar o en cualquier otro sitio que no tenga nada que ver con el espacio destinado a seguir la cronología de entradas en el weblog; b) podemos ponerlo en el espacio destinado a las entradas del weblog, pero con un estilo diferente al resto de entradas, para que se diferencie lo que es una cosa de lo que es otra.
¿Cuál prefieres?
Opción a
- Bajarnos el plugin MiniPost.
- Lo subimos a nuestra carpeta de plugins (wp-content/plugins/).
- Vamos al panel de administración de nuestro weblog, a la sección Plugins y lo activamos.
- Abrimos el archivo donde lo queramos poner, por ejemplo, sidebar.php y elegimos sitio. Ahí tenemos que poner algo como esto:
<?php get_mini_posts($format = '%post% %permalink% %commentcount%', $permalink_text = '#', $zero_comments = '0', $one_comment = '1', $more_comments = '%s', $limit = '5') ?>
- Escribimos la entrada que queramos y justo debajo marcamos la casilla que dice This is a mini post
Así estaría todo realizado ya, al publicar aparecería la entrada en la sidebar, como estaba puesto en el ejemplo, y ya tendríamos nuestro weblog apunto para poder utilizarlo.
Opción b
Para esta opción se necesita meter unas cuantas líneas PHP en nuestro archivo index.php, aquí no necesitamos ningún plugin ni nada similar.
- Creamos una categoría, llamémosla “asides”, “miniblog”, “miniweblog”… como queramos; una vez creada tenemos que fijarnos en el ID que se le ha asignado
- Abrimos nuestro archivo index.php y buscamos la línea que llama a la cabecera, algo como esto:
<?php
$blog = 1;
get_header();
?>
O bien, como esto:
<?php get_header(); ?>
- Justo debajo añadimos esto:
<?php function stupid_hack($str) {
return preg_replace('|</ul>\s*<ul class="asides">|', '', $str);
}
ob_start('stupid_hack');
?>
Esto Básicamente lo que hará es que si tenemos dos <ul class=”asides”> seguidos nos los junte.
- Ahora tenemos que buscar una línea como esta:
<?php if (have_posts()) { while (have_posts()) { the_post(); ?>
Ojo, también puede estar así:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
De ser este el caso la reemplazamos por la de arriba.
- Justo debajo de esa línea añadimos esto:
<?php if (in_category(ID) && !$single) { ?>
<ul class="asides">
<li id="">
<?php echo wptexturize($post->post_content); echo ' '; ?> <a href="" rel="bookmark" title="Enlace permanente a <?php the_title(); ?>">@</a><?php comments_popup_link('0', '1', '%', '', '')?> <?php edit_post_link((Editar), "-"); ?></li>
</ul>
<?php } else { ?>
Donde pone ID (en la primera línea) debemos sustituirlo por el número que apuntamos en el primer punto, que es el número de ID que se le asignó a la categoría que habíamos creado.
- Ahora tenemos que buscar una línea como esta:
<?php } } else { ?>
o bien una como esta:
<?php endwhile; else: ?>
y reemplazarla por esta:
<?php } } } else { ?>
- Ahora deberíamos ver más abajo algo como esto:
<?php } ?>
de no ser así, que lo que vemos es algo como esto:
<?php endif; ?>
lo reemplazamos por la de arriba.
- Ahora nos vamos al panel de administración, escribimos una entrada y la metemos en la categoría que creamos; llámese “miniblog”, “asides”, “minipost” o “pepito”. Al darle a publicar ya tendremos la entrada de una manera diferente al resto.
Opción a y b
Ahora, en ambos casos, para que esté más acorde al diseño de nuestro weblog, podemos editar la hoja de estilos de nuestro weblog (generalmente style.css) creando un estilo .asides para personalizar nuestro miniblog. Disminuir tamaño de las letras, ponerle un fondo, un borde…
Cualquier duda/sugerencia para este mini-tutorial podéis escribirlo en un comentario.
Espero que sirva de algo y tenga utilidad.
Nota final
Los ejemplos que puse de texto en lo que tenéis que reemplazar son los dos casos más frecuentes que se suelen ver en los themes de WordPress, pero como la programación es libre, y el tema de estructurar código también lo es, hay infinidad de formas de escribir un código, y que haga lo mismo que lo que yo puse. Si tu theme no tiene el código ni parecido a lo que puse yo, házmelo saber y te echaré un cable en todo lo que pueda.
Hacía mucho, pero mucho mucho tiempo (casi desde que tengo un Mac) que llevaba intentando escuchar la Cadena SER mediante el ordenador. Muchos diréis que para qué quiero hacerlo, si en una radio lo tengo fácil. Y bueno, tenéis razón, pero mientras estoy en el ordenador, cuantos menos cacharros tenga cerca, pues más cómodo y más libre me siento.
El caso es que lo había dejado por imposible porque no había forma humana de conseguirlo. El reproductor de la página, cuando le da por funcionar, que rara vez es, va a golpes y después de un determinado tiempo de inactividad, según ellos, se para para no colapsar los servidores. Bueno, mentira tras mentira, pero qué se le va a hacer.
Hoy intentándolo ya todo, y hablando con un amigo, me recomendó hacer un m3u con la dirección y enchufárselo al VLC (si no lo tienes, recomendadísimo bajárselo). Él no lo había probado, pero me dijo que es una manera viable de que funcionara; que lo probara y le comentara a ver qué tal iba. Dicho y hecho.
Cree un archivo m3u, que no es más que abrir alguna aplicación (la que más rabia nos dé), tipo bloc de notas, y escribir dentro de ella estas líneas:
#EXTM3U
#EXTINF:0,Cadena SER
http://195.219.130.201:8017/live
Lo guardamos y lo único que tenemos que haces es arrastrarlo a la lista de reproducción de VLC, o bien, click secundario y “abrir con…” y seleccionamos VLC.
Voilà! Ya tenemos la SER reproduciéndose. Eso sí, con un pequeño retraso de, más o menos, medio minuto. Pero bueno, qué más da, ¿no? Al menos, para lo que yo lo quiero, sí me es totalmente igual. Si lo quieres para escuchar la retransmisión de un partido, de fútbol por ejemplo, quizá escuchéis el petardo del gol antes de que lo canten en la radio. 
Personalmente, me encanta Hablar por hablar y Milenio 3. Los que me lleváis siguiendo un tiempo ya lo sabréis.
Muchos de nosotros, en nuestro hosting, tenemos un apartado donde podemos visualizar las estadísticas de visitas que recibe nuestra página. Como muchos habréis podido ver, para entrar en la página de las estadísticas debemos meternos dentro de cPanel, con lo cual, no spide un usuario y una contraseña, y de poco nos sirve poner un enlace a nuestros lectores hacia las estadísticas, si al final no van a poder verlas por no poseer dicho usuario y contraseña.
Pues bien, aunque es un remedio algo viejo ya, no recuerdo de dónde lo saqué, pero quiero compartirlo con vosotros. Es fácil, el tema es hacer una identificación mediante PHP, de forma totalmente invisible para el usuario, y hacer que se muestre la página de las estadísticas como si nos hubiéramos identificado en cPanel.
Para hacerlo, os pongo los pasos que deberéis seguir para que todo salga bien:
- Primero tenéis que entrar por FTP a vuestro servidor y crear, donde queráis una carpeta para las estadísticas. Puede ser, por ejemplo “awstats“, o en un alarde de imaginación repentina, bastaría también nombrando a la carpeta “estadisticas“
- Ahora tenéis que entrar al PHPS donde tengo el código PHP que necesitáis para hacerlo funcionar y poneros a editar un poco el código… arriba del todo os piden unos datos para poder identificarse en vuestro cPanel
- $user: pondremos el nombre de usuario que tenemos en nuestro cPanel…
- $pass: … y la contraseña del mismo.
- $domain: aquí tendremos que poner el dominio del que queremos las estadísticas, algo como blog.pepito.com, por ejemplo. Sin http://, ni www., ni nada de nada.
- Una vez editado, lo guardamos como index.php y lo subimos al servidor, a la misma carpeta que creamos previamente.
- ¿Esperabas algún paso más? Pues ya está todo. Ahora sólo nos queda entrar en la dirección donde tenemos las estadísticas, por ejemplo: blog.pepito.com/estadisticas/ y podremos ver las estadísticas sin mayores problemas.
A mí, desde luego, me ha resultado muy útil. ¡A disfrutarlo!
