// Stai Leggendo:

Categoria: Blog

Come Creare una Pagina profilo per gli utenti di un blog.

profilepageProprio ieri ero alla ricerca di un plugin che mi consentisse di creare una pagina dinamica per ogni singolo utente, tutto questo per un nuovo blog sul nokia n97.

Non avendo trovato nulla di soddisfacente, ho deciso di crearne una da zero.

Avevo la necessità di includere:

  • Informazioni Personali (come Nome, Cognome, e Sesso)
  • Informazioni sui Contatti
  • Il conteggio di tutti gli articoli scritti sul blog
  • Gli ultimi Articoli scritti sul blog con i relativi collegamenti e i Permalink
  • E gli ultimi Messaggi scritti sul forum.

Devo essere onesto, ci ho messo parecchio tempo, però il risultato è abbastanza soddisfacente. Potete vederlo a questo indirizzo: http://n97italia.info/author/Admin/.

Ho usato alcuni plugin per gestire l’upload delle foto utenti e i campi come Sesso, Msn, Skype, per il resto è tutto sano codice PHP.

Prima di procedere procurati i seguenti Plugin di wordpress:

Installali.

Configurazione di Register Plus:

Il plugin User photo non ha bisogno di alcuna configurazione per funzionare, al contrario se avete la necessità di mostrare a video informazioni aggiuntive come ad esempio il sesso degli utenti o il loro indirizzo msn o skype dovete configurare register plus.

Spostatevi nella sezione “Campi Utente Definiti” e inserite i campi aggiuntivi che vi servono:

Es.

regplus

 

 

Tenendo presente che:

  • Il Campo “Msn” per essere riconosciuto come codice diventerà “msn”
  • Così se presente il campo “Data di nascità” diventerà “data_di_nascita”.

Iniziamo a creare la pagina:

Devi utilizzare i “Template Tag degli Autori” di Wordpress; puoi nel Wordpress Codex

Apri il blocco note e salva il file vuoto con il nome “author.php”

Fatto questo devi impostare il nome del template, quindi le prime tre righe che dovrai scrivere nel blocco note sono queste:

<?php
/*
Template Name: Pagina Autori
*/
?>

Subito dopo aver stabilito il nome del template devi dire a wordpress di recuperare le informazioni sul singolo utente dal database, e di inserire l’header del blog per farlo inserisci:

<?php
    if(isset($_GET['author_name'])) :
        $curauth = get_userdatabylogin($author_name);
    else :
        $curauth = get_userdata(intval($author));
    endif;
    ?>     

<?php get_header(); ?>

Ok. a Questo punto tutto dipende dal tuo file Style.css. In questo articolo rimuovo i nomi delle classi che ho usato.

<h1>Informazioni su: <?php echo $curauth->nickname; ?></h1>

<p style=”float: right; margin-bottom: 15px; margin-left: 10px;”><?php userphoto($wp_query->get_queried_object()) ?></p>

La prima riga (<?php echo $curauth->nickname; ?>) dice di visualizzare il nickname dell’autore, invece la seconda dice: Inserisci la foto dell’autore in questione a destra rispetto al testo.

<h2>Informazioni Personali:</h2><br /><br />
<ul>
<li>
<b>Nome Completo:</b> <?php echo $curauth->first_name; ?> <?php echo $curauth->last_name; ?>
</li>
<li>
<b>Nickname:</b> <?php echo $curauth->nickname; ?>
</li>
<li>
<b>Sesso:</b> <?php echo $curauth->sesso; ?>
</li>
</ul>
<br /><br /> 

<h2>Contatti:</h2><br /><br />
<ul>
<li>
<b>Sito internet:</b> <a href=”<?php echo $curauth->user_url; ?>” target=”_blank”><?php echo $curauth->user_url; ?></a>
</li>
<li><b>Indirizzo Email:</b> <a href=”mailto:<?php echo $curauth->user_email; ?>”><?php echo $curauth->user_email; ?></a>
</li>
<li>
<b>Msn:</b> <?php echo $curauth->msn; ?>
</li>
<li>
<b>Skype:</b> <?php echo $curauth->skype; ?>
</li>
</ul>

L’unica cosa da notare è il campo “Sesso” contiene uno dei campi che ho definito in register plus: <?php echo $curauth->sesso; ?>, lo stesso dicasi per i campi Msn e Skype.

 Ecco il difficile: Conteggio degli articoli e stampa (a video) degli ultimi articoli scritti con relativi link e permalink:

L’autore <b><?php echo $curauth->display_name; ?></b> ha sritto <b><?php the_author_posts(); ?></b> articoli su <b><?php bloginfo(’name’); ?><b/><br /><br />

Questa stringa stampa questa scritta: L’autore nickname_dell’autore ha scritto Numero_di_articoli articoli su Nome del tuo blog.

Ora:

<?php while (have_posts()) : the_post(); ?>

<a href=”<?php the_permalink(); ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></a>

<small><?php the_time(’F j, Y’); ?> <a href=”<?php comments_link(); ?>”><?php comments_number(’Post a comment’,'One comment’,'% comments’); ?></a></small><br />

Url: <?php the_permalink(); ?><br /><br />
<?php endwhile; ?> 

La prima riga apre il Loop di Wordpress, la seconda dice: Visualizza e metti il link agli ultimi articoli dell’autore, la terza riga dice visualizza la data in cui l’autore ha pubblicato gli articoli, e visualizza il numero dei commenti del singolo articolo. La quarta riga dice Visualizza l’indirizzo completo dell’articolo. Infine la quinta chiude il Loop.

Le ultime cose da includere sono:

  • Sidebar
  • Footer

Lo si fa digitando:

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Finito.

Se vuoi scaricare il file già pronto a cui aggiungere solo le classi css per includerlo nel template del tuo blog clicca qui Pagina Autore d'esempio (69)

Articolo Sponsorizzato da:

Commenti:

Nessuno ha commentato per ora su “Come Creare una Pagina profilo per gli utenti di un blog.”

Post a comment

Livescore