[WordPress] Widget Ultimi Articoli: Come Modificarlo?

[cineocchio]

Ciao a tutti.
Vorrei mettere mano all'estetica del widget che restituisce gli ultimi articoli inseriti. Parliamo ovviamente di Wordpress.

!!!
Vorrei lasciare più spazio fra una voce e l'altra (fra un titolo di un articolo e l'altro), nell'elenco a lato in Ultimi Articoli (sul mio sito "Ultime News"), in modo da rendere più chiara la differenza fra due voci ad una prima vista.
!!!

Come posso fare, se possibile?
Grazie.

[darkwolf]

Originalmente inviato da cineocchio

...sul mio sito "Ultime News"..

O mi è ritornata la miopia o non trovo il widget indicato
Edit:
OK, (che casino quel template :P) crea nel tuo css questa regola:

Codice PHP:

div#recent-posts-2 ul li {
margin:10px 0;
border-bottom:1px solid #CCCCCC; //questa se gli vuoi dare un bordino che marchi la separazione
} 


tramite firebug non sembra causare problemi al resto del template

[cineocchio]

Argh, credevo fosse ordinato in modo migliore (se intendevi questo con "che casino quel template". Magari però intendevi che il dietro le quinte del tema è incasinato. Ebbene si).

In ogni caso il widget degli ultimi articoli, da me rinominato "Ultime News" è nella sidebar di destra, subito sotto al form di ricerca e ai due banneroni ("Partner") di EventLab e 242 Movie TV.

Comunque grazie molte, già mi conforta che sia possibile farlo.

Ho tentato di inserirlo in style.css e css.php (quest'ultimo credo sia quello corretto da editare) ma non funziona.
Ho scovato il modo di spaziare le voci in tutti i widget ma preferirei concentrarmi solo sul famoso "Articoli Recenti" (aka Ultimi Articoli aka Ultime News).

Nel tema che utilizzo, nel css.php c'è un'area dedicata allo stile di tutti i widget, e modificando la parte che segue sono riuscito a spaziarli tutti:

div.widget ul li {
	display: block;
	margin: 10px 0 10px <?php echo $bfa_ata['widget_lists']['li-margin-left']; ?>px;
	padding: 0 0 0 <?php echo $bfa_ata['widget_lists']['link-padding-left']; ?>px; 
	border-left: solid <?php echo $bfa_ata['widget_lists']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists']['link-border-left-color']; ?>;
	}

in conclusione: bho.

[darkwolf]

IO ho provato in "live" (firebug) e funziona a dovere :/
Hai provato a cancellare la cache dopo le modifiche?

[cineocchio]

Non avevo provato, anche perchè la modifica apportata a tutti i widget che dicevo funzionava.

Comunque ora ho provato a cancellare cache e quant'altro del browser (FireFox) ma non funziona comunque. Non so perchè, un modo ci sarà per spaziare le voci solo di Articoli Recenti.

[musicanapoli]

Originalmente inviato da cineocchio

Non avevo provato, anche perchè la modifica apportata a tutti i widget che dicevo funzionava.

Comunque ora ho provato a cancellare cache e quant'altro del browser (FireFox) ma non funziona comunque. Non so perchè, un modo ci sarà per spaziare le voci solo di Articoli Recenti.

Boh, mi son venute due idee.

La prima è che al posto di utilizzare i widget, potresti (attreverso semplici e piccoli script) aggiungere tutto il contenuto della sidebar di destra, direttamente nel file sidebar.php (quindi senza utilizzare i widget).
Così puoi dare lo stile che vuoi ad ogni singolo elemento.

La seconda idea è quella di creare un altro contenitore di widget ( non so come definirlo).
Ora, io non conosco il tuo tema, però all'in circa, nel file functions.php avrai una cosa del genere:

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
?>

o comunque solo questo:

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array());
?>

Mentre nella sidebar avrai:

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>
<?php endif; ?>

Quindi potresti mettere nel file functions.php questo (aggiungendo l'apertura del php):

if (function_exists('register_sidebar'))
register_sidebar(array(
'name' => 'Primo Widget',
));
register_sidebar(array(
'name' => 'Secondo Widget',
));

quest'ultimo codice deve essere rivisto in base anche ai tag ed agli elementi che utilizzi...così nel primo metti lo stile uguale al secondo ma con la differenza di stile che dicevi (spazio tra un articolo e l'altro)...ecc...


e nella sidebar.php metti prima questo:

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?> 

<?php endif; ?>

e di sotto questo:

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

<?php endif; ?>

Così nel primo box di widget metti quei banner con le ultime news e nel secondo metti gli ultimi articoli con il resto delle cose.

E' ovvio che prima di fare questo devi fare backup, dovresti mettere qui il codice riguardo ai widget che trovi nel file functions.php e vedere quali tag utilizza e quindi successivamente modificarli con il CSS.

Se hai voglia, provi a fare la mia seconda opzione, se no ti conviene attuare la mia prima idea.

Oppure puoi fare anche una via di mezzo.
I due banner e gli ultimi articoli li metti direttamente nel file sidebar.php (prima del codice: <?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?> ) ed il resto va dentro i widget.