• Crare una nuova pagina PAGINA nel tema in uso di WordPress.
• Utilizzare il modello di pagina di template seguente, contenente il codice di registrazione della sidebar:

<?php
/*
Template Name: obertfsp.com widgettizzed wp page
*/

// includo header.php
get_header(); 

// inizio primo loop generale
if (have_posts()) :

// inizio primo sotto-loop
while (have_posts()) : the_post(); ?>

<!-- contenuto dinamico dentro al loop -->
<div class="entry">

<h2><?php the_title(); ?></h2>

<?php the_content(); ?>

<!-- Il Cuore: racchiudo il codice del widget in una lista non ordinata di oggetti -->
<ul class="obertfsp-widget">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : endif; ?>

</ul>

<!-- chiudo il div.entry -->
</div>

<!-- fine primo sotto-loop -->
<?php endwhile;

// condizione per inserire un messaggio di errore 404 e/o altro contenuto statico

else :

// includo un messaggio di errore 404 in un file di testo all interno del tema

include("path/404Msg.txt");

// fine primo loop generale
endif;

// includo sidebar.php del tema
get_sidebar();

// includo footer.php del tema
get_footer(); ?>

A questo punto non ci resta altro che registrare il widget nel file functions.php:

<?php if ( function_exists('register_sidebars') ) register_sidebars(2); ?>

Adesso potremo andare nel pannello di amministrazione di WordPress,nella pagina Aspetto -> Widget, vedremo la sezione del widget abilitata, pronta per inserirvi il widget desiderato.

Create una nuova Pagina in Pagine -> Aggiungi Nuova ed utilizzate il template obertfsp.com widgettizzed wp page per la sua visualizzazione.

Nota:

Come potete notare nel mio esempio ho utilizzato come valore della sidebar il numero 2, questo per mostrarvi il caso di due sezioni abilitate per i widget, per aggiungerne, basta aumentare il valore espresso in functions.php:

register_sidebars(2);

con uno maggiore, uguale al numero di sezioni per widget desiderate nel tema ed inserire il widget nella sezione del tema desiderata, utilizzando il valore relativo alla registrazione effettuata:

functions.php

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(3) ) : else : endif; ?>

obertfsp-com-widgettizzed-wp-page.php

<?php
/*
Template Name: obertfsp.com widgettizzed wp page
*/

// includo header.php
get_header(); 

// inizio primo loop generale
if (have_posts()) :

// inizio primo sotto-loop
while (have_posts()) : the_post(); ?>

<!-- contenuto dinamico dentro al loop -->
<div>

<h2><?php the_title(); ?></h2>

<?php the_content(); ?>

<!-- Il Cuore: racchiudo il codice del widget in una lista non ordinata di oggetti -->
<ul>

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(3) ) : else : endif; ?>

</ul>

<!-- chiudo il div.entry -->
</div>

<!-- fine primo sotto-loop -->
<?php endwhile;

// condizione per inserire un messaggio di errore 404 e/o altro contenuto statico

else :

// includo un messaggio di errore 404 in un file di testo all interno del tema

include("path/404Msg.txt");

// fine primo loop generale
endif;

// includo sidebar.php del tema
get_sidebar();

// includo footer.php del tema
get_footer(); ?>

ogni sezione che vedrete tramite pannello di amministrazione sarà collegata al valore sopracitato, per cui inseriremo ogni cosa necessaria in ogni sezione,sapendo in quale sezione della pagina verrà stampato il contenuto.

Esistono molte strade per organizzare una sezione del genere, oggi ne condivido una,utilizzata da me per la sezione EffeBlog, il blog sul Consumo Sostenibile di Effecorta, il negozio di filiera corta e prodotti alla spina in Lucca.

Plugins utilizzati:

• Role Scoper Wordpress Plugin, di Kevin Behrens, per limitare la visualizzazione delle opzioni nell’area di amministrazione, sia per interi gruppi che per singolo utente
• Admin Trim Interface Wordpress Plugin di Scott Reilly, che permette una più facile personalizzazione del CSS, del tema della sezione amministrazione, in modo da farla assomigliare al design utilizzato nella parte client side del sito, senza doversi scrivere di proprio pugno il plugin per personalizzare l’area amministrazione di Wordpress.

Role Scoper in italiano

Per quanto riguarda Role Scoper Wordpress Plugin, ho localizzato il plugin in italiano, qualche tempo fa, lo renderò disponibile a breve anche in questo mio sito.

Salta subito all’occhio la differente organizzazione e la ricerca dei contenuti,aiutata dalle icone relative ai collegamenti nei vari menu e riassunti. Tali immagini utilizzano la tecnica di posizionamento via CSS chiamata Spriting, autore dell’articolo il Dave Shea del CSS Zen Garden; come si può notare andando a spulciare il sorgente della pagina principale del sito.

Sebbene sembra, da giugno 2009, che sia prevista la chiusura del gruppo di lavoro addetto alla versione 2 di XHTML, per favorire lo sviluppo di HTML 5, il DTD utilizzato in questa nuova versione rimane invariato: XHTML 1.0 Strict.

Molte le novità e poco il tempo per scrivere, per cui rimando al futuro l’implementazione di altre osservazioni pubblicate. Buona serata.

Questo post è protetto da password. Per leggerlo inserire la password qui sotto:

Password:

Create a box that will contains some floated elements,to have two or more elements in the same horizontal line.

Development steps

We will use a method that is usually used to build a Two cols layout:

 <div id="container-of-Foo-Bar">
<div id="foo"></div><div id="bar"></div>
</div>
#container-of-Foo-Bar {
overflow: hidden; /* clearing method */
width: 40em; /* elastic method, could be replaced by width: a-value-such-as-100%; though */
}

