Las entrañas del nuevo blog. Cómo hackear temas de WordPress en un servidor local

November 21, 2011 § Leave a comment

Os presento el nuevo blog CoLabores.net donde seguiré escribiendo a partir de ahora. En realidad es el mismo que el anterior, pero alojado en un servidor propio y con nuevas funcionalidades que el alojamiento en WordPress.com no permite. Algunas eran realmente importantes para este blog, como poder añadir feeds, tener varios idiomas, varias columnas de posts… Y todo lo que supone no tener acceso a modificar la apariencia y la funcionalidad, que es la virtud principal de wordpress. Entiendo perfectamente que sean tan restrictivos en lo que permiten en su alojamiento, porque puede dar pie a blogs automatizados como portales que sólo copian contenido para posicionarse mientras “gastan” el alojamiento. esto se lo puede permitir Google con Blogger y su ventaja infraestructural (y lo hemos usado cuando no sabíamos todo lo que ahora voy aprendiendo para algunos proyectos).

En fin, ya tengo alojamiento propio y un poquitito de tiempo, pero sobretodo curiosidad por aprender a desarrollar temas en wordpress. Antes ya había personalizado temas, pero ahora quería aclarar lo que sabía y ordenarlo: cuál es la estructura de wordpress, programación en php, diseño web.. Todo esto para ser más libre y autónoma en mi pequeño espacio en internet.

La primera novedad es el nombre CoLabores.net. Más corto y “latino” que el anterior CommonHouseWorks, y creo que más pegadizo y, sobretodo, flexible y abierto. Labor es en español, portugués, catalán y no sé si alguno más, el trabajo del hogar, del campo, de la fábrica o del parto que se realiza poco a poco y con esfuerzo, incluso tiene cierta connotación de realizarse con las manos… El prefijo viene de comunes, cotidianos y compartidos. Y de todas estas cosas hablo por aquí. Lo que más me gusta es que la palabra incluye Lab, porque este blog sirve como mi laboratorio de investigación de muchos laboratorios… Una que se lía con las palabras y no para…

Por fin en varios idiomas (inglés, español y, si puedo, en català) y sin tener que duplicar posts con el plugin para wordpress qTranslate. Lo he encontrado muy fácil de instalar, configurar y usar. Aunque aún me falta añadir algunos links en la cabecera para que sea totalmente funcional.

Y esto tiene que ver con la mayor novedad. He cambiado el tema oulipoy he instalado uno que descargué en lasindias.info indianofila. Lo que más me gusta es que tiene dos columnas, una la voy a dedicar a largos posts de desarrollo de la investigación (maxiposts) y la otra a posts cortos con noticias, referencias, comentarios,.. (miniposts). Tuve que decidir entre añadir una columna al tema oulipo o añadir “falsos widgets” a indianofila porque no está “widgetizado“. Como el archivo de indianofila está bastante bien explicado y es mucho más legible, me decidí por lo segundo.

He conseguido comprender cómo funciona el php y wordpress e instalarme y usar el software necesario para trabajar en local más rápido y sin miedo a equivocarme. Aún faltan muchas cosas por hacer, como afinar el diseño y apropiármelo, añadir más feeds, páginas y explicaciones, links… poco a poco.

A continuación dejo los pasos a seguir para hacer una instalación local de wordpress y unos básicos sobre su programación, espero que os sea útil:

Lo primero que hay que hacer es contratar un alojamiento web en un servidor y comprar un dominio, una dirección web. Si no viene ya instalado o no tenéis la opción one-click wordpress install en ese alojamiento, no pasa nada, porque el wordpress es muy sencillo de instalar. Aquí lo explican, y más abajo yo lo comento un poco más al explicar la instalación en un servidor local. A partir de ahí vuestra plantilla y código php son totalmente editables y accesibles desde Escritorio > Apariencia > Editor

