Más de una vez te habrás preguntado ¿Qué imágenes puedo usar en mi web? Los derechos de autor en las imágenes de Internet es algo a tener muy en cuenta debido a que nos puede ocasionar problemas el uso indiscriminado de las mismas.

UNBUENPLAN cuenta con un servicio jurídico para todo lo relativo a internet, imágenes, derechos de autor, mail marketing, política de privacidad, derechos de uso, etc…La problemática que puede darse hoy en día es muy extensa, y el hecho de tener bien atados los riesgos, aporta tranquilidad a nuestros proyectos y a los proyectos de nuestros clientes.

Nadie pone en duda que las imágenes son un elemento de gran importancia en una página web, ya que son un elemento llamativo y fácil de digerir por parte del cerebro humano. En muchas ocasiones asaltan dudas sobre si podemos o no usar las imágenes que aparecen en Google. En este artículo pretendemos explicarte básicamente este tema y sobretodo te recomendamos que prestes especial atención si tu página web es la de tu negocio y necesitas imágenes de uso comercial.

¿Puedo usar las imágenes de Google? Utiliza mejor los bancos de imágenes

Esta pregunta tiene un poco de trampa. Nosotros te recomendamos que evites siempre que puedas utilizar las imágenes de Google. Tienes que pensar que Google es un motor de búsqueda que organiza los resultados que hay Internet, pero no es un banco de imágenes. Con esto queremos decir que las imágenes que Google muestra puede que tengan derechos de autor. Los bancos de imágenes son portales que cuentan con una amplia selección de fotografías e imágenes ordenadas por categorías.

Te dejamos algunos de los portales web donde podrás encontrar imágenes  e iconos con distintas licencias para que puedas utilizar en tu página web. Si es una página web de tu negocio, presta especial atención. En el caso de los blogs, con los que no se pretende vender nada, es diferente.

imagen-de-archivoAtención al Copyright. Utiliza imágenes de uso libre

Como decíamos en el punto anterior, muchas de las imágenes que se muestran en Google contienen derechos de imágenes o copyright. Si las vas a utilizar para uso comercial, tendrás que tener especial cuidado con este aspecto, pues puedes tener problemas innecesarios. Algunas recomendaciones:

  1. Comprueba el tipo de licencia que tienen o busca imágenes con licencia creative commons.
  2. Asegúrate del uso que puedes hacer de la imagen: si puedes modificarla o utilizarla como base de una composición, si puedes utilizarlas para uso comercial, si sólo pueden ser utilizadas temporalmente o no tienen límite…
  3. Presta atención a la forma de mencionar al autor (en caso de ser necesario) como autor de la imagen.

Otros aspectos a tener en cuenta si publicas tus propias fotos

Una de las soluciones más fáciles es la de utilizar tus propias imágenes, de esta forma puedes evitar problemas con los derechos de imágenes.

Aún así tienes que tener en cuenta una serie de precauciones si quieres utilizar estas imágenes para promocionar tus productos o servicios. Por ejemplo:
  1. Las imágenes de menores de edad o de personas: en determinados países hay leyes de protección de menores que limitan el uso de las imágenes con niños. Si quieres utilizar una imagen de este estilo, intenta tener el permiso del tutor del menor o de la persona fotografiada.
  2. Los lugares de interés general: hay determinados paisajes o monumentos que están protegidos para el uso comercial; por ejemplo, la muralla China. ¿Qué quiere decir esto? que si tienes un blog de viajes o una agencia de viajes y publicas una foto de China, no vas a tener problema. El problema puedes encontrarlo si para promocionar un producto (una bebida por ejemplo) utilizas la muralla más famosa de China y no tienes los derechos necesarios.

Esperamos que te haya sido útil el post. Si tienes alguna duda puedes utilizar los comentarios o ponerte en contacto con nosotros, nuestro departamento legal valorará tu consulta y te aportará la mejor solución.

Foto de portada: 

Atribución: Attribution-ShareAlike
Autora: Sarah Klockars-Clauser
Modificaciones: La imagen solo ha sido modificada de tamaño.

Os indicamos cómo traducir Buddypress al español correctamente. Para ello lo primero que necesitas es tener la última traducción de Buddypress en Español. Y es aquí donde la mayoría de gente se encuentra algún problema.

Hay que saber como renombrar los archivos .po y .mo y por último saber donde subirlos. Todo esto explicamos hoy.

Lamentablemente Google tiene indexada la página de www.bp-es.com como primer resultado , y en https://es.buddypress.org/ también hacen referencia a esa web. Lamentablemente no es oficial y esta muy desactualizada. La última traducción a día de hoy es de la version 1.5.1, la cual tiene 1500 traducciones diferentes de la última versión a día de hoy que es la 2.2.x.

Por lo que para estar siempre al día con las traducciones, lo mejor que podemos hacer es guardar en favoritos la página oficial de traducciones de WordPress https://translate.wordpress.org/ y más concretamente la de Buddypress que es https://translate.wordpress.org/projects/buddypress/.

