Hello everyone!! Normaly when you begin a project, you take your computer, go to your favourite browser and type to Google searching for inspiration or competitors. After that, you start to create the design combining your ideas and what you have seen. But, is it the best way to decide what you are doing? No? How do you start? What steps we have to follow to success in UX? So what design process do I use? This post is a begginer level of UX design, written for me and inspired by UX designers. If you are new to this world of experience design, I think it willRead More →

ImageInject es un pulguin que te permite buscar y agregar imagenes sin copyrigth. Después de la instalación i de asegurarnos de que el pulguin esta Activado podemos buscar imágenes de la siguiente manera. Para buscar imágenes simplemente se escribe cualquier palabra clave y pinchamos en “Buscar”. Puedes utilizar los enlaces al lado del cuadro de búsqueda para copiar rápidamente el título del artículo. Para obtener más resultados, simplemente repite la búsqueda con la misma palabra clave. Las fotos se añadirán a su búsqueda actual. También puede hacer otra búsqueda de una palabra clave diferente – los resultados para ambas palabras clave se le aparecen al lado del las otras,Read More →

Para subir tu página web manualmente, primero tendrás que subir tu carpeta donde almacenas tu tema de wordpress a tu FTP mediante Filezilla o cualquier aplicación similar.   El segundo paso es crear una nueva base de datos en tu servidor pero antes deberás de editar tu documento config desde el Filezilla (botón derecho editar) y cambiar el usuario y la contraseña de tu base de datos. Esta nueva base de datos llevará la contraseña y usuario que acabas de cambiar desde el Filezilla y  tiene que tener el mismo nombre que tu carpeta subida a Filezilla y de tu base de datos guardada enRead More →

Aquest plugin serveix per a tots aquells que necessiteu en algún moment que us aparegui a la vostra web un video com a imatge destacada. El plugin és el següent (fent click a la foto podreu accedir a la web per descarregar-lo): Un cop instal·lat us apareixerá a dalt de tot quan vulgueu afegir una nova entrada:Read More →

El Favicon es l’icona de la teva pagina,   exemple: Un favicon és normalment un arxiu ico amb 16×16 de mida, els formats .png i .gif també són suportats, IE (òbviament) només és compatible amb l’arxiu ico. Per poder posar la teva icona a wordpress hi han pulguins, nosaltres utilitzarem “All in one Favicon”.  Pots crear el teu arxiu .ico a: http://www.favicon.cc/ 1. importa la imatge 2. Tria un fitxer 3. Pots escollir les opcions: Keep dimensions o Shrink to square icon. Recomanem la primera ja que no deforma la imatge. 4. Upload 5. i finalment el descarreguem   Ara anem a les opcions del pulguin, allà on posa “ICORead More →

El posicionament en cercadors o Optimització de motors de cerca és el procés de millorar la visibilitat d’un lloc web en els resultats orgànics dels diferents cercadors. També és freqüent anomenar pel seu títol anglès Search Engine Optimization (SEO). Per a wordpress hi ha un pulguin gratuit anomenat “All In One SEO Pack”, aquest pulguin afegirà tres columnes a les caracteristiques dels teus posts. Emplenant els respectius recuadres amb la informació pertinent ajudarà a la teva web a posicionar-se faborablament. SEO Title, aquí s’ha d’escriure el titol que vols que es vegi en el cercador. SEO Descripció, Simplement una petita descripció del que conté el post.Read More →

Vincular un video de youtube es molt senzill, 1. clica amb el botó dret sobre el video de youtube 2. selecciona la opció “Obtener código de inserción” 3. Sortirà un recuadre amb codi, el copiem. Exemple: <iframe width=”854″ height=”510″ src=”https://www.youtube.com/embed/YqeW9_5kURI?list=FLvFHcDAgIFg_jVWwTeckSLA” frameborder=”0″ allowfullscreen></iframe> (Les mesures del video es poden modificar pero sempre han de ser equivalents) 3. Enganxem a el nostre codi a la nostre pàgina HTML   Així de fàcil és insertar un video de Youtube.Read More →

De aquí a aquí con un movimiento muy suave. Podemos hacer tantas redes sociales como queramos, las imagenes las podemos hacer en photoshop y las subimos a la carpeta imagenes del servidor donde esta alojada la página web. en la pagina principal creamos un div para que contenga nuestras redes sociales. <div id=”social”> </div> Dentro de ese div escribiremos los enlaces de cada red social i la ruta para encontrar su respectiva imagen. Le daremos una clase diferente a todos ellos. Para que se abran los enlaces en otra pagina escribiremos : target=”_blank” <div id=”social”> <ul> <li> <a href=”https://twitter.com/t0nyi” target=”_blank” class=”twitter”> <img src=”images/twitter.png”> </a> </li> <li> <aRead More →

Després del restyling d’un lloc web de WordPress, o després de l’actualització d’una plantilla de WordPress a vegades les imatges quan es modifica la mida d’elles en miniatura (el seu thumbnail) no canvien les mesures amb els parámetos seleccionats. És per això que existeix  Regenerate thumbnail,  aquest plugin. Recàrrega altra vegada totes les imatges per a que s’actualitzin amb les noves mesures. Per instalar-la hauràs de anar a la  àrea d’administració i seleccioneu Plugins -> Afegeix nou al menú. -Cerca de “Regenerar miniatures”. -Feu clic a instal·lar. -Feu clic a Activa. Apareixera a Eines.Read More →

Zebra_Image és una llibreria escrita amb PHP que et permet la manipulació d’imatges, sense necessitat de cap extensió. Aquesta llibreria porta funcions per poder canviar la mida, reflectir, girar, retallar, etc., a més de diversos filtres per transformar les imatges a negatiu, escala de grisos modificar el contrast, difuminar, etc. Tot això es fa d’una manera senzilla i només cal seguir els passos i aplicar la funció desitjada. Per descarregar-la o més informació: http://stefangabos.ro/php-libraries/zebra-image/Read More →