By:
On:
In: Wordpress
With: 0 Comments

Primerament, anem a explicar que és un Plugin: Els plugins són components de codi, és a dir, programes que s’instal·len en WordPress per ampliar la seva funcionalitat estàndard. Els Plugins consumeixen recursos del teu servidor, per això és essencial que tinguis un bon hosting. Amb molts hostings barats de mala qualitat, amb més de 10 plugins aproximadament pots començar a tenir problemes. Aquí et vam mostrar una llista de plugins interessants i útils: Akismet: plugin gratuït anti-spam. Anti-spam: Un plugin que usa el mètode de camps ocults amb CSS com a “parany” per als robots de spam. Complement perfecte para Akismet. Limit Login Attempts: AquestRead More →

By:
On:
In: Uncategorized
With: 0 Comments

Primer de tot instal·lar el NodeJS (https://nodejs.org/): Obrim el terminal i escrivim sudo npm install –g phonegap  A continuació fem el mateix per instal·lar “cordova” sudo npm install –g cordova cordova create PROVA com.example.prova Aplicacio PROVA – nom de la carpeta es.example.com – servidor Aplicacio – nom de l’app    Seguidament entrem a la carpeta i, en el nostre cas, per crear-la per iOS escrivim la següent comanda: cordova platform add ios    Read More →

By:
On:
In: HTML5
With: 0 Comments

Per poder visualitzar correctament una pàgina creada amb web en un dispositiu mòbil, sense que les imatges ni el text  es vegi desproporcionat, n’hi haurà prou amb afegir la següent línia al <head> <meta name=viewport content=”width=device-width, initial-scale=1″> Amb el Google Chrome, quan fem “inspeccionar elemento” per veure el codi que conté la pàgina, podem clicar el dibuix del mòbil per veure com quedaria en diferents dispositius (es poden seleccionar a la barra superior).  Read More →

By:
On:
In: Uncategorized
With: 0 Comments

Introduït l’octubre de 2003 juntament amb la versió 10.3 de Mac OS X, Xcode és l’entorn de desenvolupament integrat (IDE) creat per Apple que treballa de manera conjunta amb Interface Builder (eina gràfica per crear interfícies d’usuari) i que es pot descarregar de manera gratuïta desde Mac App Store. Pot funcionar amb codi C, C++, Objective-C, Objective-C++, AppleScript i Java gràcies a una gran gama de models de programació.Read More →

By:
On:
In: CSS3, HTML5, Javascript
With: 0 Comments

PhoneGap és un framework gratuït i open source que permet crear aplicacions mòbils multiplataforma a partir de tecnologies web com ara HTML5, CSS3 i Javascript. PhoneGap s’ha realitzat a partir de Apache Cordova i va ser crear per Nitobi, actualment està en mans d’Adobe i crea les anomenades “aplicacions híbrides”, a mig camí entre natives i les purament web, això ho aconsegueix a partir d’una sèrie de APIs que permetes controlar certes característiques dels dispositius com l’acceleròmetre, la càmera, les notificacions o la geolocalització.Read More →

By:
On:
In: Javascript, Wordpress
With: 0 Comments

Si en el nostre portafoli utilitzem l’isotope per a mostrar les fotografies i els diferents continguts, s’ha d’utilitzar un tall de codi javascript en la pàgina anomenada “functions.php”, per a tal que la llibreria es carregui i aquest funcioni correctament. Primer carreguem la llibreria a dalt de tot: wp_enqueue_script( ‘custom-script1’, get_template_directory_uri() . ‘/lib/js/isotope.pkgd.min.js’, array(‘jquery’)); Seguidament escrivim aquest tall de codi al final de tot del document (abans de tancar el php): <script type=”text/javascript”> jQuery(document).ready(function() { jQuery(‘#example_showhidden’).click(function() { jQuery(‘#section-example_text_hidden’).fadeToggle(400); }); if (jQuery(‘#example_showhidden:checked’).val() !== undefined) { jQuery(‘#section-example_text_hidden’).show(); } }); </script>  Read More →

By:
On:
In: Wordpress
Tagged: , ,
With: 0 Comments

Si volem que les nostres entrades de WordPress tinguin una taxonomia personalitzada, cal que modifiquem el fitxer functions.php que es troba a l’arrel de la carpeta del tema. Funcionen a mode d’array, així que només caldrà afegir-ne un més: array( ‘name’ => ‘Description’, ‘desc’ => ‘Descripció del projecte’, ‘id’ => $prefix . ‘description’, ‘type’ => ‘text’ ), D’aquesta manera, quan accedim al back-end del nostre blog i escrivim una entrada, ja ens donarà la possibilitat d’utilitzar aquesta nova taxonomia. Ara el que fa falta és que es vegi a la front-end, així que caldrà modificar el document PHP on volem que s’ubiqui el text d’aquestaRead More →

By:
On:
In: CSS3, Javascript
Tagged: , , ,
With: 0 Comments

Si volem que el menú de la nostra pàgina web remarqui la secció en la qual ens trobem, només necessitem una mica de codi en Javascript i CSS. D’entrada, a la fulla d’estils CSS determinarem una classe concreta per quan una secció estigui activa: .selected { color:#ff0000!important; } Finalment, en Javascript, li donarem la següent acció: $(‘.menu a’).each(function(index) { if(this.href.trim() == window.location) $(this).addClass(“selected”); }); El que fa aquesta acció és buscar quina és la pàgina en la qual ens trobem (window.location) i aplicar la classe “selected” a l’element del menú que contingui un vincle cap a aquesta pàgina. Òbviament, “menu a” dependrà de la classeRead More →

By:
On:
In: Uncategorized
With: 0 Comments

Per assegurar-nos que es vol realitzar una acció d’un enllaç on hem clicat i, per tant, evitar que es compleixi per haver clicat aquest enllaç per error, podem escriure el següent codi dins la mateixa etiqueta <a>. Al clicar sobre l’enllaç, apareixerà un missatge d’alerta del navegador amb el text especificat entre parèntesi i ens permetrà decidir si volem realitzar l’acció amb el botó “Acceptar” o denegar-la amb el botó “Cancelar”. <a onclick=”javascript: return confirm(Text);” href=”elnostreenllaç.php”> Per exemple, es podria aplicar en un vincle que provoca que s’esborri un cert contingut de la web on ens trobem. D’aquesta manera ens asseguraríem que realment es vol borrar. <p><aRead More →

By:
On:
In: HTML5, PHP, Wordpress
With: 0 Comments

En aquesta entrada s’explicarà un truc per a treballar amb wordpress quan es modifica un tema de wordpress per adaptar-lo a un disseny personal. El truc és el següent: A l’hora de mostrar les imatges a la nostra plantilla, el primer que s’ha de fer és copiar la carpeta que conté totes les nostres imatges (normalment s’anomena img, images, etc.) i col·locar-la dins el tema de wordpress corresponent perquè les detecti. Tot seguit, s’ha de canviar la ruta a l’arxiu html, ja que normalment és quelcom semblant al següent: <html> <img src=”../img/imatge.jpg”; </html> Però wordpress no detecta l’imatge, perquè la carpeta d’imatges l’hem col·locat dinsRead More →