WordPress

Compartiendo experiencias sobre la plataforma CMS más importante del mundo

BuddyPress

El increíble y fabuloso plugin de WordPress para crear redes sociales verticales

¿Cómo crear una RED SOCIAL?

Experiencias, ideas y materiales para llevar adelante tu próximo proyecto de creación de una red social

Mostrando entradas con la etiqueta plugins. Mostrar todas las entradas
Mostrando entradas con la etiqueta plugins. Mostrar todas las entradas

viernes, 14 de febrero de 2014

Casos - Inmobiliaria en WordPrees

Introducción a Casos

En esta sección me gusta compartir algunos consejos para desarrollar determinados proyectos con WordPress. La idea es identificar plugins utilizados, desarrollos a medida y otras particularidades. Tengan en cuenta que según la fecha de implementación y la versión de WordPress, pueden variar los componentes utilizados, ya que esta es una comunidad muy dinámica.

Seguir los casos de wordpress en este enlace: http://viviendoenlaeradelaweb20.blogspot.com.ar/search/label/casos o por correo electrónico.

Escenario de este caso

Imaginemos un sitio web para una inmobiliaria en donde se requiere:
  • Información institucional
  • Búsqueda de propiedades
  • Diseño adaptable a cualquier dispositivo
  • Formularios de contacto


Datos técnicos del ambiente

Plugins generales
  • Adminimize
  • All in one Favicon
  • All In One SEO Pack
  • All In One WP Security
  • Formulario de Contacto 7
  • Contact Form 7 - Dynamic Text Extension
  • Dashboard Site Notes
  • Google XML Sitemaps
  • Jetpack por WordPress.com
  • Pluginception
  • Really Simple CAPTCHA
  • Responsive Add Ons
  • Spam Destroyer
  • UpdraftPlus - Backup/Restore
  • WP Htaccess Editor

Plugins específicos

Para el manejo de las propiedades
  • Advanced Custom Fields: utilizado para crear los campos específicos de una propiedad.
  • Custom Post Type UI: utilizado para crear un tipo de contenido específico para la propiedad.
  • Recent Posts Thumbnail Slider Widget: para mostrar las propiedades destacadas en la home.
  • WP Custom Search: para efectuar la búsqueda de propiedades.

Plugins con desarrollo a medida

Estos son algunos de los desarrollos que fueron necesarios, además de la parte de estilos (CSS). Los dos primeros para temas más triviales, el último para mostrar los atributos de la propiedad en la página del tipo de contenido propiedad.
  • Contacto
  • Estilos
  • Ficha de Propiedades
En el siguiente código, detallo cómo mostrar los atributos de una propiedad:

<?php

function retornar_ficha_propiedad () {

    if ( 'propiedad' == get_post_type() ) { 

        $ficha = '<table class="propiedad_ficha_contenedor">';

        $ficha .= '<tr>';
        $ficha .= '<td class="propiedad_ficha_titulo">Operación: </td>';
        $ficha .= '<td class="propiedad_ficha_valor">' . get_field('operacion') . '</td>';
        $ficha .= '</tr>';

        $ficha .= '<tr>';
        $ficha .= '<td class="propiedad_ficha_titulo">Inmueble: </td>';
        $ficha .= '<td class="propiedad_ficha_valor">' . get_field('inmueble') . '</td>';
        $ficha .= '</tr>';

        $ficha .= '<tr>';
        $ficha .= '<td class="propiedad_ficha_titulo">Moneda: </td>';
        $ficha .= '<td class="propiedad_ficha_valor">' . get_field('moneda') . '</td>';
        $ficha .= '</tr>';

        $ficha .= '</table>';

return $ficha;

}
    }


function mostrar_ficha_propiedad_post ($content) {

if ( 'propiedad' == get_post_type() ) { 
$content = $content . "<br/><h3>Ficha de la Propiedad</h3>" . retornar_ficha_propiedad() . "<center><a class='consulte_ahora' href='/contacto/?lapropiedad=" . get_field('operacion') . " - " . get_the_title() . "'>Consulte ahora!</a></center>";
}

return $content;

}

function mostrar_ficha_propiedad_resumen ($resumen) {

    if ( 'propiedad' == get_post_type() ) { 
return "<a href='" . get_permalink() . "'>" . get_the_post_thumbnail() . "</a>" . retornar_ficha_propiedad() . "<center><a href='" . get_permalink() . "'>Más información</a></center>";

    }

}

add_filter('the_content', 'mostrar_ficha_propiedad_post', 1);

add_filter('get_the_excerpt', 'mostrar_ficha_propiedad_resumen');

?>

Conclusión

En este breve artículo vimos cómo desarrollar un sitio web para inmobiliarias con WordPress, sumado a algunos conceptos de programación. Si bien los mismos no constituyen una solución completa, muestran un posible enfoque de desarrollo.