Si ya habéis hecho esto alguna vez y habéis trasteado algún detalle pequeñito en el CSS, como las fuentes o enlaces, sabéis que es un proceso lento y poco agradecido porque cada vez tenéis que guardar los cambios y previsualizar. Además se corre el riesgo de “romper” algo y esto hace que vayamos aún más lento. Así que es una buena idea instalar el software necesario para “simular” un servidor en tu propio ordenador e instalar ahí wordpress y tu blog para hacer pruebas. Yo he usado Xampp y Aptana Studio ambos open-source y multiplataforma. Son muy sencillos de instalar. Xampp sirve para que tu ordenador funcione como si tuvieras instalado un servidor web Apache, y sobre él los lenguajes de programación MySQL, PHP y Perl. Y Aptana Studio sirve para editar el código y previsualizar en un entorno muy cómodo.

Una vez instalados, debes abrir Xampp y iniciar Apache y MySQL al menos (te pedirá la contraseña de administrador). Para comprobar que funciona, abre una ventana en tu navegador y escribe http://localhost/. Te abre una ventana donde está la información de tu instalación. Es ahora cuando hay que instalar wordpress en ese servidor “simulado” que ofrece Xampp. Ve a la carpeta de aplicaciones y en Xampp > htdocs es donde debes copiar el paquete de instalación wordpress. Puedes nombrarlo como quieras, en mi caso, colabores. Por tanto la ruta de acceso será http://localhost/colabores

Pero antes de poder acceder hay que crear una base de datos en el servidor, que será la que consulte el tema para mostrar las páginas que le pedimos al servidor. Para el que no lo sepa, WordPress funciona con tres elementos básicos: su “sistema operativo” que es un gestor de contenidos escrito en php (el paquete de instalación de wordpress); el tema que dicta la funcionalidad y la apariencia; y la base de datos, que es donde en realidad se guardan los posts, comentarios, etiquetas,.. Así que en la pantalla http://localhost/ abajo a la izquierda hay que ir a phpMyAdmin y crear una nueva base de datos, nombrándola, por ejemplo wordpress

Es ahora cuando tienes que configurar tus datos de acceso. Abre con un editor de texto el archivo wp-config-sample.php que está dentro de la carpeta de wordpress y modifica:

// ** MySQL settings ** //
define(‘DB_NAME’, ‘wordpress’); // The name of the database
define(‘DB_USER’, ‘root’); // Your MySQL username
define(‘DB_PASSWORD’, ”); // …and password (needs to be empty, just for local install)
define(‘DB_HOST’, ‘localhost’); // 99% chance you won’t need to change this value

y listo!! accediendo a http://localhost/colabores debería aparecer tu blog, tal como lo dejaste la última vez.

(si queréis más detalles de la instalación en windows yo consulté este tutorial en inglés con imágenes)

Ahora ya está todo preparado para que podáis editar el blog en local. Para eso yo he empezado a usar Aptana Studio, pero cualquier editor de texto serviría. Lo bueno de usar estos “entornos de desarrollo web” es la rapidez de edición y previsualización y que resaltan el código y sus fallos. En Window > Showview > Web Browser Editor podéis añadir una pestaña de navegador web, introduciendo ahí http://localhost/colabores previsualizas los cambios que vas guardando en las otras pestañas con un simple ctrl+S.

(Algo que no he conseguido es importar mi base de datos (los posts que ya tengo escritos) al servidor local, porque cuando lo hacía me redireccionaba al servidor externo. Esto es bastante lógico, pero yo pensaba que hacía algo mal y lo intenté muuuchas veces. Finalmente copié manualmente algunos posts y ya. En cualquier caso descubrí este plugin WordPress Database Backup para hacer backups de la base de datos)

Y a editar, pero… ¿cómo funciona un tema de wordpress?

Como ya he dicho, el tema es el que marca la funcionalidad y el aspecto de la página. La funcionalidad con los archivos .php y el aspecto con el archivo .CSS En WordPress a diferencia de blogger están separados, entre ellos y en pequeños paquetes de información, que determinan la cabecera, el pie, la barra lateral, etc, y van llamándose unos a otros para conformar el tema. El archivo principal del tema es el index.php que básicamente es así:

