i tot és possible.: wordpress

Es mostren els missatges amb l'etiqueta de comentaris wordpress. Mostrar tots els missatges

divendres, 15 de novembre del 2013

Compresió amb GZip al servidor

Si teniu una web allotjada a un servidor podeu aconseguir millores en el temps de càrrega de les pàgines. (no és el cas d'un blog com aquest a Blogger). Per exemple, incloent la compresió de continguts pel servidor. En un servidor APACHE es pot utilitzar el CODI següent al fitxer



# compress text, html, javascript, css, xml:

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/xml

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

AddType x-font/otf .otf AddType x-font/ttf .ttf

AddType x-font/eot .eot AddType x-font/woff .woff

AddType image/x-icon .ico AddType image/png .png

Aquest codi es coloca al fitxer .htaccess
Llegiu l'article http://softstribe.com/wordpress/enable-gzip-compression-in-wordpress

# compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico AddType image/png .png
Read more at http://softstribe.com/wordpress/enable-gzip-compression-in-wordpress#l9WYQklgAK2uxwdy.99

dilluns, 23 de juliol del 2012

Utilitzant plugins a Wordpress

Com es pot editar i personalitzar un plugin a Wordpress?
Bé, encara que és una mica estrany parlar dels blocs de Wordpress des de Blogger, m'agrada comentar les eines que vaig fent anar.Com que tinc tres bloc més en Wordpress, doncs perquè no parlar-ne?

Plugins a Wordpress
Si tens un bloc de Wordpress allotjat a Wordpress.org no pot emprar els plugins, però en altre tipus de intal·lacions sí que es pot. Per exemple, pots utilitzar plugins que afegeixen tot tipus de codi php, html i javascript al teu bloc. Afegint nou codi pot fer moltes coses que el bloc estandar no fa. Per exemple, hi ha un plugin per supervisar els comentaris i evitar l'spam. El filtre es Akismet i és imprescindible. Us poso una llista de plugins útils per Wordpress a sota

Wordpress amb Tubepress (imatge parcial)

Plugins que controlen la interacció amb l'usuari i l'aparença

Formulari parametritzable per consultes Fast Secure Contact Form
Per compartir el bloc en xarxes socials WP Socializer
Plugin per compartir el contingut del teu Twitter: Advanced Twitter Profile Widget
Per visualitzar millor els videos de Youtube i Vimeo, TubePress
Afegeix un tema per mòbil i tauletes WPtouch

Plugins per l'administració del bloc i funcions de seguretat

L'imprescindible filtre anti-spam de comentaris Akismet
Restringeix continguts a pàgines o articles a suscriptors . Pots utitlitzar-lo per opcions premium o de pagament. Restric Content
Plugins per fer backup automàtic de articles i pàgines WordPress Backup to Dropbox (aquest no l'he provat encara)
Plugins per fer de 'cache' i les pàgines es carregin més ràpid WP Super Cache

Com trobar o instalar u n plugin
És ben fàcil afegir plugins a Wordpress. Te un menú de plugins, o pots afegir de nous. Es descarreguen i s'instalen sols al directori de plugins 'Add new' . Després els actives 'Activate' i els configures 'Settings'.
Per trobar-ne de nous pots buscar articles com aquest, on donin idees de plugins o cercar-los directament des de el teu bloc 'Add new' i 'Search Plugins'

Personalitzar un plugin
Per anar més enllà, pots modificar el codi del plugin o copiar-lo i fer-ne un de nou. Alguns ajuts:
La pàgina oficial de referència de Codex a Wordpress. http://codex.wordpress.org/

Per poder fer proves pots utilitzar un entorn per instalar el Wordpress al teu ordinador, juntament amb MySQL i PHP.
i ha plataformes de entorns LAMP més profesionals, i alternatives més senzilles com Microsoft Webmatrix o InstantWordpress. Segur que en trobeu més, però us parlo de les que conec.

InstantWordpress
Ara m'ho miro amb InstantWordpress perquè és realment fàcil de instalar, de fet es pot copiar en un pendrive si el vols portable, i executar sense cap instalació. Realment molt senzilla, és una eina pensada per fer proves i demos molt portable (en Windows). Te el mínim imprescindible. http://www.instantwp.com/

La instalació de Webmatrix potser també està bé però és més llarga i he tingut algunes desconfiguracions a l'intalar i desinstalar. Però la primera instal·lació amb Wordpress inclòs va ser molt útil. Porta el MySQL i el PHP http://www.microsoft.com/web/gallery/wordpress.aspx/es-es

Editor senzill de PHP i HTML
Puc afegir un editor gratuït que m'ha anat molt bé Notepad++, http://notepad-plus-plus.org/ Molt senzill però suficient per uns retocs i per escriure un plugin cortet.

T'ha agradat aquest article? Perquè no et suscrius o deixes un comentari?

dissabte, 2 de juny del 2012

Video streaming amb Dailymotion a Wordpress per usuaris registrats

He trobat una solució per tenir videos en una pàgina reservada només a usuaris registrats. Els videos son suministrats per streaming amb Dailymotion. El subministrament del videos és a 0,1€ / hora de video.
El pagament dels videos no està automatitzat. La alternàtiva que tenia fins ara era amb Videolla.

Dailymotion

Dailymotion és una web de serveis en el núvol per allotjar els videos. No em va funcionar la primera pujada de video, no em feia el 'encoding'. La solució va ser convertir el video a MP4 amb les característiques que em demanava Dailymotion.

Freemake Video Converter
Per fer la conversió utilitzo el programa per Windows per convertir fitxers de video. Gratuït.

Restrict Content per Wordpress
El Restrict Content és un plugin gratuït i senzill per restringir accés de pàgines i articles. La versió gratuïta té moltes limitacions. Només funciona amb el nivell 'Subscriber', que així no pot editar els articles, perquè els altres nivells de 'user' podrien editar els articles del blog, cosa que no volia.

Restrict Content Pro per Wordpress
La versió Pro, que inclou pagaments (paypal i d'altres), descomptes i cupons, administració de usuaris, termini de consulta i més opcions per escollir les opcions. Encara no la he provada.

Dailymotion Cloud http://www.dmcloud.net/
requeriments dels fitxers Aqui teniu els requeriments http://www.dmcloud.net/faq/#/backoffice/2
Freemake http://www.freemake.com/

divendres, 11 de novembre del 2011

Pàgina d'empresa a Google+ (Google Plus)

Faig una pàgina d'empresa a Google+ i l'enllaço amb el el blog de Wordpress. Enllaçaré web i pàgina de Google+ (Google Plus)

Els meus seguidor podran rebre informacions nostres.
Tindré més feina a actualitzar facebook, twitter i Google+ , a més de Linkedin.
Podran trucar-me també desde la pàgina , amb la 'Quedada' (hangout), el sistema de videoconferència similar a Skype.

Primer, he creat la pàgina d'empresa de aprendesap.com a Google+ , aqui l'enllaç per si la voleu veure, a sota teniu una captura de la pàgina i aqui l'enllaç aprendesap.
No hi ha gaires opcions per confgurar-la encara.

captura de pantalla de google+

Segon, cal obtenir el codi que dona Google per posar l'icona de Google`+ o 'badge' a la teva web" Utilitzes aquesta opció per fer que els usuaris puguin enllaçar des de la teva web / blog a la pàgina de Google+, i al revès també.

captura de pantalla de Google+

En la opció "Enllaça la teva pàgina de Google+ amb el teu lloc web". Aqui, la meva pàgina https://developers.google.com/+/plugins/badge/config?pageId=100864521896311385005&hl=ca
Cal copiar dos codis :
El primer codi , a col·locar al de la pàgina HTML.

<link href="https://plus.google.com/100864521896311385005" rel="publisher" />

Com el meu blog és wordpress, he editat el fitxer header.php al meu allotajament web amb Filezilla (FTP). L'obres amb un editor de texte simple (notepad), l'enganxes i guardar. Aquesta part és crítica si espatlles el fitxer. Podries crear una còpia prèvia del fitxer i gaurdar-la en local. Si no tens experiència amb FTP no ho facis o demana ajut.

Segona part del codi, va col·locada a la pàgina directament on vols que aparegui dins del HTML de la pàgina.

<a href="https://plus.google.com/100864521896311385005?prsrc=3" style="text-decoration: none;"> <img src="https://ssl.gstatic.com/images/icons/gplus-32.png" width="32" height="32" style="border: 0;"/> </a>

En el cas de Wordpress, l'he posat a un Widget, de la barra lateral al costat del botó de skype que ja tenia. No és una super-solució estètica, pel diferent tamamy dels botons però funciona.

captura de pantalla de com queda a aprendesap.com (tamany no coincideix)

En el clas del meu blog, és necessari posar-ho a dos Widgets, primer en el Widget la 'home page' i segon en el de pàgines o articles (posts).Son Widgets de texte, a on poso directament el codi HTML.

NOTA: En l'original d'aquest article el caràcters del codi html que veieu < esta substituít per < i el caràcter > per >

i tot és possible.

Enllaços