Una vez allí nos va a presentar las diferente versiones, que son: Desarrollo (la más nueva pero no lanzada oficialmente), version 2.2.X (la que necesitamos), version 1.2.x (antigua versión de BP).

Luego de hacer click en nuestra versión vamos a ver un listado con los diferentes idiomas. En nuestro caso hacemos click en Spanish y nos llevará a otra página donde aparecen todas las cadenas de texto traducidas.

Una vez aquí debemos hacer click sobre “Export” cuyo link aparece en la parte inferior izquierda.

Se nos va a descargar un archivo con un nombre similar a este: “buddypress-2.2.x-es.po” (dependiendo de la versión).

Este archivo lo debemos renombrar por buddypress-es_ES.po.

Para terminar abrimos dicho archivo con el poedit y lo guardamos (sin realizar cambios). Esto nos va a generar un archivo llamado buddypress-es_ES.mo

Para terminar subimos estos dos archivos a wp-content/languages/ y con eso ya tendremos Buddypress en español correctamente y al 100%.

Si esto no funciona, es porque las buenas practicas a veces son solo igual que las buenas intenciones». en la ultima actualización de buddypress, me refiero expresamente a la versión 2.2.1. buddypress por seguir la buenas practicas de instalación para los plugins, dejo de lado el tema de auto traducirse mediante la carpeta «bp-languages» y en cambio aposto por ponerla en el directorio de traducción general, es decir wp-content/languages/plugins… esto ultimo afecto en mayor o menor medida el funcionamiento correcto de las traducciones del mismo plugin ya que por razones de programación actualmente buddypress no es capaz de de llegar a la carpeta plugins y aun menos invocar el archivo po correspondiente a tu país…

La traducción a español de la versiones actuales de BuddyPress puedes encontrarla aquí https://translate.wordpress.org/projects/buddypress/dev/es/default 

Para solucionarlo en tanto publican un parche, debes crear un pseudo plugin bp-custom, esto quiere decir crear un archivo con el nombre bp-custom dentro de la carpeta wp-content/plugins.

El archivo debe contener este código:

 

Una vez colocado el archivo… crear y pegar las traducciones po y mo en la carpeta wp-content/languajes y debería funcionar… si no te funciona, revísalo con poedit . probablemente le falte a la cabecera del po la codificacion de idioma (us_US, es_ES o la que estés haciendo…)

Si aún así hay palabras que no se traducen eso es porque la última traducción está al 86 %, te puedes animar a traducir una parte para la comunidad, nosotros ya lo hemos hecho! ;).

 

 

 

En alguna ocasión al iniciar un proyecto seguro que te has planteado ¿Qué CMS elegir? Drupal, Joomla, WordPress o Prestashop…En este post te indicamos las pautas para poder decidir.


wordpress-vs-joomla-vs-drupalCMS (Content Management System) es un programa que permite crear y administrar contenidos de páginas web.
La existencia de estos sistemas facilita la creación y mantenimiento de páginas web a usuarios más técnicos, como a los que no lo son tanto.

Hay muchos tipos de CMS, pero en este artículo nos centraremos en los tres CMS de open source más populares. Analizaremos las ventajas y desventajas de cada uno, para qué tipo de usuario están pensados y para qué tipo de web son más adecuados.
Según W3Techs el 33% de las páginas web están hechas con algún CMS, y los tres más usados, ordenados de mayor a menor uso, son WordPressJoomla y Drupal.

A la hora de crear nuestro site, blog o página de e-commerce resulta de suma importancia la elección del CMS adecuado para nuestra empresa. Dicha elección debería estar basada en el público a quien está dirigido nuestro proyecto. Flexibilidad, calidad del desarrollador, calidad de presentación, variedad de ampliaciones o plugins, funcionalidad o precio son algunas de las características que debemos tener en cuenta a la hora de elegir nuestro CMS.

  •  Comparativa entre Drupal, Joomla y WordPress

Drupal, el más exigente. De entre estos tres CMS, Drupal es el que más conocimiento y experiencia requiere para su uso. La curva de aprendizaje es considerablemente alta, y es que este sistema está diseñado por programadores para programadores. Al poseer un menor grado de prediseño, resulta más versátil y se constituye como el entorno de desarrollo más eficiente y completo de los tres. Lamentablemente, le faltan algunos plugins gratuitos.

Joomla, para nuestro proyecto en redes sociales. Este CMS está especializado en dotar al usuario de las mejores herramientas para crear portales de redes sociales dinámicos y muy interactivos. Proporciona un aspecto profesional a nuestro proyecto y una comunidad excelente, aunque carece del número de plugins o complementos que Drupal o WordPress nos ofrecen.