Hasta la próxima!

domingo, 5 de agosto de 2012

¿Cómo desarrollar un plugin para WordPress?

Si trabajas con WordPress sabrás que una de las formas más utilizadas de extender la plataforma es a través de los Plugins. Quizá muchas veces te has encontrado utilizando plugins construidos por terceros, pero nunca te has embarcado en la tarea de desarrollar un plugin. Aunque no lo creas, no es una tarea compleja, si ya posees conocimientos de programación.

En este breve artículo, explicaremos cómo construir uno sencillo. Espero te resulte útil!

imageAlcance de este pequeño plugin

Trabajo en algunos proyectos en WordPress en donde además de permitir el registro de usuarios por el método estándar, también permito que los usuarios ingresen al sistema con sus cuentas de Twitter o Facebook, para lo cual utilizo plugins existentes.

Sin embargo, en algunos casos, estos plugins permiten a los usuarios ingresar al sistema sin especificar su correo electrónico (en realidad eso depende de como los configures).

Lo que vamos a hacer en este breve ejemplo, es construir un plugin que le recomiende a los usuarios que no tengan configurado bien su correo, que lo hagan. Para ello agregaremos un widget en la SideBar con un cartel de advertencia, como el que puede verse la imagen de la derecha

Funcionamiento

Parte 1: verificación del correo del usuario

Nuestro plugin tendrá un funcionamiento sencillo.
Primero crearemos una función para consultar el correo electrónico del usuario. Trabajaremos con dos funciones de WordPress:
  • is_user_logged_in: para verificar si hay un usuario conectado.
  • wp_get_current_user: para obtener la cuenta de correo del usuario conectado.
En nuestro caso, a los usuarios que ingresan usando la autenticación de Twitter o Facebook, se les crea un correo electrónico obligatorio ficticio:
  • Los de Facebook contienen el dominio “unknown.com”
  • Los de Twitter comienzan con el nombre “changeme”
Nuestro algoritmo determinará si el correo posee esas cadenas para decidir si tiene que advertir o no al usuario.


Parte 2: widget

La segunda parte se encargará de mostrar una advertencia al usuario en un widget que podrá agregarse en el SideBar:
image

Además agregará un link que lleve al usuario a la página de configuración de su correo. En nuestro caso, como se trata de una red social vertical creada con el plugin BuddyPress, utilizaremos datos globales de BuddyPress que podemos obtener con la instrucción:

global $bp;

Y en particular la URL del perfil con:

$bp->loggedin_user->domain

¿Cómo se construye el plugin?

Simplemente se crea el código PHP respetando el encabezado especificado por WordPress (el código lo pueden ver en la próxima sección). El archivo puede grabarse como main.php y almacenarse en una carpeta dentro de la carpeta: /wp-content/plugins/. También será necesario almacenar un archivo readme.txt.

Una vez que hayamos almacenado el plugin en la carpeta correspondiente aparecerá en la lista de nuestros plugins inactivos listo para activarlo:

image

Una vez activado, sólo nos queda agregar el widget en la SideBar y ya podemos comenzar a utilizarlo.

image

El código

A continuación les pego el código completo:

<?php

/*
Plugin Name: Autonautas Mail Verification
Plugin URI: http://viviendoenlaeradelaweb20.blogspot.com/
Description: Verifica que el usuario tenga bien configurado su correo. Caso contrario emite una alerta en el SideBar.
Version: 1.0
Author: Juan Pablo Pussacq Laborde
Author URI: http://viviendoenlaeradelaweb20.blogspot.com/
License: GPL2
*/

function autonautas_mail_read () {

    $resultado = "OK";

    // Sólo se controla al usuario conectado
    if ( is_user_logged_in() ) {

        $usuario_actual = wp_get_current_user();
        $correo_actual = $usuario_actual->user_email;

        // Sufijo que tienen los mails de los usuarios registrados con Twitter
        $buscado_t = strpos($correo_actual, "changeme");

        // Sufijo que tienen los mails de los usuarios registrados con Facebook
        $buscado_f = strpos($correo_actual, "unknown.com");

        if ( ($buscado_t !== FALSE) or ($buscado_f !== FALSE) ) {
            $resultado = "MAL";
            }
        }

    return $resultado;
}

add_action('wp_head','autonautas_mail_read');

