1 de novembre del 2012

Afegir un favicon a wordpress

Els Favicons són la imatge personalitzada que es mostra a les pestanyes dels cercadors o dels marcadors que permeten identificar ràpidament de quina pàgina web es tracta.

Per afegir un favicon a un tema de wordpress cal crear un fitxer amb l'extensió .ico que contingui una imatge de 16x16 píxels i anomenar-lo favicon.ico

Seguidament el pengem mitjançant un gestor FTP a la carpeta principal del tema i a la pàgina principal del propi lloc web.

http://www.example.com/favicon.ico

Al fitxer header.php hi afegim la següent linia de codi:

<link href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" rel="shortcut icon"></link>

I amb això ja se'ns hauria de veure el favicon sense problemes.

13 de març del 2012

Detectar l'origen d'errors de programació web amb Drupal 6

Durant la creació d'una pàgina web, ens podem trobar en la situació que, al provar alguna característica que estem implementant, ens aparegui el fatídic Error 500 i veiem perillar la nostra feina.

Quan apareix aquest tipus d'error hem de resoldre'l immediatament, però no sempre sabem quin és l'origen. Per arribar fàcilment a l'arrel del problema només cal modificar lleugerament el fitxer index.php.

En obrir el fitxer index.php trobem el següent:
require_once './includes/bootstrap.inc';
drupal_bootstrap(DRUPAL_BOOTSTRAP_FULL);
Si abans d'aquestes línies hi afegim
//Reportar errors
PHPerror_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
//Fi reportar errors PHP
En comptes d'aparèixer la pantalla indicant l'Error 500, ens apareixerà una línia indicant el tipus d'error i el fitxer i lína on s'ha produït. A partir d'aquí podem estirar el fil fins trobar el veritable origen: un error de programació, un problema de direccionament, errors en la declaració de variables, etc...

Aquest mètode només l'he provat amb Drupal 6, però al tractar-se del fitxer index.php, comú en totes les pàgines web, imagino que servirà per a qualsevol web.

19 de desembre del 2011

Amagar els BreadCrumbs a Drupal 7

Tant bon punt vaig començar a tafanejar amb Drupal 7, vaig descobrir que a la part superior del contingut principal de la pàgina s'hi mostrava un enllaç que et dirigia al home, es tracta d'un BreadCrumb, un menú auxiliar de navegació.

Consultant diferents fòrums de Drupal 7 he vist que hi ha diverses maneres d'ocultar-ho. A continuació us mostro com ho he fet jo.

Aneu a la carpeta on es guarden els temes del vostre projecte en el meu cas
/var/www/nom_del_projecte/sites/all/themes/nom_del_tema_utilitzat
Aquí hi ha tots els fitxers necessaris per donar format al lloc web que estigueu creant. Obriu en un editor de text el fitxer page.tpl.php i busqueu la linea on posa
<?php print $breadcrumb; ?>
Comeneteu-la, de manera que quedi així
<!-- <?php print $breadcrumb; ?> -->
Guardeu el fitxer i, en actualitzar la pàgina en el vostre explorador, podreu comprovar que l'enllaç ja no hi apareix.

Espero que us sigui d'utilitat!

16 de desembre del 2011

Configurant Google Cloud Print

Recentment, Google ha anunciat un nou servei que permet connectar les nostres impressores a la xarxa: Google Cloud Print. Aquesta opció permet imprimir documents des del propi ordinador, des d'equips externs o, fins i tot, des del mòbil mitjançant les app's de Google. A més permet compartir impressores amb els nostres amics o familiars que també disposin d'un compte Google.


Google Cloud Print permet afegir a la teva xarxa particular tot tipus d'impressores, tant les clàssiques com les innovadores 'Cloud Ready' (o preparades per al núvol), a continuació veurem com configurar-ne una clàssica en un equip amb Windows 7, com compartir-la i com imprimir un document des d'un equip que no hi està físicament connectat.

