Suggerimento Plugin per Data.

rebel

Suggerimento Plugin per Data.

Scusate, sapete se esiste un plugin in grado di far apparire la data prima del titolo del post?

Magari con un look carino, non solo il classico testo.

Vi mostro un esempio: wplift.com/themes/busby/

Ecco mi piacerebbe una cosa simile con le icone della data colorate e con una forma piacevole.

Oppure cosa devo andare a modificare nel codice del tema che sto realizzando?

Cosa mi consigliate?

Grazie.

elmanisero

Ancora non riesco a non rispondere a questi post, prima o poi giuro che ci riuscirò.

Pensi forse che siamo dei veggenti per sapere che tema usi o credi che tutti i temi abbiano lo stesso codice? Poichè dubito che credi nella telepatia ti assicuro che non c'è un tema uguale ad un'altro.
Vabbè sei perdonato perchè sei nuovo del forum, nuovo di wordpress ecc.ecc.

Cercherò di anticiparti dicendoti che la maggior parte dei temi usa una sola classe per la data, autore, categoria e numero commenti. Se il tuo tema ha questo tipo di impostazione il lavoro si fa duro sopratutto per te che a quanto pare ne mastichi poco.

Altrimenti ti scarichi quel tema e vedi come è fatto o ti fai aiutare da uno che ne sappia, ma ti assicuro che non è semplice da attuare identico all'esempio che hai fatto perchè quel tema ha delle particolarità che permettono che la data sia visibile fuori dal main.

P.S.
Capisco che sia più comodo postare su un forum una domandina di questo tipo ma non puoi farti prima una ricerca tra i plugin su wordpress.org?
Non immagini quanto sia semplice e avresti capito subito che non esistono plugin per questa tua esigenza.

Nota positiva.
Grazie per la segnalazione di quel template gratuito che non è niente male. Non a caso da i crediti ai migliori sviluppatori in questo campo, uno fra tutti kriesi.

rebel

Ok grazie.

danieleseo

Prova con questo:

<?php the_time('l, F jS, Y') ?>

Oppure dai un occhiata qui:
codex .wordpress . org/ Template_Tags/ the_date
codex. wordpress. org/ Function_Reference/ get_the_time

Con questi stampi la data, poi puoi personalizzarla con i CSS a livello grafico.

elmanisero

Con quel codice senza div non ha la possibilità di dare nessun stile alla data, poi se proprio lo volesse come da esempio dovrebbe mettere una cosa simile a questa
<div class="quellachevuoi"><p><span class="atuopiacimento"><?php the_time('j') ?></span><br /><?php the_time('F') ?></p></div>
Ma la cosa più importante è in quali file metterla.
Poichè non sappiamo che tema usa si può ipotizzare che possano essere index, blog, single, archive, ma di questo non si ha certezza, questo sempre che che il suo tema permetta la visibilità della data fuori dal main quando metti nella classe quellachevuoi il margin-left in negativo.

danieleseo

@elmanisero said:

Con quel codice senza div non ha la possibilità di dare nessun stile alla data, poi se proprio lo volesse come da esempio dovrebbe mettere una cosa simile a questa
<div class="quellachevuoi"><p><span class="atuopiacimento"><?php the_time('j') ?></span><br /><?php the_time('F') ?></p></div>
Ma la cosa più importante è in quali file metterla.
Poichè non sappiamo che tema usa si può ipotizzare che possano essere index, blog, single, archive, ma di questo non si ha certezza, questo sempre che che il suo tema permetta la visibilità della data fuori dal main quando metti nella classe quellachevuoi il margin-left in negativo.

L'ho dato mezzo per scontato, visto che sta realizzando un template per Wp, intanto magari ha delle funzioni di riferimento che sono certo gli saranno utili e poi l'ho scritto che le modifiche grafiche le farà tramite css, ovviamente usando div, classi e simili.

elmanisero

@DanieleSEO said:

L'ho dato mezzo per scontato, visto che sta realizzando un template per Wp.
Capisco quello che dici, ma leggendo la sua domanda dubito che uno che sta realizzando un tema non sappia cosa andare a modificare o chieda un plugin. Per me sta solo realizzando un sito e non sa cosa modificare nel tema.
Comunque ha tutti i dati per realizzare quello che vuole, sempre che ne sia capace.
Ciao

rebel

Allora il tema che sto utilizzando è questo wordpress.org/extend/themes/heatmap-adsense-theme

Ora di certo non sono esperto, però navigo dal 1996 qualcosa riesco a farla se smanetto sul codice del tema.

Potete dirmi quale punto esatto di questo tema devo editare e cosa inserire?

Io vorrei che vicino il titolo del post compaia una data simile a quella di questo tema wordpress.org/extend/themes/lightword

Se mi dite cosa devo inserire nelle pagine del tema e nel css ve ne sarei grato.