WordPress, la plataforma más popular. Este CMS es el más utilizado en la actualidad, y también el que más ha crecido en los últimos años. La ventaja principal de WordPress frente a otros CMS es que nos provee de site, blog, foro y portal e-commerce (Woocommerce). Su fácil manejo y cantidad de plantillas y plugins hacen de este sistema el más idóneo para PYMES y usuarios que deseen crear un blog o un portal sencillo y de fácil administración. Si el elemento principal de nuestra web es el blog,   WordPress es nuestro CMS idóneo.

  • Tabla comparativa de Drupal, Joomla y WordPress

  Drupal Joomla WordPress
Precio Gratuito Gratuito Gratuito
Comunidad activa

* * * *

* * * *

* * * *

Características técnicas

* * * *

* * *

* * * *

Seguridad

* * * *

* * *

* * * *

Diseño personalizable

* * *

* * *

* * * *

Facilidad de uso

* *

* * *

* * * *

Plugins disponibles

* * *

* *

* * * *

Mantenimiento y Soporte

* *

* * *

* * * *

Edición de Contenidos

* * *

* * *

* * * *

Administración del Sitio

* * * *

* * * *

* * * *

Aquí tienes una herramienta para comparar una gran cantidad de CMS en este enlace. Si quieres comparar los CMS de los que hablamos en la tabla anterior, solo tienes que acceder al enlace y clickar en la casilla de Drupal, Joomla y Wordpres, y pulsar en el botón comparar. Debes tener en cuenta que los resultados obtenidos son fiables aunque solo suponen una referencia aunque completa en información.

  • Prestashop vs WooCommerce

Si lo que necesita nuestra empresa es crear una plataforma de venta para nuestros productos o servicios, nos encontramos con estos dos CMS: Prestashop y WooCommerce (plugin de WordPress para ecommerce). Por un lado,Prestashop es muy fácil de usar y tiene un panel de administrador muy intuitivo, con innumerables extensiones y opciones para personalizar nuestra tienda. Además, no establece ningún límite a la cantidad de usuarios, productos o pedidos que se pueden gestionar. Podemos emplear una gran variedad de métodos de envío y de pago (tarjeta de crédito, Paypal, Google Checkout, etc). Por otro lado, WooCommerce, siendo igualmente sencillo de instalar y usar, no ofrece tantas opciones de envío y pago como el anterior, pero es perfecto si queremos complementar la tienda con un site, un foro o un blog, accediendo a todas las utilidades de gestión de contenido del sistema WordPress. En cuanto a calidad técnica, se ha de resaltar que WooCommerce está prácticamente libre de errores, mientras que Prestashop presenta algunos problemas con determinados plugins.

  • Tabla de los CMS más adecuados por tipo de proyecto para nuestra empresa

Portales Simples Portales costosos y complejos Portal Ecommerce Portales económicos y complejos con Blogs integrados Portal para Redes Sociales
WordPress / Joomla Drupal Prestashop WordPress Joomla

WordPress es el mejor CMS para conseguir un buen SEO rápidamente, es flexible, configurable y escalable sin necesidad de ser un programador experto. Drupal un el CMS complejo, hecho por programadores para programadores, igualmente flexible y configurable.

Hace unos años no podríamos estar haciendo esta afirmación pero gracias al gran crecimiento y versatilidad de themes y plugins que se pueden elaborar en wordpress, lo hacen una herramienta a tener muy en cuenta para proyectos complejos.

Hoy en día prácticamente la totalidad de desarrollos realizados en Drupal, se pueden conseguir con WordPress a un menor coste. Aunque si es cierto que Drupal es un sistema más robusto y escalable para proyectos que conllevan una alta inversión económica asociada.

Por tanto, la elección de WordPress es ideal tanto para proyectos sencillos, como para desarrollos económicos, complejos y escalables, mientras que Drupal es lo mejor para proyectos de alto coste, complejos o igualmente escalables.

Teniendo en cuenta estos dos conceptos, UNBUENPLAN ha establecido un sistema para decidir rápidamente que CMS utilizar cuando se nos platea un desarrollo web.

En nuestro sistema, hay que responder a estas cinco preguntas:

  1. ¿Existe un presupuesto amplio para acometer la inversión en el desarrollo del proyecto?
  2. ¿Requiere algún tipo de datos especial o solo comprenderá páginas básicas y datos tipo «Entrada de Blog» o similares?
  3. ¿Necesita un sistema excesivamente complejo de gestión de usuarios?
  4. ¿La página es susceptible de tener más fases de desarrollo?
  5. ¿Existe alguna funcionalidad complicada o fuera de lo normal?

Y evaluamos las respuestas:

  • Si la respuesta a todas estas preguntas es NO, WordPress es sin duda la mejor elección.
  • Si la respuesta a alguna de estas preguntas es SI, habría que ver la mejor opción, dependiendo del presupuesto, tipo de datos, roles de usuarios, estrategias de crecimiento del portal, que tipo de aplicaciones se integraran en el portal.

Decidir entre CMS es relativamente sencillo cuando no se tiene miedo a utilizar uno u otro se tiene un nivel de destreza similar tanto en WordPress como en Drupal.

