Desarrollo

Curso de Drupal 7 – 04 Configurar URL limpias

Para comenzar este tutorial del curso de Drupal 7, lo primero que voy a hacer es recordar cómo terminamos el tutorial anterior. Si no os acordáis no importa. Os recuerdo que creamos un artículo: «Primer artículo«. Pues bien, por defeto Drupal 7 establece las rutas de los artículos y otros nodos de la forma:  «?q=node/1«. En la siguiente captura podéis ver lo que os comento. Ya sabréis que Drupal gestiona todo como nodos y eso está muy bien pero para las personas que ven o que tienen que escribir estas rutas, es un poco incordioso. Lo que vamos a hacer es intentar quitar el dichoso «?q=«. Lo que tenemos que hacer es ir a «Configuración» en el menú principal de

Leer más »

Bootstrap Eden – Plantillas gratuitas y elemenentos UI para Bootstrap

Os traigo un nuevo sitio web de plantillas y recursos para nuestros nuevos desarrollos con Bootstrap. En Bootstrap Eden disponemos de un montón de ejemplos de código para implementar diferentes características y elementos web. En la página principal podemos ver una serie de recursos que nos pueden ser de utilidad. A modo de ejemplo vamos a seleccionar el de «Box of Featured«: Al seleccionarlo nos muestra el diseño o preview del snippet o «trozo de código«. Este en concreo puede que nos interese y deseemos conocer cómo desarrollarlo para alguno de nuestras web o pruebas que queramos hacer. Después de la preview, también tenemos disponible el código HTML y CSS que ha utilizado el desarrollador: Si of fijáis al final

Leer más »

Curso de Drupal 7 – 03 Añadir contenido: Artículos

Continuando con el Curso de Drupal 7, antes de poder explicar algunas cosas importantes, creo que es buena idea crear algo de contenido antes de nada. Para cear contenido, sea del tipo que sea, debemos pulsar sobre «Contenido» del menú de administración en la parte superior de la pantalla. En la siguiente captura de pantalla disponemos de dos opciones: Artículo y Página básica. A medida que vayamos activando módulos del core o instalando algunos otros, dispondremos de más tipos de contenido para utilizar. Además, como ya veremos más adelante en el curso, podremos crear tipos de contenido personalizados. Seleccionamos «Article» para crear un artículo. La siguiente es la pantalla para introducir el artículo en sí. Título, etiquetas, cuerpo… En «Formatos

Leer más »

Lorempixel.com – Generador de imágenes para desarrollos web

LoremPixel.com es una herramienta muy útil a la hora de realizar desarrollos o diseños web. Seguro que a más de uno de vosotros os ha pasado que no encontráis las imágenes adecuadas con los tamaños adecuados para insertar en un nuevo desarrollo web. Pues bien, lorempixel.com es un servicio gratuito de imágenes del tamaño que necesitemos en cada momento y para cada sitio. Es algo muy fácil de implementar en nuestro código html. Por ejemplo, para disponer de una imagen de 400 x 200 píxeles, deberíamos agregar: <img src=»http://lorempixel.com/400/2002 />. En la siguiente captura vemos algunos ejemplos más: Además disponemos de un Generador de placeholders como se puede ver en esta captura: Y este sería el resultado: En este enlace

Leer más »

Curso de Bootstrap 3 – 01 Introducción y primeros pasos

Con este tutorial comenzamos un nuevo «curso» en el que nos centraremos en la nueva versión de Bootstrap. En este caso la versión 3 y en el momento en el que estoy escribiendo esto la última versión es la «3.1.1«, como se puede ver en la captura siguiente: No voy a explicar mucho sobre teoría ya que hay mucha por la web e incluso ya existen muchos libros sobre Bootstrap 2 y alguno sobre Bootstrap 3. Para los que no sepáis lo que es, os diré que es un Framework CSS que nos va a permitir de manera relativamente sencilla, mejorar nuestras páginas web tanto en aspecto como en estructura. Bien, vamos a empezar con lo que nos ocupa el

Leer más »

Bootply – El jsfidde para bootstrap