Grazie.

elmanisero

Ora hai cambiato tema di riferimento.

Se riesci a smanettare sul codice come dici devi inserire il codice nei tuoi file common.php e single.php prima della chiamata del titolo <?php the_title(); ?>
I codici php e css li trovi scaricandoti il nuovo tema scelto.
Ora hai tutti i dati per operare da solo.

Se vuoi invece che qualcuno faccio tutto questo lavoro fornendoti tutti i codici e le modifiche da fare sui singoli file o trovi una buona anima che te lo faccia gratis o chiedi nella sezione apposita dei lavori retribuiti.

elmanisero

.......

rebel

Ok grazie, ci provo e vi faccio sapere.

rebel

Ok ci sono riuscito, solo che si vede solo come semplice testo, vorrei dargli una leggere grafica diciamo un piccolo riquadro che contenga la data.

Cosa devo inserire nel css per riuscirci?

Grazie

elmanisero

Grazie ai poteri divinatori ricevuti dal grande dio Odino ora mi collegherò al tuo sito per vedere il risultato della tua grande impresa e per capire che nome classe hai inserito per poterti aiutare,........ mahh non capisco ..... i miei poteri non mi permettono di fare tutto ciò. Mi dispiace.

La piscina ora mi chiama devo andare.

elmanisero

Non so se hai capito il senso della mia risposta che non era non ti voglio aiutare ho altro da fare ma fuori di metafora se non ci dici cosa hai inserito e/o meglio ancora la direzione del tuo sito come pensi che possiamo aiutarti? Non siamo dei veggenti (repetita iuvant).

rebel

Ti passo il link in privato.

elmanisero

Ok ho letto il messaggio, visto il sito e capito che tu o non leggi o non comprendi quello che si è detto in questo topic. A parte il fatto che cambi in continuazione modello di riferimento, ma se mi inserisci un semplice <?php the_time('j F Y') ?> senza nessun div è impossibile dargli uno stile.

rebel

@elmanisero said:

Ok ho letto il messaggio, visto il sito e capito che tu o non leggi o non comprendi quello che si è detto in questo topic. A parte il fatto che cambi in continuazione modello di riferimento, ma se mi inserisci un semplice <?php the_time('j F Y') ?> senza nessun div è impossibile dargli uno stile.

Non è che non comprendo è che ho messo cosi per ora, è che in quel codice che mi hai dato non ho capito solo quei punti <div class="quellachevuoi"> e <span class="atuopiacimento"> a cosa servono di preciso?

O meglio al posto di quelle parole con quale codice o comando più precisamente devo sostituirle?

Servono per richiamare il foglio di stile?

Se servono per richiamare il foglio di stile, che cosa devo inserire al posto di "atuopiacimento" e "quellachevuoi"?

Il modello del tema è sempre questo wordpress.org/extend/themes/heatmap-adsense-theme

Se ti sembra diverso è perche ho solo cambiato qualcosina nella grafica e aggiunto qualche funzione in più, ma di base resta lo stesso.

Spero di essermi fatto capire meglio.

elmanisero

Avrai una grafica simile il primo sito che hai citato .
Vai a questa pagina http://i47.tinypic.com/qqbc6w.png e ti salvi l'immagine con il nome circle.png e la metti nella cartella images del tuo tema.
Al posto di <?php the_time('j F Y') ?> mettici questo codice.

<div class="postdate"><p><span class="postdateno"><?php the_time('j') ?></span><br /><?php the_time('F') ?><br /><?php the_time('Y') ?></p></div>

Poi apri il file style.css e a fondo pagina ci metti questo codice

.postdate{
    background-image: url(images/circle.png);
    width:85px;
    height:64px;    
    margin-left:0px;
    margin-top:0px;
    float: left;
    text-align: center;
    font-size: 11px;
    padding-top:16px;
    background-repeat: no-repeat;
    text-shadow: #FEFFA9 1px 1px 0px;
    background-color: transparent;
}
.postdateno{
    font-family: "Times New Roman", Times, serif;
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 10px;
    padding-top:8px;
    display: block;
}

Poi se mi vuoi fare una offerta mandala ai terremotati dell'Emilia

rebel

Ok perfetto ci sono riuscito! ti ringrazio per la gentilezza a buon rendere, grazie!

Solo una domanda, ma se volessi vedere le icone della data allineate al bordo a sinistra al di fuori della pagina diciamo sulla sinistra, cosa dovrei fare?

elmanisero

Per il buon rendere ti ho già detto cosa devi fare. Sto lavorando da qualche ora. Sii riconoscente.

Devi mettere al id #content (riga 30 del tuo css) le proprietà overflow:visible che ora è invece hidden
e dare alla classe .postdate la proprietà position:absolute e mettere in negativo il margin-left