Esperamos que este sistema rápido de decisión, ayude a decidir rápidamente sobre qué tecnología emplear en futuros desarrollos.

Una infografía más con cantidad de información relevante.

wordpress_drupal_joomla_2014

Aquí tenéis un resumen de los datos de la infografía, que son realmente curiosos, que dicen “muchas cosas”:

  • Nº de sitios que lo usan: WordPress (14,3%), Drupal (1,6%), Joomla (2,7%)
  • Coste promedio de configuración y mantenimiento por profesionales: WordPress (250$ a 15.000$), Drupal (5.000$ a 50.000$), Joomla (2.000$ a 20.000$)
  • Coste promedio por mantenimiento mensual por profesionales: WordPress (250$), Drupal (1.500$), Joomla (500$)
  • Búsquedas globales en Google: WordPress (30,4 millones), Drupal (5 millones), Joomla (11,1 millones)
  • Estabilidad nada más instalarlo: WordPress (5/5), Drupal (4/5), Joomla (4/5)
  • Facilidad de instalación:  WordPress (para cualquiera), Drupal (para expertos), Joomla (para usuarios avanzados)
  • Facilidad de moderación:  WordPress (para cualquiera), Drupal (para expertos), Joomla (para usuarios avanzados)
  • ¿Para quien es?: WordPress (para cualquiera), Drupal (para expertos), Joomla (para usuarios avanzados)

Referencias:

https://wordpress.org/

https://www.gestordecontenidos.es/que-es-drupal-historia-y-caracteristicas

https://vschart.com/compare/prestashop/vs/joomla

El diseño de una web basada en WordPress no tiene por qué tener un estilo especial ni verse limitado en ningún sentido por el sistema que está detrás. Puede ser un blog, una web personal o profesional para una pequeña o gran empresa, un sitio de comercio electrónico… Casi cualquier perfil puede encajar con este gestor de contenidos. A continuación mostramos algunos ejemplos de webs relevantes construidas con WordPress.

Tal vez el uso más frecuente de WordPress siga siendo el de blog. Cuando vió la luz hace algo más de 10 años (en 2003), básicamente era una herramienta creada para administrar blogs, pero poco a poco el sistema ha ido madurando e incorporando funciones de CMS (Content Management System) que han hecho posible disfrutar de la flexibilidad que hoy en día tenemos a la hora de montar una web. Gracias a estas adaptaciones, hoy en día WordPress está detrás de más de 60 millones de sitios web en todo el mundo.

Webs de grandes marcas y empresas

The New York Times, CNN, Ebay, Sony, Mashable y muchas otras empresas utilizan la tecnología ofrecida por WordPress como base para sus redes de blogs o páginas web:

University of Florida

university-of-florida

Spotify

web-spotify

The Rolling Stones

the-rolling-stones

 

Reuters blogs

reuters-blogs

 

CNN Blogs

cnn-blogs

 

WordPress como blog o revista online

Estos son solo algunos de los ejemplos de blogs y revistas en Internet más conocidos que utilizan WordPress para publicar sus contenidos en la red:

The Mozilla Blog

the-mozilla-blog

Harvard Gazette

harvard-gazette

TED Blog

ted-blog

Hollywood Life

hollywood-life

Webs de museos, fundaciones y galerías de arte hechas con WordPress

Por curiosidad, para comprender cómo ha evolucionado y se ha integrado WordPress en Internet, he intentado buscar algún sector que no esté directamente relacionado con la tecnología, los blogs o el diseño web, como por ejemplo el mundo del arte. Si bien es verdad que las webs de los museos y galerías más importantes del mundo no están hechas con WordPress, poco a poco se empieza a ver una tendencia hacia webs que sean más fáciles e intuitivas de gestionar.

Museo Dionís Bennàssar, Pollença (Mallorca)

museo-dionis-bennassar

The Toledo Museum of Art, Toledo, Ohio (USA)

toledo-museum-of-art

The American Museum in Britain, UK

american-museum-britain

National Academy Museum, New York (USA)

national-academy-museum-new-york

Conclusión

Como hemos visto, a nivel de diseño WordPress es flexible y perfectamente capaz de integrarse con cualquier idea o estilo que queramos darle. Probablemente parte de su popularidad haya sido gracias a esta versatilidad y posibilidad de transformación a través de temas o estilos (themes).

De todas formas, esto no quiere decir ni mucho menos que WordPress sea siempre la mejor solución. En muchos casos, dependiendo de las características del proyecto, habría que valorar por ejemplo si la web realmente necesita un gestor de contenidos. En muchos casos (como cuando una web no se va a actualizar a menudo) puede ser mucho mejor montar una web estática (utilizando solamente HTML, CSS y Javascript) o semidinámica (con PHP, ASP…), sin necesidad de utilizar bases de datos.

Las limitaciones que pueda tener a nivel de funcionalidad, no existen cuando valoramos el tema del diseño, ya que éste va completamente aparte y sólo depende de nuestra creatividad y conocimientos de maquetación web.

