¡Hola Mundo! (y 2)
Viernes , 27 de Febrero de 2004. Enrique Barbeito García
Bueeeno, pues al fin ya tengo esto más o menos (lo cierto que más menos que más, valga la redundancia :\) bajo Wordpress :)
Al menos lo que se refiere a la parte del weblog. El resto de secciones todavía no. Ni siquiera he incluído el menú, el cual ya tengo “reescrito” en PHP y listo para ser incluido. Pero bueno, creo que esto es lo ya menos importante (el mogollón era el weblog). Pero antes de incorporar más secciones y demás, quiero tenerlo todo un poco mejor organizado. Además de hacerlo poco a poco y en otro momento que tenga más tiempo.
Os cuento un poco qué cambios han habido, qué juguetitos he incorporado y cómo tengo/voy a organizar todo el tinglado:
- Para empezar, la parte fundamental de todo mi sitio: este weblog. He decidido separarlo un poco de lo que es el resto de las secciones. Debido a la importancia que tiene, he pensado que mejor creo una nueva URL para él solito; así que, a partir de este momento, la nueva dirección de mi bitácora (ojo, no de mi página web) es: http://blog.enrique.barbeito.org. Esto es importante señalarlo, sobre todo para quienes gentilmente me dedican un enlace en sus páginas: si decides seguir enlazándome, actualiza el enlace a blog.enrique.barbeito.org si me tienes en un blogroll, por ejemplo, y prefieres enlazar solo el weblog.
enrique.barbeito.org seguirá funcionando lógicamente :) pero tengo pensado que esta dirección muestre una portada de bienvenida a mi sitio y simplemente ofrezca los enlaces a todas las partes restantes. Es decir, no redirigirá directamente a este weblog.
- Luego, además de utilizar una herramienta para gestionar este weblog, también tengo instaladas otras aplicaciones para su uso y disfruto por todos nosotros ;) —bueno, algunas solo para mí jeje—:
- fotos.enrique.barbeito.org: a este ya os lo presenté así que mejor me ahorro el discurso ¿No? :-)
- tasks.enrique.barbeito.org: de uso solo personal. Se trata de tasks, programado en PHP por el Señor Alex King un auténtico mago del PHP (también tiene pluggins interesantes para wordpress :-)). Y es un robusto planificador de tareas. No es una agenda propiamente dicha, más bien es un completo motor para mantener al día tu TODO list. Realmente útil aunque todavía no lo he usado mucho (sigo utilizando un papel y un boli para anotar las cosas por hacer jeje).
- stats.enrique.barbeito.org: todavía no funciona este subdominio. Pero tengo pensado utilizarlo para apuntar en el un sistema de estadísticas que funcione analizando los logs que genera el servidor apache para mis páginas. Todavía no tengo pensado qué aplicación utilizar así que estaría encantado, y agradecido, si os animáis a recomendarme alguno que funcione en PHP y MySQL :-)
- wiki.enrique.barbeito.org: si amigos, ¡tenemos wiki! Se trata del software PhpWiki. Es realmente fantástico: conserva la gran utilidad de cualquier otro Wiki pero manteniéndose sencillo en cuanto al manejo. No es un “entorno corporativo” dotado de mil funciones, como por ejemplo el gran TWiki. Es “simplemente” un wiki :-)
- La organización es básicamente lo que he estado poniendo. Cada zona estará comprendida en su propio subdominio y el sitio raíz enlazará a todas partes. Respecto a las secciones de mi página personal, creo que quedarán colgando de blog.enrique.barbeito.org como hasta ahora.
Todavía me queda mucho que aprender sobre WordPress y también me toca corregir gran parte de las anotaciones escritas anteriormente en Movable Type. Tendré que arreglar enlaces rotos puesto que muchos no funcionan (incluyendo la visualización de imágenes en anotaciones individuales y por mes, que por ahora no aparecerán —hay que corregirlo—)
Y poco más que contar. Bueno sí, una cosa bastante importante: el diseño. He preferido cambiarlo antes que adaptar el antiguo a WordPress. Nuevamente no es un diseño propio, sino que se trata de la hoja de estilos Gutenberg CSS Theme creada por Serge K. Keller para su uso con las plantillas de WordPress. Gracias al weblog de Frank Pereiro (sus anotaciones sobre WordPress me están sabiendo a gloria. Muchas gracias) me enteré de una competición de estilos CSS para WordPress en la que participaron multitud de usuarios de este gestor de contenidos. No solo podemos ver los ganadores y demás estilos participantes, sino que además tenemos el lujo de poder descargar estos estilos para utilizarlos en nuestros weblogs. Yo he escogido unos cuantos para ofrecéroslos. El que más me ha gustado es este que veis, que he decidido dejarlo por defecto y aplicarle todas las modificaciones que he querido. En la columna de vuestra izquierda encontraréis un listado de estilos disponibles: únicamente tendréis que pinchar en alguno de ellos y, a partir de entonces, esta página se cargará con él permanentemente (una vez más, gracias a Alex King por el pluggin :))
1,2,3 probando :) ¿Qué tal el wordpress?, yo estoy probando varios sistemas para ver si me decido finalmente a dejar MT.
Saludos!
Una vez más paso por aqui para dar la brasa y dejar mi huella. me mola la nueva cara del blog.
A ver si nos encontramos por el irc como dijiste y hacemos esos cambios, jeje, que he conseguido unos temillas nuevos que… XD bueno es lo de siempre.
Un saludo
saludos y felicitaciones, quisiera una ayuda, como puedo hacer para poder poner los ultimos comentarios y anotaciones a un lado como las tienes aquí?, soy un poco bruto quizas, pero es q solo he logrado que me de errores, y estoy en examenes asi que no he tenido el tiempo para dedicarle, una ayuda!
Aitor
hdanniel, a mí me ha terminado convenciendo :-) todavía no hago uso de todas sus funcionalidades (por ejemplo, tiene una opción que permite postear vía email que aún ni siquiera me he mirado). Y bueno, no solo eso, sino que además con WordPress he conseguido un poco más de agilidad a la hora de trabajar en el blog: modificarlo, añadir anotaciones, los comentarios (imagino que ahora os irá bastante más rápido).
Tenía mis razones para probar otras cosas que no fuese Movable Type. ¿Por qué quieres cambiarlo tú? :)
¡krs! :-) ahora estoy enchufado (pero away, tengo que hacer cosillas ahora :P). Esos temas que rulen sí :D yo material nuevo no tengo. Te DCCearé cosas de hace 2 años o por ahí XD me apunto en mi Tasks el hacerme un CD de mp3 con los mejores temas que tenga.
Buenas Aitor :D Bueno, aquí te dejo unos sencillos pasos:
[ 1 ] - Bueno, scripts para monstrar comentarios recientes he encontrado unos cuantos. Yo he decidido utilizar el “Recent Comments” de Nick Momrik el cual puedes encontrar [ aquí ]. Copia esa función (
) al portapapeles.[ 2 ] - Si no tienes habilitada la opcoón “hack_files” en tu WordPress, debes ir a su configuración (en: Options –> General blog settings) y poner a true la opción de “hack_file“. Guardas cambios y aparecerá en el directorio raíz de tu weblog un fichero, en blanco, llamado my-hacks.php
[ 3 ] - Edita ese fichero y añade lo siguiente:
<? require_once(’wp-pluggins/wp-recent-comments.php’); ?>
[ 4 ] - Ahora crea en el mismo directorio raíz de tu weblog un directorio llamado wp-pluggins y en el crea el fichero llamado wp-recent-comments.php
[ 5 ] - Dentro de este fichero es donde vas a pegar la función que copiaste anteriormente :) pero antes debes especificar los controles “<?php” y “?>” para meter dentro de ellos la función. Algo así:
<?php
function get_recent_comments($no_comments=5, $comment_lenth=10, $before=’
‘, $show_pass_post=false)
{
….
}
?>
[ 6 ] - Guardas los cambios y ya lo tienes. Utiliza tu script wp-login.php para loguearte y editar el fichero index.php para llamar a la función. Si ha habido algún problema al añadir este pluggin, en el propio script wp-login.php nos aparecerán los errores que sean (si no se queja de nada, entonces perfecto :)). Bueno, pues el resto es dirigirte a la parte de tu index.php donde quieras visualizar los últimos comentarios y añadir esta línea:
<?php get_recent_comments(); ?>
Yo por ejemplo lo tengo de este modo:
<li id”lastcomments”>Últimos comentarios:
<ul style”text-align:left”>
<?php get_recent_comments(); ?>
</ul>
</li>
Lo cierto que hice unos pequeños (mínimos) cambios al script para que se visualizara del modo en que lo hace, pero bueno, eso es ya cada uno personalizarlo como quiera :) —si quieres, te mando mi wp-recent-comments.php por email. Aunque es prácticamente igual que el original— Cualquier problema me lo dices y si puedo ayudarte lo hago.
Por cierto, utilizo ese directorio (wp-pluggins) para meter en él todos los “hacks” (yo prefiero llamarlos por su nombre: pluggins) que implemente en el weblog. De este modo los incuyo dentro del fichero my-hacks.php y posteriormente llamo a las distintas funciones en las plantillas del weblog. También podrías añadir esa función dentro del fichero my-hacks.php pero… si tienes que meter todos los pluggins que quieras en ese fichero, al final perderá legibilidad. Es preferible cada cosa en su sitio y luego incluirlo todo donde corresponda: en my-hacks.php
Un saludo
Warning: Division by zero in /home/httpd/htdocs/pagina/my-hacks.php on line 1
Warning: main(0php’): failed to open stream: No such file or directory in /home/httpd/htdocs/pagina/my-hacks.php on line 1
Fatal error: main(): Failed opening required ‘0php’’ (include_path=’.:/usr/lib/php’) in /home/httpd/htdocs/pagina/my-hacks.php on line 1
Debo ser bruto completo! ¿qué es lo que pasa?
Aitor
¡Ah bandido! y yo que quería fusilar de Mini-d (tenía hasta su permiso y todo…) el efecto del iconito con la flecha en los enlaces externos y vas tu y te me adelantas… Bueno, yo no desisto, lo haré un poco diferente… ;) Y ahora en serio, felicidades por la nueva ubicación, diseño y sistema de publicación… lo malo es que con todo lo que había aprendido uno sobre MovableType en gran medida gracias a tus comentarios, ahora toca partir de cero y aprenderse Wordpress (a ver si por fin me decido de una vez y hago el cambio de sistema y hospedaje…), ya que la verdad es que, por lo que he podido leerte, el sistema parece tener un gran potencial… Un saludo y suerte en esta nueva andadura.
Empieza la migración, xD… yo también me he planteado lo de WordPress, pero por ahora esperare un poco más
Hola,
¿Has probado la página en Firefox? Es que en mi SuSE con firefox las letras se ven myu pegadas y a veces el texto desaparece como por arte de mágia.
Aitor, te he enviado un mail con un par de archivos y dándote algunas ideas (a ver si hay suerte… :\)
Etxe :-) ese detallito ya venía de serie con el CSS que estoy utilizando. Además también se le puede decir que no agregue imagen a determinadas direcciones que no quieras que aparezca:
Madre mía, Nkieto ¿tú también? …¿pero que está pasando? XD ¿Por qué tienes pensado cambiar a otro gestor de contenidos?
Flextron, ahora mismo estoy en firefox y no veo las letras pegadas unas con otras. Eso sí, el tamaño de las fuentes las veo más pequeñas de lo normal pero no solo en esta página, más bien en todas. He intentado cambiar esto (pulsando Ctrl+ y Ctrl- puedes aumentar/disminuir el tamaño de las letras) pero en este caso el remedio es peor que la enfermedad y no consigo dejarlo bien :\
De todos modos tengo pensado jugar con varios tipos y tamaños de letra. Cualquier sugerencia es bienvenida :-) El cómo se veían las letras en el anterior diseño me gustaba, quizás lo deje como estaba ahí.
Un saludo
Yo ya cambié a Textpattern (por ahora sólo el site principal) por varias razones: el spam ya se estaba haciendo insoportable, definitivamente prefiero que se generen páginas dinámicas y quería algo con PHP para poder mejorar mis conocimientos en ese lenguaje. MT sigue siendo un gran sistema de publicación pero no está de más experimentar con otros.
Ok Enrique, bueno es saberlo. Muy útil por cierto el sistema para excluir determinados dominios del efecto del iconito, tomo nota. Analizando el código fuente de las páginas de Mini-d, veo que para especificar el efecto de los iconos en los enlaces utiliza las propiedades rel=”help” (enlaces externos), rev=”help” (enlaces internos) y rel=”pdf” (documentos PDF) en las etiquetas <a href=”…> y luego en la hoja de estilo hace declaraciones como la que sigue:
a[rel=”pdf”] {
padding-right: 30px;
background-image: url(/images/set1/general/pdf.gif);
background-position: right !important;
background-repeat: no-repeat;
}
Muy bonito pero resulta que IE no reconoce esas propiedades, y nos guste o no hoy por hoy es, con diferencia, el navegador más utilizado… En cuanto a lo de las fuentes de tu nuevo diseño, corroboro que en algunos casos se ven muy muy pequeñas (por ejemplo en las casillas de los formularios). Yo persolamente utilizaría, para toda la página, excepto en el caso de los títulos, “Verdana” con un tamaño de 11px y 16px de interlineado (line-height: 16px;), y para el código “Courier New” con el mismo tamaño, 11px, pero bueno, eso ya es cuestión de gustos… Hablo naturalmente de fuentes y tamaños para Windows, en Linux reconozco que no tengo ni idea de que fuentes están instaladas por defecto, ni la correspondencia entre tamaño (es decir, si existe alguna diferencia de renderizado entre Windows y Linux para una fuente y tamaño dados). Es un tema que estaría bien que abordáseis los que sabéis de Linux, ya que a la hora de diseñar las páginas siempre me ha quedado esa duda.
Un saludo.
De acuerdo, pues ya he dejado las fuentes tal y como quería. Flextron, espero que ahora sí veas bastante mejor las letras (ya menos arrejuntadas. Las de la columna de la izquierda seguirán un tanto arrejuntadas, aunque menos espero).
hdanniel, muy buenas razones sin duda. Además que entiendo cada una de ellas :\ e igualmente comparte tu opinión final: Movable Type, a pesar de todo, es fantástico.
etxe ya he arreglado ese pequeño desaguisado ;-) EN efecto WordPress interpreta etiquetas HTML en los comentarios (tengo que averiguar cómo añadirle otras etiquetas que me interesa que interprete como <pre> o <blockquote> He borrado el comentario en donde aclarabas lo que querías poner que ha interpretado WordPress.
Esa técnica que comentas sacada del CSS de Mini-D está bastante bien :-D Lástima que Internet Explorer no reconozca esa propiedad :\ Creo que tienes razón y, por muy poco que nos pueda gustar, deberíamos cercionarnos de que nuestra página se vea bastante igual tanto en Mozilla como en IE. Yo aquí estoy utilizando la propiedad
para redondear los bordes de la página. Esto IE tampoco lo reconoce pero bueno, del mismo modo que pienso que hay que buscar una “máxima uniformidad” tampoco hay que ser igual de estricto en cuanto a detalles sin importancia, este por ejemplo (o el del iconito que utiliza Mini-D). Lo ideal sería que se vieran idénticas en cualquier navegador pero si no es posible, tampoco tiene que ser estricto el que ciertos detalles que no son importantes funcionen o no en uno u otro navegador.Respecto a las fuentes, espero que con los cambios que he hecho ya se vea todo bien: redonditas y ni grandes ni pequeñas (madre mía, que concreto soy ¿eh? jaja ;)). He estado jugando con varios tipos de fuentes y tamaños visualizando con FireFox en GNU/Linux y Mozilla 1.4 e Internet Explorer 6.x en Windows. ¿Qué tal lo ves ahora etxe? espero que bien/mejor.
Y gracias por las sugerencias ;-)
Efectivamente ahora se ven bastante mejor los textos. También he observado que en las páginas que contienen comentarios se produce un pequeño retardo, es como si el navegador se quedase bloqueado unos instantes hasta que la página carga del todo (por lo menos en Mozilla, que es el que uso habitualmente). Por otra parte estoy de acuerdo contigo, en detalles que no afectan a la estructura esencial de la página, no hay que obsesionarse porque funcionen en unos navegadores y en otros no. De hecho, en mi página, por poner un ejemplo, utilizo :hover para cambiar el color de fondo de las cajas de texto de los formularios cuando se pone el foco sobre ellas, pseudo-clase que IE no reconoce para los “input”, sino sólo para los enlaces.
Hey!! llevaba unos días desconectado de mis visitas weblogeras y de golpe veo que al final has migrado a WordPres!!
Como ya comentamos en el jabber, es un buen sistema que promete ir a mejor, yo lo he instalado en casa para ver como resultaría la migración de anedonia y como es de fácil su uso y adaptación, tengo que decir que de momento me está convenciendo, lo que no tengo es tiempo para ponerme a migrar, así que se tendrá que esperar…. y te tengo a ti como ayuda por si algo falla ;-)
Saludos!!
PD: El estilo del weblog me gusta, pero encuentro un poco lioso a la hora de ver un solo post con sus comentarios… toma lo digo para que no todo sean flores :-)
Lo del pequeño tiempo de retardo, yo no lo he notado. Lento, carga algo lento. Pero eso ya es cosa del ancho de subida del que dispone este humilde sitio :D
¡Hola faemino! Ya se te echaba de menos :P Cuando teníamos esa charla ya estaba haciendo algunas pruebas :) Luego vi que con la documentación que hay, el wiki y el foro tan activo que existe no iba a tener muchos problemas, y luego la migración que ha sido excelente (restando un par de problemas menores) y… aquí estoy, WordPress a muerte :D
Pero como ya te dije: yo no migraría anedonia a WP. ¡Porque es que os funciona _de lujo_! :) bueno, el cómo funcione lo sabrás mejor que yo, pero desde fuera es así: la carga de la página es excelente, la inserción de comentarios vuela literalmente, a la hora de buscar anotaciones también va rapidísimo… Restando alguna ocasión pasada que tuvisteis algún que otro problema con la base de datos, siempre ha ido genial ;-) Yo en este caso ni me plantearía cambiar de sistema de weblog.
En fin, pero que si por cualquier cosa tomáis esa decisión: “contar con mi hacha” para cualquier imprevisto que, si puedo, os hecho un capote :D
¡Eso eso! opiniones, CRÍTICAS. Llámame masoca pero me gustan. Además te/os lo agradezco cuando comentáis problemas de visualización, cosas que no os cuadran, que no os gusta tal cosa, etc. de algún modo me ayudáis a que pueda mejorar el chiringuito, o intentarlo al menos.
¿Lioso? ¿En qué sentido? Quizás a la hora de acceder a una anotación individual y que solo quieras dirigirte a los comentarios: que está lioso porque no se sabe muy bien cuando termina la historia y cuando empiezan los comentarios. ¿Es eso? A mí es que me daba esa sensación, entonces puse esas líneas que separan cada comentario y la URL para hacer trackbacks la cambié de posición. De todos modos, se podría poner una línea punteada a la palabra “comentarios” que ocupara todo el ancho de la columna, para señalar un poco más su comienzo.
Me estoy pensando un cambio de colores: así se ayudaría bastante a la hora de separar cada cosa. El gris “plateado” esta bien pero sí que lía un poco (al menos a mí. Más aun que utilizo pantallas TFT y los grises se ven muuuucho más claros).
Un saludo
hola como estas,si fueras tan amable me enseñarias como hacer un formulario que interarctue con flash