<?php
get_header();
if (have_posts()) :
while (have_posts()) :
the_post();
the_content();
endwhile;
endif;
get_sidebar();
get_footer(); 
?>

Éste es el famoso Loop de WordPress las órdenes que le hacen tomar los otros paquetes de información que están guardados en archivos separados: header.php (la cabecera), footer.php (el pie)… Pero puede complicarse cuanto se quiera. En la plantilla que estoy usando ahoraindianofila aparecen dos loops que forman las dos columnas según las categorías. Lo hacen definiendo un nuevo Query (cadena de consulta) para la segunda columna:

<?php if (have_posts()) : ?>
<?php $numPosts = get_option(‘posts_per_page’);
$paged = (get_query_var(‘paged’)) ? get_query_var(‘paged’) : 1;
query_posts(‘showposts=’.$numPosts.’&paged=’.$paged.’&category_name==”maxiposts”‘);
?>
<?php while (have_posts()) : the_post(); ?>
 
<?php
$miniposts = new WP_Query(); ?>
<?php $miniposts->query(‘category_name=miniposts&showposts=3′); ?>
<? if($miniposts->have_posts()) : ?>
<? while($miniposts->have_posts()) : $miniposts->the_post(); ?>
<?php endwhile; ?>
<?php endif; ?>
 

Después hay que decidir dónde se sitúan esas consultas en el blog. Para ello estructuran el código en <div> agrupaciones que nombran “objetos” que luego podemos llamar en la hoja de estilo style.css y darles el lugar y la apariencia que queramos. En indianofila por ejemplo, se definen estos <div> entre la cabecera, el pie y el contenido. En la plantilla base que me descargué el content-sup estaba sin usar y es ahí (bajo los maxiposts) que he añadido Feeds de otros blogs con Feevy:

ESTRUCTURA
– CONTAINER
– BRANDING
– NAV
– CONTENT
– CONTENT-MAIN
– CONTENT-SUB
– CONTENT-SUP
– SITEINFO
 
<div id=”content-sup”>
<h2>Otros del MasterDIWO</h2>
<!– feevy sin tags –>
<div id=”feevy”>
<script type=’text/javascript’ src=’http://www.feevy.com/code/20518/white’></script>
</div>
</div><!– /#content-sup –>

Hasta aquí un resumen de cómo hackear temas de WordPress en un servidor local. Primero instalar y configurar el blog en local y después empezar a comprender cómo funciona la estructura de WordPress, para poder hacer cambios. Aunque se me quedan muchas cosas en el teclado… según vaya trasteando más el blog y aprendiendo iré compartiéndolo aquí.

Tecno-Imaginarios para el Trabajo Doméstico

November 7, 2011 § 3 Comments

Empiezo con este post una miniserie sobre “Imaginarios de Ingenieras domésticas”, se debe a que he encontrado el proyecto de Remedios Zafra y DeustoTech Her techno hobby-Her techno job. Nuevos imaginarios para incentivar las vocaciones femeninas en la investigación TEIC. Está en el marco de Conexiones improbables, y su objetivo es diseñar mecanismos que promuevan las vocaciones de las mujeres en las ingenierías asociadas a las tecnologías electrónicas, de información y comunicación (TEIC). Me interesa el proyecto porque trabaja sobre la tecnología y las mujeres, dos de los temas clave en CommonHworks y (en este video) plantea tres ámbitos de desarrollo que me han parecido muy interesantes, y que creo que se pueden convertir en líneas organizadoras de mi investigación:

  • Tecno-Imaginarios, es decir, cuáles son los “modelos a ser” en el ámbito de las tecnologías y por qué no interesan a las mujeres, se investiga cómo se construyen la vocaciones y los intereses, y se hace hincapié en producir nuevos relatos sobre referentes y modelos. Repasando los del pasado, reconstruyendo los del presente e imaginando los del futuro.
  • Producción Tecnológica vocacional, cómo son las “convocatorias” para que las chicas también participen como productoras y no sólo como usuarias. Primando para ello la imaginación y el diseño para la vida frente al componente técnico.
  • y el Debate sobre la Formación Tecnológica, es decir, sobre si las propias ingenierías tecnológicas deberían ser diferentes para interesar a toda la población y no sólo a la mitad…