Existen otros sistemas como ExpressionEngineDrupalJoomla, o algún CMS simple y ligero comopicoCMSLightCMS o Anchor CMS. Todas ellas pueden ser soluciones muy válidas a tener en cuenta según el proyecto que tengamos que realizar.

Actualmente no existe un paradigma que nos indique que las páginas webs de los y las profesionales de la fotografía tengan que ser un una forma u otra. Lo que si que está claro es que las webs de fotografía deben poner toda su atención a las imágenes. Éstas deben verse correctamente en distintos dispositivos, móviles y de sobremesa, e igualmente deben adaptarse a las distintas dimensiones de pantalla.

Precisamente esto es lo que conseguimos en UNBUENPLAN, sumado a una carga rápida de la web, importante para el posicionamiento y para que no haya mucho rebote desde conexiones más lentas como la de los dispositivos móviles.

A continuación te indicamos dos ejemplos de páginas hechas para fotógrafos profesionales.

Esta vez el desafío ha sido múltiple consiguiendo los objetivos planteados. Por un lado se ha buscado una web ligera, con una arquitectura de la información que la hiciera fácil de usar y orientada a galerías de fotografías, blogs y workshops. Como resultado tenemos la nueva WEB SITE PEPE CASTRO PHOTOGRAPHER

El Sistema utilizado ha sido WordPress porque se adapta a los requerimientos de la web y también por hacer la curva de aprendizaje lo más llevadera posible por parte del cliente, que venía usando un blog de wordpress.com, que en ocasiones ha tenido 1.800 visitas en un solo día. El blog de partida es un proyecto personal del fotógrafo que contiene más de un centenar de retratos comentados de artistas de toda índole, transformados en Posts y cientos de miles de palabras escritas concienzudamente en las que el artista y veterano de la fotografía de Retrato, Pepe Castro abre la puerta a nivel de sentimiento y sin dejar de lado el aspecto técnico de esta apasionante disciplina fotográfica. Todo un lujo de lectura para cualquier apasionado de la fotografía.

Si quieres conocer más detalles de cómo se hizo, pulsa aquí.

Imagen-pepe-castro-fotografo-unbuenplan

Imagen-pepe-castro-fotografo-unbuenplan-4

Otra transferencia de talento realizada con éxito , en este caso ha sido la NUEVA WEB DEL FOTÓGRAFO DAVID BLANCO.

David Blanco es fotógrafo desde hace más de una dos décadas, tomando en sus manos la responsabilidad y pasión que conlleva una máquina de fotografías desde los 10 años. Siempre ha tenido claro su objetivo profesional que en este caso es una vocación, lo que le hace grande y destacando de los demás por su afán de superación.

El proyecto ha sido un claro ejemplo de nuestro post sobre el diseño web en Alcázar de San Juan, en el que en uno de nuestros estudios de provincias y regiones en relación a las nuevas tecnologías, arrojaba datos un tanto preocupantes ya que el parque web local está muy obsoleto en términos generales y no se utilizan los blogs para conseguir posicionamiento web, adecuadamente, o sencillamente no se utilizan.

Puedes ver más detalles del proyecto pulsando aquí.

david-blanco-fotografo-alcazar-unbuenplan

david-blanco-fotografo-alcazar-unbuenplan-2

Si eres un fotógrafo o fotógrafa profesional y tienes en mente hacer una nueva web o tu primera web, no dudes en contactar con nosotros, te asesoraremos hasta encontrar la solución que mejor se adapte a tu estilo y a lo que quieras transmitir al público.

Ánimo!!!

Ha sido un trabajo de los que caen pocos al cabo del mes, muy agradecido y poco habitual y con una gran carga de investigación, técnica y desarrollo. Ha consistido en pasar una red social de Ning a Buddypress, CICLORED.COM.

CICLOREDning-to-buddypressD.COM es la mayor red española de cicloturistas, en poco más de dos años ha conseguido posicionarse como un referente en las carreras más importantes en el panorama Español y Europeo. Hace unos meses, Luís su director, nos pidió pasar su red social de Ning.org a WordPress/BuddyPress.

La razón de todo este arduo proceso de migración de más de 1000 usuarios y cientos de post, eventos, etc…han sido la falta de capacidad de customización  y mejora contínua de ning y su coste mensual, ya que desde el 2010 es de pago, tras unos años de gratuidad.

Visita nuestro portfolio y amplía información sobre como se hizo.

Nuevamente y continuando con nuestra labor de investigación, realizamos el estudio Diseño Web en Herencia (Ciudad Real).

Es un municipio de España, ubicado en el noroeste de la provincia de Ciudad RealComunidad Autónoma de Castilla-La Mancha, muy próxima a Alcázar de San Juan. Está situada a 150 km al sur de Madrid y a 5 km del límite con la provincia de Toledo. Tiene una población de 9.067 según el Public Data Directory de Google.

Está dotada de una buena actividad industrial y comercial y aunque ha sido afectada por un incremento del paro, éste no ha sido tan agresivo como en otras poblaciones de la comarca o cercanas. El número total de empresas superan las 600.