Configuració de l'impresora

  1. Obrim l'explorador Google Chrome. Si no el teniu instal·lat, podem descarregar-lo aquí.
  2. Fem clic al botó de configuració (La clau anglesa a dalt a la dreta).
  3. Cliquem on posa "Configuració de la sincronització" o "Iniciar sessió a Chrome".
  4. Ens apareixerà la pantalla de configuració de Chrome. Anem a la secció "Avançada".
  5. Ens desplacem cap avall i cliquem a "Accedir a Google Cloud Print".
  6. S'obre una finestra, hem d'iniciar sessió al nostre compte de Google per habilitar la connexió amb el nou servei.
  7. Apareixerà un missatge de confirmació i haurem de fer clic a l'opció finalitzar el registre de l'impressora.
  8. Es mostrarà un missatge confirmant que Google Cloud Print ha sigut habilitat. Totes les impressores que estiguin configurades al teu equip quedaran registrades al teu compte i podran ser utilitzades sempre i quan estiguin connectades a l'ordinador d'ús habitual i que estiguin engegades.
  9. A partir d'ara podeu administrar les vostres impressores accedint al compte de Google Cloud Print.

Compartir una impressora
  1. Accedim al nostre compte de Google Cloud Print.
  2. Sel·leccionem l'impressora que volem compartir.
  3. cliquem el botó "Share" o "Compartir" (de color verd).
  4. S'obre una finestra on afegirem la direcció de correu Gmail de la persona amb qui compartirem l'impressora.
  5. Cliquem a "Share" o "Compartir".
  6. La persona a qui hem convidat rebrà una notificació conforme l'autoritzem a imprimir des del nostre dispositiu, la qual podrà començar a fer-ne ús a partir del moment en que accepti la invitació.

Imprimir un document
  1. Accedim al nostre compte de Google Cloud Print.
  2. Pitgem a "PRINT" o "IMPRIMIR" (de color vermell).
  3. En el desplegable pitgem a "Upload file to print" o "Subir archivo para imprimir".
  4. Sel·leccionem el fitxer que volem imprimir.
  5. Sel·leccionem la impressora que volem utilitzar i les opcions d'impressió i cliquem a "Imprimir" o "Print".
  6. El nostre document serà afegit a la cua d'impressió del nostre dispositiu i, si l'impressora està correctament connectada, s'imprimirà en pocs segons.
  7. Des del nostre panell de control podrem administrar tots els documents afegits a la cua, tant si ja han estat impressos com si es troben en espera.
I fins aquí el tutorial, si teniu dubtes o voleu conèixer més sobre aquest nou servei podreu trobar tota la informació aquí. Espero que us sigui d'utilitat i que publiqueu comentaris amb les vostres opinions!

4 de desembre del 2011

Instal·lant Drupal 7

Drupal 7 és un CMS (Content Magement System o Sistema de Gestió de Continguts) que ens fa més fàcil les tasques de creació d'una pàgina web. Hi ha molts CMS, entre els més coneguts es troben el de Wordpress i el Joomla. Si he escollit Drupal, és per què sempre s'ha de començar per algun, espero poder experimentar amb altres opcions més endavant.

Abans de començar a crear una pàgina web, ens hem d'assegurar de tenir tot el necessari per començar:
un servidor, un client FTP, els fitxers de configuració de Drupal 7 i una base de dades en MySQL allotjada al servidor que farem servir.

El servidor on allotjar la pàgina web, pot ser local o extern. És important que el servidor suporti PHP i MySQL, ja que per treballar amb Drupal són imprescindibles.

Per treballar amb un servidor extern, és aconsellable tenir instal·lat un client de FTP, jo utilitzo gftp, però buscant per la xarxa podreu trobar el que us sembli més adequat a les vostres necessitats. Per instal·lar gftp en un sistema Ubuntu només cal obrir la consola i teclejar
# sudo apt-get install gftp
Us demanarà la contrassenya i en pocs segons tindreu el software instal·lat.

