Xyberneticos » php

Mostrar actividad de Usuarios Registrados en wordpress

Nikko — Wed, 04 Nov 2009 03:47:11 +0000

Si permiten el registro de usuarios en sus blogs, no sería mala idea al igual que los portales web, mostrar una lista detallada de los últimos usuarios registrados. Claro que wordpress no tiene una función específica para esto, pero wprecipes nos brinda una simple solución.

Mostrar Últimos Usuarios Registrados:

Solo hay que pegar el siguiente código en el lugar de tu plantilla donde quieras que figure la lista, Ej: sidebar.php:

PLAIN TEXT

PHP:

Ultimos Usuarios registrados

$usernames = $wpdb->get_results("SELECT user_nicename, user_url FROM $wpdb->users ORDER BY ID DESC LIMIT 5");

foreach ($usernames as $username) {
echo '

$username->user_url.'">'.$username->user_nicename."

}

Mostrar la cantidad de comentarios realizados por un usuario registrado

- Info
Si para comentar las noticias de tu blog, tus usuarios deben estar registrados, puede ser interesante poder mostrar el número de comentarios enviados por cada uno de ellos. Simplemente pegue el siguiente código donde quieres que la cuenta que se muestra.

PLAIN TEXT

PHP:

global $wpdb;
$where = 'WHERE comment_approved = 1 AND user_id <> 0';
$comment_counts = (array) $wpdb->get_results("
SELECT user_id, COUNT( * ) AS total
FROM {$wpdb->comments}
{$where}
GROUP BY user_id
", object);
foreach ( $comment_counts as $count ) {
$user = get_userdata($count->user_id);
echo 'User ' . $user->display_name . ' comment count is ' . $count->total . '
';
}
?>

Mostrar el número total de Usuarios Registrados en tu blog

- Info
¿Quieres mostrar el número total de usuarios registrados? Este sencillo, este código le permitirá hacerlo con facilidad.

PLAIN TEXT

PHP:

$users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");
echo $users." registered users.";

Pubwich – Instant Website

Nikko — Sat, 12 Sep 2009 03:22:06 +0000

Pubwich una práctica aplicación PHP open-source desarrollada para los fanáticos de las redes sociales, ya que esta permite agregar todos los datos publicados en varios sitios web y servicios sociales, en una sola página HTML que contendrá todas aquellas actualizaciones que generes en los diversos sitios. Pubwich es un proyecto de código abierto, lo que significa que cada uno puede navegar por su código fuente, modificarlo para que se adapte a las necesidades que creas conveniente, además de ayudar a la aplicación compartiendo todas tus modificaciones con otras personas. Además de la capacidad para mostrar el contenido de cualquier sitio web a través de feeds RSS / Atom, soporta servicios web populares como: Delicious , Facebook, Flickr ,last.fm, ReaderNaut, Twitter, Vimeo, Youtube, entre otros. Pubwich sólo necesita ejecutarse en un servidor Apache con PHP 5 y PEAR instaladas.

Enlace Pubwich - Demo 1 - Demo 2

Via webresourcesdepot

Contenido deslizante con Auto-Reproducción

Nikko — Sun, 21 Sep 2008 19:39:50 +0000

Auto playing featured Content Slider, una divertida forma para mostrar gran cantidad de contenido en una pequeña área. Estaremos usando XHTML / CSS para la construcción y el estilo de widgets. Junto con las librerías jQuery y Coda Slider plugin para los efectos de animación. Este featured Content Slider, posee un contenido principal (grupos), que se desliza de izquierda a derecha mostrando cada uno de ellos un contenido único. Hay enlaces que actúan como menú de navegación que nos permitirá saltar rápidamente a cualquier grupo en particular. Estos vínculos pueden estar formados por hipervínculo de texto, miniatura, etc.

Diferentes tipos de contenido personalizado en los paneles. Se puede poner lo que queramos en los paneles, pero para que sea más fácil para nosotros mismos, habrá un par de diferentes formatos a respetar. Una imagen de fondo cubriéndolo por completo, pero con una superposición de textos.
Auto-play. Podemos hacer click en los paneles para saltar a cada grupo especifico, o dejar que las transiciones se produzcan de forma automática.
Flecha indicador. Sirve como indicador visual para resaltar el panel que estamos viendo actualmente, algo así como una pequeña flecha sobre las miniaturas que apunta en el panel.

Ver demo - Mas informacion y descarga Auto playing featured Content Slider - By css-tricks
Instalacion:

PLAIN TEXT

JavaScript:

Agregando estilo

PLAIN TEXT

CSS:

/*
SLIDER
*/
.slider-wrap { width: 419px; position: absolute; top: 87px; left: 40px; }
.stripViewer .panelContainer
.panel ul                   { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav    { display: none; }
.nav-thumb    { border: 1px solid black; margin-right: 5px; }
#movers-row   { margin: -43px 0 0 62px; }
#movers-row div  { width: 20%; float: left; }
#movers-row div a.cross-link    { float: right; }
.photo-meta-data { background: url(images/transpBlack.png); padding: 10px; height: 30px;
   margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span       { font-size: 13px; }
.cross-link   { display: block; width: 62px; margin-top: -14px;
   position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb          { background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }

Contenido

PLAIN TEXT

HTML:

Photo Credit: Kaustav Bhattacharya

"Free Tibet" Protest at the Olympic Torch Rally

How to Cook a Scotch Egg

6 hard-boiled eggs, well chilled (i try to cook them to just past soft boiled stage, then stick them in the coldest part of the fridge to firm up)

1 pound good quality sausage meat (i used ground turkey meat, seasoned with sage, white pepper, salt and a tiny bit of maple syrup)

1/2 cup AP flour

1-2 eggs, beaten

3/4 cup panko-style bread crumbs

Vegetable oil for frying

Ver demo - Mas informacion y descarga Auto playing featured Content Slider - By css-tricks

Dar estilo a tus Comentarios WordPress

Nikko — Tue, 08 Jul 2008 04:33:27 +0000

Si piensas rediseñar por completo tu blog, no estaría nada mal, dedicar tiempo a elaborar cosas creativas para los comentarios de tu blog. Partiendo de esa idea, encuentro en darrenhoyt, algunos prácticos ejemplos que podrás utilizar como base, donde se incluyen inclusive ejemplos de códigos y la posibilidad de los PSD originales.
Ampliar info y mas ejemplos Styling Your WordPress Comments
Lo primero será, editar tu archivo "comments.php" de tu theme wp:

PLAIN TEXT

PHP:

"commentlist"

foreach ($comments as $comment) : ?>

echo $oddcomment; ?>id="comment-">

class="commenttext">
() ?>
comment_text() ?>
class="date">"/images/commentlink.gif" alt="" /> "#comment-" title="">() ?> on comment_date('n/j/y') ?> edit_comment_link('edit',' ',''); ?>

if ($comment->comment_approved == '0') : ?>
Your comment is awaiting moderation.
endif; ?>

/* Changes every other comment to a different class */
$oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';?>
endforeach; /* end for each comment */ ?>

Un poco de estilo

PLAIN TEXT

CSS:

ol.commentlist {
margin:0;
padding:0;
}

.commentlist li {
margin-bottom:8px;
background: #60360b url(http://www.yoursite.com/images/comment_arrows.gif) bottom no-repeat;
color:#FFF;
list-style:none;
width:413px;
}

.commentlist .commenttext {
background:url(http://www.yoursite.com/images/bg_paint.gif) no-repeat;
padding:22px 22px 50px 22px;
}

.commentlist cite {
display:block;
color:#FFF;
font-weight:bold;
text-transform:uppercase;
font-style:normal;
background:url(http://www.yoursite.com/images/bg_cite_arrows.gif) bottom repeat-x;
padding-bottom:12px;
font-size:1.1em;
}

.commentlist a:link, .commentlist a:visited {
color:#fff9b9;
}

.commentlist a:hover, .commentlist a:active {
color:#FFF;
}

.commentlist .date {
background:#930e27;
padding:3px;
}

li.alt {
background:#836241 url(http://www.yoursite.com/images/comment_arrows_alt.gif) bottom no-repeat;
}

li.alt .commenttext {
background:url(http://www.yoursite.com/images/bg_paint_alt.gif) no-repeat;
}

li.alt .date {
background:#67421c;
padding:3px;
}

Descarga PSD original para este ejemplo - Ampliar info y mas ejemplos Styling Your WordPress Comments

Variar el estilo de nuestro blog según la hora de nuestros usuarios

Nikko — Tue, 01 Jul 2008 05:03:04 +0000

Stylesheet switcher with time!, una agradable truco que muestra como con unas simples líneas de código podremos añadir a nuestro blog cosas realmente originales, en este caso la idea es cambiar nuestra hoja de estilo dependiendo de la hora del reloj. El truco es realmente simple, se basa en crear tres hojas con estilos diferentes, uno para la mañana, otro para la tarde y otro para la noche. Luego simplemente añadimos este código en nuestro encabezado:
Cambiamos esto:

PLAIN TEXT

HTML:

por esto

PLAIN TEXT

HTML:

$hour = date(”H”);
if ($hour <12) echo “morning.css”;
elseif ($hour <20) echo “day.css”;
else if ($hour <4) echo “night.css”;
?>”
/>

En primer lugar, definimos la hora en la que deseamos que los estilos cambien. La hora del día está determinada por el ordenador del usuario. El resto es simple de entender.

Trucos útiles para wordpress

Nikko — Mon, 16 Jun 2008 20:42:01 +0000

No hay dudas de lo que significa hoy para todo desarrollador wordpress, esta plataforma que se ha convertido en una de las más populares en Internet, y la que solemos utilizar frecuentemente sin importar cual sea el proyecto en el cual trabajaremos. Siempre mediante unas líneas de código adicionales, WordPress se adaptara a lo que necesitemos. Evidentemente trabajar con frecuencia con wordpres nos lleva cada día a aprender nuevos trucos, tips, o formas de solucionar ciertos problemas de la forma mas rápida y practica, pero es obvio que es tanta la información que es imposible recordar cada uno de ellos en el momento que lo estamos necesitando. Seguramente es lo que te pasara a ti en algún momento al trabajar en el diseño de tu próximo theme wordpress. La gente de Stylizedweb estos días ha despertado pensando en ello, y ha publicado un post que nos será muy útil en ocasiones. En el encontraremos fragmentos reutilizables de códigos que todos necesitamos de vez en cuando.El artículo incluye tips para:

Realización de una plantilla
Invertir orden de comentarios
Crear post Destacados
Incluir un archivo específico
Etiquetas condicional
Invertir el orden de post
Caracteres especiales
Y mas…

Mas informacion Useful wordpress tricks
Ejemplo: Reverse comment order

PLAIN TEXT

PHP:

$comments = array_reverse($comments, true); ?>
foreach ($comments as $comment) : ?>
content here
endforeach; ?>

How to Setup Gravatars – Cómo Integrar Gravatar a tu blog

Nikko — Wed, 05 Mar 2008 01:49:12 +0000

Si han dejado algún comentario en el pasado, habrán notado que la opción para mostrar sus Gravatar estaba aun desactivada. Cada día al despertar me repetía, bueno hoy haré esto, corregiré esto otro, etc. La verdad es que siempre termino haciendo el 70% de lo que planeo cada día. Obviamente siempre por ser productivo en mi trabajo diario y dedicar tiempo a cosas que considero mas importante. Pero bueno, hoy si he decidido corregir la opción que permita ver los gavatar en los comentarios (quizás por curiosidad de sus rostros), y creo que fue mi día de suerte, gracias a este post, lo hice en tan solo 5 segundos.
How to Setup Gravatars for your Blog , es un pequeño tips que nos servirá para agregar un avatar, una pequeña imagen asociada a un usuario, para ser precisos, a un correo electrónico. Lo genial, es que no necesitaremos ningún plugin, y podremos adaptarlo sin problemas a WordPress, pero funcionan con cualquier sistema basado en PHP. Tan simple como abrir nuestro comments.php y agregar el siguiente código donde deseamos implementar nuestro gravatar:

PLAIN TEXT

PHP:

$email = $comment->comment_author_email;
$default = ""; // link to your default avatar
$size = 62; // size in pixels squared
$grav_url = "http://www.gravatar.com/avatar.php?gravatar_id=
" . md5($email) . "&default=" . urlencode($default) . "&size=" . $size;
?>
"" height="" width="" alt="User Gravatar" />

Mas info How to Setup Gravatars for your Blog
Fuente Unblogged