Más información en Wikipedia

diseño-web-herencia-unbuenplan

En el municipio existen pocas empresas de desarrollo web y prácticamente ninguna especializada realmente en ello, desde el punto de vista más amplio de las palabras Diseño Web, de ahí la importancia de una comunidad como UNBUENPLAN en el Diseño Web de Herencia.

Analizando una muestra de 200 webs de la localidad, se ha detectado que un 86 % no dispone de webs autogestionables y actualizadas y tan solo un 14 % están dotadas de sistemas de gestión de contenidos hechos a medida o utilizando sistemas como WordPress, joomla u otros.

Un 94 % no está adaptada a dispositivos móviles y no disponene de App funcional nativa. Actualmente las conexiones a internet móviles superan las de los pc de sobremesa.

Las empresas que ofrecen servicios web en la población y comarca, tienen un perfil de empresas reparadoras de hardware uqe han ido incrementando sus servicios sin conocer realmente el mercado y las herramientas adecuadas para realizar un buen diseño web, utilizando sistemas de código abierto o bien a medida.

La propia web del Ayuntamiento de Herencia, a pesar de estar dotada de un WordPress con un theme o plantilla a medida, no ha acertado, bajo nuestro punto de vista, con el CMS a utilizar ni con el diseño de una plantilla a medida que debía haber sido full Wide, además de una estructura de la información más correcta. Aunque habría que ver presupuestos y órdenes del cliente, quien en ocasiones, sorprendente opta por las alternativas no recomendadas por la empresa de diseño web.

Este portal municipal tiene un problema añadido de velocidad de carga de la web, para los elementos tan simples que tiene, se puede en el test de velocidad de Pingdom para el Ayuntamiento de Herencia, que comparado con el de Consuegra, deja mucho que desear, multiplicando por 4 el tiempo de carga con respecto a esta última, como se puede apreciar en el test de velocidad de Pingdom para el Ayuntamiento de Consuegra. El portal del Ayuntamiento de Consuegra ha sido un desarrollo a medida de Joomla, un sistema más adaptado a la estructura de una entidad local. En ambos casos no son responsive, es decir, no están adaptadas a dispositivos móviles, en el caso de Consuegra por falta de presupuesto inicial, aunque se está definiendo su versión responsive.

pingdom-herencia-unbuenplan

En definitiva, la mayoría de webs de la localidad necesitan una actualización en cuanto a programación, diseño gráfico, introducción de sistemas de código abierto, posicionamiento en buscadores, interconexión con el social media y formación continua para las personas dentro de las empresas que gestionan los contenidos.

Desde un buen plan, invitamos a las empresas de la población a actualizar sus webs a precios muy reducidos, y más aún si las asociaciones locales están dispuestas a firmar convenios de colaboración.

Para cualquier consulta o aclaración sobre este post, no dudes en hacer los comentarios que consideres oportunos, serán bienvenidos!

diseño-web-alcazar-de-san-juan

Hay unas decenas de formas de hacer una red social con pocos recursos económicos. Elgg, Ning y BuddyPress son unas de las más conocidas y extendidas. En este post te daremos orientaciones básicas sobre como crear una red social con BuddyPress.

Existen grandes desarrollos a medida en .Php, .Net y otros lenguajes, pero estos necesitan muchas horas de desarrollo que se traducen en proyectos de mayor presupuesto.

A continuación, realizamos una pequeña crónica de lo que han sido las experiencias con los tres sistemas anteriores, ElggNing y BuddyPress.

buddypress-unbuenplan-2

Son sistemas basados básicamente en .Php pero existen grandes diferencias entre los tres sistemas, que cuentan con características muy específicas.

Elgg y Ning, destacan por su robustez y funcionalidad para su ágil manejo y gestión. Elgg es gratuita y Ning es de pago desde el 2010. En ambos casos llevan cerca de una decena de años en el mercado con lo que queda garantizada su continuidad, aunque no dejan de ser sistemas muy específicos para el desarrollo de redes sociales, en el caso de Ning de código cerrado y en el del Elgg de codigo abierto.

En el caso de estos dos sistemas, no se han desarrollado mercados paralelos de programadores que fabriquen plantillas y plugins, ya que es un mercado mucho poco extendido y cerrado. Estos sistemas han sido utilizados y lo son aún por comunidades científicas, de universidades, formación, etc.

Estos dos sistemas son muy estables, tanto que es complejo realizar operaciones de roles para usuarios o distintos tipos de perfiles con funcionalidades diferentes para cada uno de ellos. Por este motivo tenemos que tener muy claro que tipo de red social queremos construir.

Es fundamental saber que en el caso de Ning y Elgg, la exportación a otros sistemas como Joomla, WordPress o Drupal es tediosa y se pierde información utilizando plugins.