function autonautas_mail_widget () {

    $estado_correo = autonautas_mail_read ();
  
    if ( $estado_correo !== "OK" ) {

        global $bp; // Datos globales de BuddyPress

        echo "<p></p>";
        echo "<div style='padding: 15px; color: black; border-radius: 3px; background-color: white; border: 7px solid red;' id='autonautas_mail_verification'>";
        echo "<p></p>";
        echo "<center>";
        echo "<h3>Advertencia!!</h3>";
        echo "</center>";
        echo "<p></p>";
        echo "<p>Tu correo electrónico no está configurado. Ante cualquier problema con tu cuenta no podremos contactarte <a href='/2011/11/configura-tu-correo/'>[...]</a></p>";
        echo "<p></p>";
        echo "<p></p>";
        echo "<center>";
        echo "<img src='/wp-content/uploads/2011/08/mensajes.png'></img>";
        echo "<div id='autoayuda' class='activity-list'><div class='activity-header'><a width: 120px ; display: block; ' href='" . $bp->loggedin_user->domain . "settings/'>Configura tu correo</a></div></div>";
        echo "</center>";
        echo "<p></p>";
        echo "<p></p>";
        echo "</div>";
        }
}

wp_register_sidebar_widget('autonautas_mail_verification', 'autonautas_mail_verification', 'autonautas_mail_widget');

?>

Conclusión

Como pueden ver, crear un plugin no es complicado y muchas veces puede ayudarnos con ciertas actividades que no podemos resolver con otros plugins. Espero que les haya servido.

Hasta la próxima!

Enlaces de interés:

lunes, 6 de febrero de 2012

Conecta tu sitio a tu página en #Google+

Si ya creaste una página en Google+ probablemente te resulte interesante este plugin llamado “badge”:

image

Es muy sencillo de configurar y puedes hacerlo desde este enlace:

https://developers.google.com/+/plugins/badge/config

Más información en:

https://developers.google.com/+/plugins/badge/

Saludos!

miércoles, 7 de septiembre de 2011

miércoles, 10 de agosto de 2011

martes, 5 de abril de 2011

Me gusta de #Facebook en tu sitio

¿Te gustaría agregar un simple botón de Facebook en tu página para que los visitantes puedan escribir el clásico “me gusta”?

¿Te gustaría que además Facebook lleve la cuenta de cuántas personas hicieron clic en “me gusta”?

Entrá a esta página y armá el código en 5 minutos:

http://developers.facebook.com/docs/reference/plugins/like/

El resultado:image

También podés mostrar las fotos de tus fanáticos…

Que te sea útil!

lunes, 28 de marzo de 2011

Los mejores #plugins de #BuddyPress vía @buddypress_es (#wordpress)

martes, 22 de marzo de 2011

Formulario de contacto en #WordPress #Plugin

image

¿Te gustaría incluir un formulario de contacto en tu sitio o blog como el que muestra la imagen?

Para ello alcanza con el pugin Contact Form 7.

Es recomendable que lo utilices en combinación con Really Simple CAPTCHA.

Que lo disfruten!

lunes, 21 de marzo de 2011

10 #plugins favoritos de #WordPress via @julianmiti

Me pareció súper interesante esta lista de los plugins favoritos de WordPress para el autor del blog http://julianmiti.com.ar/.

Transcribo:

  1. Akismet: Filtra los comentarios Spam de tu blog.
  2. Back Up WordPress: Realiza una Back Up diario de la base de datos de tu WordPress.
  3. Broken Link Checker Comprueba que no haya links rotos en el sitio web.
  4. Contact Form 7: Permite crear formularios de manera muy sencilla e intuitiva.
  5. Newsletter: Podés administrar la suscripción a tu propio newsletter mediante el sistema de doble opt-in.
  6. All in One Seo Pack: Una serie de herramientas para mejorar la optimización de tu contenido en función de los motores de búsqueda.
  7. Jquery Lightbox for Native Galleries: Este plugin te permite crear galerías de imágenes muy vistosas gracias a la tecnología de Jquery.
  8. Facebook Comments for WordPress: Muy útil para integrar los comentarios de la Red Social más popular del mundo con tu blog.
  9. WP Polls: Con este módulo podés generar infinitas encuestas para que conteste los usuarios del site.
  10. WP Table Reloaded: Crear tablas en WP es muy fácil con este plugin!

Ver el artículo completo en http://julianmiti.com.ar/wordpress/mis-10-plugins-de-wordpress-favoritos/. Gracias por compartir esta información Julián!

sábado, 19 de marzo de 2011

#Plugins para optimizar #WordPress via @lomadee_ar

Desde el blog Lomadee me entero de estos interesantes plugins para optimizar tu sitio de WordPress:

  • SEO Smart Links
  • Love Social Bookmarking
  • WP to Twitter
  • WP-Super-Cache
  • Meta Robots
  • SEO Slug

Muy interesante, pueden leer el artículo completo en http://blog.lomadee.com/es/2010/09/optimiza-tu-blog-con-plugins-de-wordpress/.

Hasta la próxima!