En resumen, se cuestiona la propia forma actual de la Tecnología, ¿debería ser diferente? o ¿cómo sería si en su desarrollo se incluyera a toda la población, y no sólo a los hombres? Aparecen aquí un montón de temas peliagudos (sobre el minuto 11 del video R. Zafra nombra algunos). Otra cosa interesante del proyecto, es que es de investigación e intervención y eso también es aplicable a CommonHWorks, pero se profundizará en próximos episodios.
Por ahora, y como estos primeros posts son para repasar, organizar y publicar mi trabajo anterior, intentaré reponder a esta pregunta desde la Tecnología para el Trabajo doméstico y empiezo con los Tecno-Imaginarios. Y es que, aunque la destinataria de esta tecnología ha sido tradicionalmente la mujer, su desarrollo no ha estado convencionalmente dirigida por ella, o al menos no es ese el imaginario que tenemos. Sin embargo, en algunos momentos de la historia ha habido mujeres clave para entender la evolución de esta tecnología. A diferencia de las mujeres que Remedios Zafra propone como modelos (Ada Lovelace, Mary Sommerville…), en las que yo me fijo han estado más en las fases de innovación (si entendemos que dentro del I+D+i, la innovación es la implementación en la sociedad o mercado) que en las de investigación y desarrollo. Aun así creo que sus historias merecen ser contadas, en su momento lo hice inventando unos personajes, paradigmas de trabajadoras domésticas (definición, qué trabajo hacían, dónde, los valores que representaban y su función social), que resumían la información que  tenía sobre estas/os investigadoras y que me servían para imaginar el futuro del Trabajo doméstico.
Pero ahora me interesan más las investigadoras y sus métodos para construir nuevos imaginarios y relatos (ficciones, las llama Zafra) sobre cómo podrían ser otros modelos de desarrolladores tecnológicos y, por extensión, otro “modelo tecnológico” que incluyera a todas las personas para ser mejor tecnología. Empezaré, entonces con Lydia Child y seguiré con Catherine Beecher, Christine Frederick y Melusina Fay Peirce. Quizá por el camino aparezcan más y ojalá no estén tan centradas en el modelo de vida americano.. aunque, para qué engañarnos, éste ha sido el dominante en la definición de nuestros estándares actuales y de nuestro imaginario doméstico. A quien lo siga le prometo argumentos para desear una tecnología inclusiva, grandes sorpresas en métodos y mucho entretenimiento..

Introducing Lilypad Arduino

November 2, 2011 § Leave a comment

This is the first of my DO posts in the DIWOMaster. In this “course” I’m making a Prototype that deals with the internet of things and interactive engaging design, and how these two subjects can update housework technologies. As I’ll explain in the next post, I’m shyly following in the footsteps of the people that reshaped technology from women points of view. (If you’re thinking why these could be interesting, you should read that post…) So, to start I’m introducing the technology I’ll be using for the Prototype: Lilypad Arduino.

For those who don’t know the Arduino, the explanation from its main page: “is an Open Source Electronics Prototyping platform based on flexible, easy-to-use hardware and software. It’s intended for artists, designers, hobbyists, and anyone interested in creating interactive objects or environments.” The interaction can be both input, sensing the environment through disparate sensors, or output, controlling motors, lights or sending information to other platforms (processing, flash, grashopper..). As it is open-source it can be built and developed further by other users, this has allowed a great community to arise with forums, groups, business, education, professionals,… I think this is a great example of how free (libre) projects can be sustainable creating ecosystems around them.