Bootply es una buena herramienta online y gratuita para realizar pruebas con nuestros desarrollos en Bootstrap. En la página principal de Bootply podemos pulsar sobre el botón «Play Now» para probarlo y que veamos las características que tiene y los beneficios que nos ofrece a la hora de realizar un desarrollo sobre Bootstrap. En la siguiente pantalla podemos hacernos una idea de las secciones o apartados de que dispone. Para ver un poco las posibilidades de esta herramienta, vamos a pulsar sobre el enlace «Basic Starter» de la barra lateral izquierda, justo debajo de «Templates«. Esto nos carga una plantilla básica que podemos ver en la siguiente captura: En la parte inferior vemos la página web. Si queremos ver cómo

Leer más »

Curso de WordPress – 01 Instalación

Hoy comenzamos un curso o «serie» de tutoriales dedicados al gestor de contenidos «WordPress«. Personalmente llevo trabajando con WordPress más de 10 años y aunque últimamente me inclino más por Drupal, sobre todo para portales web, WordPress no deja de asombrarme por su sencillez y facilidad de uso. Bueno, vamos a lo que vamos. En este primer tutorial del curso de WordPress vamos a descargarlo e instalarlo. Podemos hacerlo directamente en un servidor web que tengamos contratado o si lo preferimos, podemos instalarlo en nuestro ordenador con algunas de las siguientes soluciones: Wamp, Xamp, Mamp… Para descargar WordPress en Castellano iremos a la página:  es.wordpress.org. Es esta web encontraremos la versión en Español de WordPress por lo que no tendremos

Leer más »

Curso de Drupal 7 – 02 Cambiar idioma a Español

En el tutorial anterior sobre Dupal 7 vimos cómo instalarlo. Bien, ahora vamos a cambiar el idioma por defecto a Español ya que lo tenemos en Inglés. Para ello, en primer lugar entramos en el panel de administración con los datos que pusimos en la instalación. Antes de explicar las deferentes partes y opciones del panel de administración de Drupal 7, vamos a traducirlo. En la captura siguiente podemos ver el aspecto de la web desde el panel de administración. A continuación seleccionamos «Modulos» del menú superior. Nos aparece una lista de módulos que, como no hemos instalado ninguno, serán los que vienen por defecto. En la lista de módulos, buscamos y activamos el check de «Content Translation» y «Locale».

Leer más »

Curso de Drupal 7 – 01 Introducción

Hace mucho tiempo que me apetecía publicar algunos artículos sobre Drupal y bueno, después de mucho pensarlo por motivos de tiempo, he decidido sacar un hueco y comenzar este «Curso de Drupal 7«. La intención es que poco a poco le vayáis quitando el miedo a este entorno. Sin más dilación comencemos! En primer lugar vamos a «http://www.drupal.org«. Podemos ir a la sección «Download & Extend» o pulsar directamente el botón «Get Started with Drupal«. Tras pulsar en el botón «Download Drupal 7.26» nos mostrará la siguiente página en la que podremos seleccionar la versión y la forma en la que está comprimido Drupal. Yo me he decantado por la versión «zip» como podéis ver a continuación: El siguiente paso

Leer más »

PHP – Conocer la ruta global del directorio actual

No se si os ha pasado alguna vez que necesitais conocer el directorio o ruta global donde esta alojado vuestro sitio web. En mi caso me ha sido necesario para configuracion de un «oscommerce» que estoy migrando de hosting. El problema es que no tengo acceso ssh en este hosting por lo que desconocia la ruta completa al directorio en el que esta instalado oscommerce. Buscando por la web he encontrado una solucion sencilla y facil para todos. Lo que podemos hacer es crear una pagina php en la que introducimos cualquiera de las siguientes lineas de codigo: echo $_SERVER[‘DOCUMENT_ROOT’]; echo $HTTP_SERVER_VARS[‘DOCUMENT_ROOT’]; Ya sabeis, cualquiera de las dos lineas de codigo. Con esto, si optamos por la segunda linea de codigo, nuestro

Leer más »