Els fitxers de configuració de Drupal 7 estan disponibles a la pàgina oficial del projecte Drupal. Només cal descarregar-los i descomprimir-los. Veureu que hi ha més d'una versió per descarregar, en le nostre cas treballem amb la que correspon a Drupal 7.

A l'hora d'utilitzar Drupal 7, és necessari necessari tenir configurada una base de dades que servirà per gestionar totes les opcions que aquest CMS ofereix, des del registre d'usuaris fins a les opcions de configuració més bàsiques. Per tant, serà necessari accedir al gestor de MySQL del nostre servidor i crear una base de dades. Si el servidor és local i hi teniu instal·lat phpmyadmin, s'hi pot accedir des de la barra de direccions del nostre navegador:
http://localhost/phpmyadmin
En el cas que el servidor sigui extern, cal utilitzar les eines que el servei ens ofereix. És molt important apuntar-se totes les dades d'accés, tant del servidor com de la base de dades.

Un cop fet això, cal copiar els fitxers de Drupal 7 que hem descomprimit fa una estona (només el contingut, no la carpeta que els conté) al directori on s'allotjarà la pàgina web.

Si treballem amb el servidor local, podem anar al directori on s'allotja el servidor i crear-hi una carpeta per al nostre projecte. Si treballem en Ubuntu, és possible que haguem de canviar els permisos per poder modificar els continguts del directori, que per defecte acostuma a ser
# /var/www
Per canviar els permisos només cal introduir a la consola
# sudo chmod -R 777 /var/www
Això otorgarà permisos de lectura, escriptura i execució a tots els usuaris. Per accedir al nostre projecte, només haurem d'introduir al nostre navegador la direcció
http://localhost/nom_de_la_carpeta
En el cas de treballar amb un servidor extern, hem de copiar els fitxers mitjançant el client ftp. Amb gftp, només cal introduir la direcció del servidor (s'hi pot posar la ip), el port d'accés, què acostuma a ser el port 21, el vostre nom d'usuari i la vostra contrassenya. Un cop tenim creada la connexió, seleccionem els fitxers de Drupal 7 i els pugem al servidor (Això pot trigar una estona).

Amb això ja tenim el CMS carregat a la nostra web. Accedint a la direcció web del nostre projecte, ens apareixerà la guia d'instal·lació de Drupal, què ens permetrà realitzar ràpidament la configuració bàsica per treballar en el nostre projecte.

Pantalla d'instal·lació de Drupal 7
Seleccionem la instal·lació standard i continuem. Ens apareix una pantalla on escollir el llenguatge que s'utilitzarà, per defecte, l'anglès. Per utilitzar un altre llenguatge cal buscar els fitxers de traducció i incloure'ls a un directori determinat de Drupal, però ara això no ho tocaré, sempre m'ha semblat que és millor treballar en l'idioma per defecte: estalviem enfrontar-nos a errors deguts a la traducció. i, en el cas que busquem informació o tinguem dubtes, és molt més fàcil trobar respostes. Continuem amb l'anglès, doncs.

Ara cal configurar la base de dades amb la que treballarà Drupal. Deixem Database type com a MySQL, a Database name hi posem el nom de la base de dades que hem creat en el servidor, a a Database username i Database password, el vostre nom d'usuari i la vostra contrassenya com a administrador de la base de dades. Si el servidor és extern, cal modificar la direcció del host.

Finalment, només queda configurar les dades d'usuari administrador. Si no teniu configurat un servidor de correu en el servidor, podeu introduir com  direcció de correu 'noreply@localhost.com', teòricament no us donarà problemes i, si més endavant disposessiu d'una direcció vàlida, podreu modificar les dades sense problemes. Manca configurar les dades de localització i desmarcar les actualitzacions automàtiques, això últim va a gustos, jo prefereixo actualitzar manualment. I ja està, a partir d'aquest moment, si tot ha anat bé, estareu veient la vostra pàgina web, ara només queda començar a treballar!

Espero que aquest minitutorial us hagi estat d'utilitat i que comenteu qualsevol dubte.