One of the derivations of Arduino is Lilypad Arduino that was developed by Leah Buechley and her research group High-Low Tech at MIT. Lilypad is a set of seweable (and washable) set of electronics components for soft and interactive environments. I’m interested in playing with the Lilypad because it  integrates crafts and technology. I know that electronic and arduino geeks also “craft” in the sense of do-it-yourself, but these practices use separate components, and I think the crafts are better defined with the tasks of “weaving” than with the tasks of “joining parts” (and this is gonna be the topic of another post..). The Lipypad Arduino is in the inbetween as it involves “stitching”. (There’s a research project in the High-Low Tech group that goes further this idea of not designing separate components but crafting electronics with conductive materials, the Kit-of-no-parts that I will investigate further after learning more about electronics with the Lilypad). The other reason I’m interested in it is because its approach has led girls and other non traditional “freaks” to be interested in technology and its applications, and a powerful community of techno-crafts has aroused around it. There is an interesting paper analyzing this community that is now in my to-do’s.

As I already knew something about Arduino and it’s environment I’ve been looking for more information about the Lilypad and it’s special features. It’s a bit more fragile and complicated to connect than the standard Arduino, and it has its own set of modules and components that are also stitchable. The differences in connecting are due to its wereability: to program any electronic board to perform the functions you need to connect it to your computer, in standard boards you do this directly with an usb cable, but in Lilypad you need a FTDI USB-TTL Serial cable or a FTDI Basic Breakout and a cable, that you remove afterwards leaving the small and washable Lilypad board alone. As in standard Arduino you can also use a Xbee board and make wireless connections. The stitchable components can be bought and they are a bit more expensive than standard leds, sensors,.. but you can also make them by yourself with felt and conductive fabric, like in this tutorial, whose authors also them sell ready to use.

There are many resources and tutorials around the web about the Lilypad: tutorials as the introductory one of Leah Buechley and the one of the UNSW about connecting modules; the Lilypad topics in the Arduino Forum, where you can always ask for help; in flickr there’s a huge group were people upload their creations and you can find inspiration… There are also nice projects in Instructables and Make Magazine. I’ll finish with one I’ve loved because it brings a fresh new idea of what robotics can be:

Empezando por..

October 28, 2011 § Leave a comment

Como dije, voy a empezar mi MasterDIWO con mi investigación anterior sobre las tecnologías para el Trabajo doméstico y su actualización al nuevo paradigma distribuido inaugurado por internet. Esta investigación era el apoyo teórico de mi PFC en 2010. Me fijé en experiencias artísticas y activistas relacionadas con la ciudad y el cuerpo, que se basaban en este nuevo paradigma, y analicé las herramientas que utilizaban para reinterpretarlas en las localizaciones urbanas que elegí para proponer nuevas herramientas para el trabajo doméstico. Estas herramientas y sus consecuencias eran el tema principal del PFC.

La investigación se basaba en tres conceptos teóricos: espacio de acción (como lo describe Otto von Busch en su tesis), Ownbodywork (que me inventé yo..) y signifyin’ (como lo describe Paul Fry). Como voy a seguir trabajando con estos conceptos (y añadir otros) y con el tema principal (el trabajo doméstico), he revisado el texto en el que resumí la investigación, y el cómo ésta afectaba al PFC, y que presenté en el CIMUAT, el Congreso de Mujer, Arte y Tecnología en Valencia. Lo comparto aquí como punto de partida para mi nueva investigación:

Starting with..

October 25, 2011 § Leave a comment

As I said before, I’m gonna start my MasterDIWO with my previous research on HouseWork technologies and its updating to a new distributed paradigm unveiled by internet. This research was the theoretical background of my Degree Project in 2010. It payed attention to artistic and activist experiences related to the city and the body that treated this paradigm in depth, and analyzed the tools they used to reinterpret them in the locations I chose to develop my proposals of new tools for HouseWork, that was the main subject of my Degree Project.