Si lo que buscamos es una red social en el que sólo existan los tipos de roles habituales, administrador, editor, colaborador, autor y suscriptores, con funcionalidades fijas y estancas, sin posibilidad de realizar más clasificaciones personalizadas de forma fácil, elige Ning o Elgg.

Debes saber que las plantillas y posibilidades de crecimiento o evolución de estos dos sistemas son muy limitadas. Tampoco existen apenas plugins o componentes.

Ning es un sistema fácil de usar aunque tenga las limitaciones comentadas en líneas anteriores. La administración se realiza desde el propio front-end, en el que una vez que se accede como administrador, aparecen ciertos elementos y botones para editar las diferentes posiciones, páginas, eventos, usuarios, etc.

Elgg es un sistema con un backup-end con pocas posibilidades de crecimiento y evolución, aunque hay algo más de variedad de plantillas y son algo más vistosas que en Ning, no es suficiente y vemos como las plantillas se repiten de forma más que evidente de una web a otra.

En el caso de BuddyPress, tenemos igualmente ventajas e inconvenientes. Si te gusta WordPress o Génesis y tienes experiencia en el desarrollo de web sites en este entorno, BuddyPress es puede ser una ventaja.

Existen miles de plugins y themes o plantillas para WordPress, pero no todas son compatibles con BuddyPress o BBPress, este último plugin orientado a los foros.

BuddyPress es un plugin desarrollado por un grupo de programadores del propio WordPress, lleva casi diez años en el mercado evolucionando con WordPress y con plugins activos y actualizados. Se puede montar también sobre un WordPress multi usuario, también conocido por las siglas wpmu.

WP MU permite crear un sitio proveedor de blogs. No es más que un blog de cabecera a través del cual otras personas se registran para crear sus propios blogs o participar de blogs ya creados. ¿Se entiende la idea?

Sin embargo, manejar WordPress MU tiene sus cosas. Sin tantos tutoriales, ayudas y foros para aclarar dudas es muy fácil sentirse completamente perdido. Para hacer este tipo de instalaciones es muy recomendable tener muy claras las cuestiones y contar con un profesional de WordPress.

Por este motivo, si no se tienen conocimientos avanzados de WordPress, se recomiendan instalaciones de wordpress normales para desarrollar tu red social, recurriendo a subdominios u otras técnicas para conseguir resultados similares.

Concluyendo, recomendamos contar con profesionales para realizar tu proyecto de red social, una mala decisión te puede hacer perder tiempo y dinero. Consulta esta sección https://unbuenplangroup.com/portfolio-item/de-ning-buddypress-ciclored-com/, te ayudará a fijar conceptos.

A continuación se enumeran una serie de portales realizados en los distintos sistemas.

Desarrollo Ning: https://www.singlesmadridtuymilmas.com
Desarrollo Elgg: https://www.novagob.org
Desarrollo en BuddyPress: https://ciclored.com
Desarrollo a medida: https://www.goblonet.es/

 

 

En el siguiente post te vamos a enseñar cómo cambiar el avatar por defecto de WordPress, el típico hombre misterioso.

cambiar-avatar

Una instalación de WordPress incluye la opción de mostrar avatares (también conocidos como “gravatares”) de los autores de entradas y comentarios.

El término “Gravatar” viene deGlobally Recognized Avatar (Avatar reconocido globalmente) y es una imagen que se asocia a tu perfil cuadno navegues en internet. Cada vez que dejas un comentario en alguna web o foro, esta imagen aparecerá al lado de tu nombre (siempre que utilices el email al que has asociado esa imagen, por supuesto). Si controlas inglés, aquí lo explican muy bien y si no, puedes tirar de traductor 😉

En el panel de administración de tu sitio WordPress, en la ruta Ajustes>Comentarios, puedes al final de la pantalla la configuración de Avatares. Para usuarios que no tengan un avatar personalizado puedes elegir entre siete opciones, a estas le vamos a agregar una octava opción.

Desde aquí podemos seleccionar si queremos mostrar o no estas imágenes y que aspecto les queremos dar cuando el autor no tenga ninguna imagen asociada a su perfil. Por defecto, WordPress utiliza la opción “Hombre Misterioso” (aunque en los blogs de WordPress.com se muestran desde hace tiempo los avatares autogenerados por defecto. De todas formas, para una instalación personalizada no es recomendable usar los auto-generados porque consumen bastante CPU).

Para personalizar al máximo nuestra instalación de WordPress, podemos cambiar el avatar por defecto para que muestre la imagen que nosotros queramos. No es complicado, pero hay que editar el código manualmente, no es una opción que se marque con un simple click de ratón (aunque es posible que exista algún plugin que simplifica el trabajo).

Para cambiar la imagen del hombre misterioso de WordPress, lo primero que tenemos que hacer es crear una nueva con cualquier programa de edición de imágenes. Muchos blogs y webs utilizan un tamaño de 80×80 pixels, así que podemos hacerla a este tamaño y reducirla con CSS si es necesario. Puede ser archivo GIF, JPG o PNG.