#foo {
float: left;
width: 20em;
}

#bar {
float: right;
width: 20em;
}

#container-of-Foo-Bar, #foo, #bar {
border: 1px solid red;
}

Analysis of the code:

We created a structure starting from a container box for the elements that we want to get in the same line, gave it the following CSS rules: overflow: hidden; and width. The overflow property is clearing all floated elements inside the box, same result that we could get by using the other classic clearing method: add the CSS rule clear: both; to the next element after floated elements,as you can check in the Quirksmode’s page,that requires have a sibling element inside the box and next to the floated elements; since clearing exists we will don’t use the old clearing method, getting a more clean HTML code. Then, the structure will contains two or more elements with float: left; and a width to get them appears in the same horizontal line.

If you need to use an elastic layout, you will use em as width value for both container box and floated elements inside it; in our case: two floated elements, we choose 40em then 40em/2=20em as #foo and #foo’s width value, we assumed that we have not padding, border and margin set; in that case we will reduce the #foo and #foo’s width value until they will fill into #container-of-Foo-Bar.Following this method, you can calculate the width value to be used in case we want more than two elements in a box: container-width / number of wished elements that should appears in the same horizontal line = width value of elements (#foo and #bar divs,in our case).

Border tip usage

Notice the usage of border in the container: It is a good method to check the real space occupied by an element, especially if it contains some floated elements. red is short to be wrote and easy to see. It is to be used only for test the space occupied by all elements,remove it if you don’t need it.

Conclusion

Use a container element with overflow: hidden; rule applied in the .css, where to put elements with float: left;; calculate their width values and remember that box-model exists.

Resources:

• Quirksmode easy clearing method
• box-model
• W3c Floats
• W3c Block-level elements

Il 3 giugno 2009 è stata rilasciata una nuova beta per il browser norvegese,purtroppo o per fortuna,poco usato,causa sua poca promozione,al contrario di come avviene per firefox

Novità

Con un nuovo tema veramente d’impatto visivo,la prima modifica che salta agli occhi, è la personalizzazione della Speed Dial,la pagina con l’elenco dei siti preferiti,che appare se apriamo una nuova scheda,può essere scelta anche un’immagine come sfondo,il numero di siti mostrati e naturalmente l’opzione per nascondere del tutto tale pagina.

Conclusioni (di già?!)

Dato che sono un fannullone,vi invito a testare con le vostre mani questa nuova beta,rimandandovi direttamente alla pagina in questione, del blog di Opera.

Ho creato questo fumetto dopo che qualcuno mi aveva segnalato il sito eeeeek.org, che in inglese, è un esclamazione di spavento.

Note di Sviluppo

Le uniche due immagini utilizzate sono quelle che ritraggono gli occhi, il resto del fumetto è costruito utilizzando un <ul>, un <img>, uno <span> ed servendosi dei CSS per posizionare tutti gli elementi HTML

- Boo! – Eek! un fumetto in CSS

• .. (silenzio)
• 
  Boo!
• 
  eeeeek!
• fine

Listen it on Controradio 10-02-2009 part 3

Obert Selector
Free Soul Posse (Italy)
Nov 2008
Obond Street Mix

1.Intro Luciano.
  Bitty McLean - Tribute to Winston Wright.
2.Lady Lex - I am in the mood for love.
3.Kelly Makeda - Easy.
4.Lady Lex - Breaking up.
5.Alton Ellis - Breaking up.
6.Bitty McLean - Walking away from love.
-Tony Curtis - Heaven only knows.
-Lady Hype - Love you so.
-Frankie Paul - Love somebody.
-Sandy Smith - Make it with you.
7.Alton Ellis - Get ready to rocksteady.
8.Peter Hunningale - Take a little longer.
9.Kelly Makeda - Shake it off.
10.Janet Lee Davis - I dont Wanna Know.
11.Natijah - Cant get away.
12.Mikey Spice - Happy hour.
-Vivian Jones - Young girl.
-Leroy Mafia - There comes a time.
-Frankie Paul - You are my queen.
-Gyptian - When you love someone.
-Luckie D - True love.
-Danny Red - Look out.
-Luciano - Give thanks and praise.
-Richie Davis - Dont touch the crack.
-John Mouse - in New York.
-Ginjah - Difference in my life.
-Anthony B - What A Feeling.
-Lutan Fyah - Bring Back The Love.
-Chezidek - What I Deserve.
13.Bitty McLean - Baby Tonight.
14.Bitty McLean - Never let me go.
15.Bitty McLean - Make it with you.
16.Bitty McLean - sir Peckings special.
-Bitty McLean - Tell me.
17.Dean Frazer - King Majesty.
18.Dean Frazer - Tribute to Jackie Mittoo.
19.Bitty McLean - I have got love.
20.Bitty McLean - Inez.
21.Delroy Wilson - Run run.
22.Bitty McLean - Over the river.
23.Bitty McLean - It keeps raining.
24.Justin Hinds and the Dominoes - Here I stand.
-Bitty McLean - Here I stand.
25.Unknown.
26.Richards Brothers - I Shall Wear A Crown.
27.Bitty McLean - I am in love.
28.Bitty McLean - Only you.
29.Dennis Brown - Money in my pocket.
30.Bitty McLean - Indian love call.
31.Jackie Mittoo - In cold blood.
32.Bitty McLean - Free soul.
33.Unknown.
34.Unknown - Curly locks version.
35.Bob Marley - How many times.
36.Eric Donaldson - Cherry oh baby.
37.Eric Donaldson - More love.
38.Ray Darwin - People choices.
39.Bitty McLean - Fully loaded.