The research was based in three theoretical concepts: action space (as described by Otto von Busch), ownbodywork (which I made up), signifyin’ (as described by Paul Fry). As I’m going to keep these concepts for the master (and add some others) and the main topic, the Housework. I’ve reviewed the text in which I sumed up the research and how it affected the Degree Project that I presented in the CIMUAT Congreso Internacional Mujer, Arte y Tecnología in Valencia. I share it here as a starting point for my next research.

In motion..

October 19, 2011 § Leave a comment

Jose Abellán from CiudadelaSombra has edited some videos from our program presentation meeting. You can see all of them here.

I post here mine, in which he has made good work to make my explanation seem more organized than it was live..

Master DIWO: Ester from CiudadSombra on Vimeo.

There we go!

September 30, 2011 § Leave a comment

With this post I officially start my DIY Master in Arts, Science, Anthropology and Open Business, …yeah, quite a remix.

Its objective is to gather together these interests and my previous works in these fields, and then reconduct them to the definition of a profession that fits me. The work I’ll do in all the subjects will be centered around the research: CommonHWorks, Reconstructing our environment through our everyday domestic works, named after my Bachelor’s Degree Thesis in Architecture, and inspired by the work we’re doing in aRRsa! a Platform for reengaging in building processes actors that have been moved away from them.

This DIY Master is in the context of a DIWO Master that we’re developing together with other peers. So, also some writing and references about the auto-formative process will appear in the blog, as the following:

As every educative process it has a relation between professors, student, methods and subjects, organized by the objective above. But in this case the process is not driven by the professor but by the student on her own, and accompanied with her peers.

In the diagram below I try to link the SUBJECTS and concrete themes and work I’ll be doing, that is divided in WRITE, LIKE and DO. From October to June, the expected duration of the DIY master, there are 39 weeks (including holiday), so I’ve thinked I’m gonna be able to do the work equivalent of writing 2 long posts a week. That would be around 50 posts…I plan to do 60% of workload in writting and 40% in making a prototype.

The prototype is linking art, technology and anthropology, and I haven’t decide already what it will serve for. That’s the work I’ll start with: doing a compilation of the writings I have about Housework Technologies in history, Interaction and Engagement in art for Action emergence and Visualization. That is 5 or 6 weeks more or less and about 10 posts. These are aimed to inform and decide about the prototype. My intention is to make it by myself (maybe we will have a research line about this in the DIWO Master group with other peers)  so I’ll have to recover and deepen what I know about Processing and sensoring.

For this I’ve found some courses that publish their resources and assignments in the Internet and I plan to follow some of them, besides some forums. The yellow rectangles in the diagram are links to the courses. (I’ll try to make a navigable version of the diagram, that I’ve made with VUE and is going to be kind of a diary of these learning process). It would be great if I write 1 or 2 posts till Christmas about this topic of Open University and Self-learning.

The right side of the diagram contents are about the educative process itself, and what I’ve named Open Business. There’s a topic that links alltogether: Gift Economy around which I’ve also worked before; and a DO work that it’s not part of the DIY Master, the work I’m doing in aRRsa! as some kind of architect that it’s yet to define, but will give the occasion of writting about “new type of projects”.  There’s a text of Tim Inglod that I’ve left half translated “On waving a basket” that I plan to finish and I hope it will serve to explain what I mean by another type of “building” projects that don’t follow the classic steps: idea, drawing, building.. we’ve written also before this in aRRsa!. And to bring all these to reality and be able to talk about a “profession” I’m gonna be also reading and writing about cooperatives and creative work. The main source for these will be lasindias.info and their work about communities and entrepeneurship. I think it’s important that there exists these three poles: in one prevails artistic action, in the other the reflections that link with the last one, the funding and everyday economic reality of a profession.

Some may think I’m avoiding my background subject, architecture.. But I think there’s always been more fun and interesting people in the surroundings.

I hope it will come to a good ending  starting!

Follow

Get every new post delivered to your Inbox.