A continuación hay que abrir el archivo functions.php del tema que tengamos activo. Si no existe, creamos un nuevo documento, lo llamamos functions.php y lo guardamos dentro de la carpeta del tema. Después ya podemos añadir este código:

NOTA: Recuerda que este código tiene que ir entre «<?php» y «?>». El error más común al editar el archivo functions.php es pegar código fuera de las llamadas a PHP o pegarlo dentro duplicando estas llamadas.

Este código simplemente reescribe la función “avatar-defaults” con la que hemos personalizado, especificando la ruta a la nueva imagen y el nombre que aparecerá en la lista de opciones de WordPress.

Después de editar el archivo functions.php en el servidor, hay que ir a las opciones de WordPress: Ajustes> Comentarios y seleccionar nuestro nuevo avatar que ya veremos como octava opción.

Como extra, si no tienes imagen de Gravatar sólo tienes que registrarte en la web de Gravatar y subir la imagen que quieres utilizar.

Espero que te sirva de ayuda, si es así, deja un comentario o comparte este post, se agradece siempre el feedback.

Cuando se trabaja desarrollando o modificando plantillas o themes de WordPress, es muy útil contar con una colección de fragmentos de código, para implementar funcionalidades a nuestro tema.

Estos snippets para WordPress siempre son un ahorro en tiempo y aceleran el proceso de desarrollo, gracias a que WordPress posee una gran comunidad puedes encontrar toda clase de snippets navegando por la red.

En este post hemos recopilado algunos de los snippets básicos, que pueden llegar a tener gran utilidad y que sin duda te pueden servir para ahorrar tiempo y esfuerzo (y algún que otro plugin).

Copia y pega el código en el archivo functions.php y recuerda siempre tener una copia de seguridad de tu archivo original por si las moscas.

Habilitar Lightbox en las imágenes de un post

add_filter('the_content', 'add_lightbox');
function add_lightbox($content) {
global $post;
$pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\") (.*?)>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="lightbox" title="'.$post->post_title.'"$6>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

Restringir acceso a wp-admin a suscriptores

function restrict_access_admin_panel(){
global $current_user;
get_currentuserinfo();
if ($current_user->user_level < 4) {
wp_redirect( get_bloginfo('url') );
exit;
}
}
add_action('admin_init', 'restrict_access_admin_panel', 1);

Marcar automáticamente somo Spam comentarios con una url muy larga

function check_spam( $approved , $commentdata ) {
return ( strlen( $commentdata['comment_author_url'] ) > 50 ) ? 'spam'
: $approved;
}
add_filter( 'pre_comment_approved', 'check_spam', 99, 2 );

Mostrar entradas relacionadas en los posts de cada autor

function get_related_author_posts() {
global $authordata, $post;
$authors_posts = get_posts( array( 'author' => $authordata->ID,
'post__not_in' => array( $post->ID ), 'posts_per_page' => 10 ) );
$output = '<ul>';
foreach ( $authors_posts as $authors_post ) {
$output .= '<li><a href="' . get_permalink( $authors_post->ID
) . '">' . apply_filters( 'the_title', $authors_post->post_title,
$authors_post->ID ) . '< /a>< /li>';
}
$output .= '< /ul>';
return $output;
}

Insertar Biografía del autor en cada post

function display_author_bio ($content=''){
global $post;

$post_author_name=get_the_author_meta(«display_name»);
$post_author_description=get_the_author_meta(«description»);
$html=»<div class=’clearfix’ id=’about_author’>\n»;
$html.=»<img width=’80’ height=’80’ class=’avatar’
src=’https://www.gravatar.com/avatar.php?gravatar_id=».md5(get_the_author_email())
. «&default=».urlencode($GLOBALS[‘defaultgravatar’]).»&size=80&r=PG’ alt=’PG’/>\n»;
$html.=»<div class=’author_text’>\n»;
$html.=»<h4>Author: «.$post_author_name.»</h4>\n»;
$html.= $post_author_description.»\n»;
$html.=»</div>\n»;
$html.=»<div class=’clear’></div>\n»;
$content .= $html;
}

return $content;
}

add_filter('the_content', 'display_author_bio');

Limpiar wp_head sin plugin

remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'wp_generator' );
remove_action( 'wp_head', 'start_post_rel_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'adjacent_posts_rel_link' );
remove_action( 'wp_head', 'wp_shortlink_wp_head' );

Elimina el campo URL del formulario de comentarios

function remove_comment_fields($fields) {
unset($fields['url']);
return $fields;
}
add_filter('comment_form_default_fields','remove_comment_fields');

Excluir las páginas de los resultados de búsqueda

function filter_search($query) {
if ($query->is_search) {
$query->set('post_type', 'page');
}
return $query;
}
add_filter('pre_get_posts', 'filter_search');

Añadir la imagen destacada al feed de WordPress

function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = get_the_post_thumbnail($post->ID) . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

Espero que te haya gustado, en esta entrada tienes más snippets relativos a la seguridad para .htaccess