Il tema di wordpress usato su PPPP.it! Installare Arthemia

Scrivo questo post per presentarvi il tema che utilizzerò (credo per molto tempo) in questo portale in WordPress. Il tema è Arthemia, un magazine style di grande eleganza. La struttura (come potete vedere in tempo reale) è caratterizzata da una prima notizia principale, affiancata da 4 news. Queste precedono altre notizie secondarie, affiancate invece dalle barre laterali. Il footer, diviso in 3 parti, è completamente personalizzabile.

Un’altra caratteristica eccezionale è il ridimensionamento automatico delle immagini inserite nel post!

Il tema rispetto al solito è leggermente più complesso da personalizzare e installare correttamente.

Ecco i passaggi principali da effettuare dopo aver installato il tema:

  1. NON cambiate nome alla directory arthemia (nella sottocartella themes di wordpress)
  2. impostare i permessi tramite FileZilla delle cartelle all’interno di arthemia nel seguente modo: script = 755 e all’interno di questa cartella il file timthumb.php dev’essere impostato a 644 e la cartella cache a 755 (vedi come impostare i permessi in questo post)
  3. creare una categoria chiamata “headline” e una chiamata “featured” per far apparire i post nella zona alta, nelle sezioni che io ho chiamato “prima pagina” e “news”
  4. per mostrare le categorie nella barra di navigazione in maniera corretta (sotto la sezione che io ho chiamato “prima pagina”) aprite il file index.php del tema e inserite gli ID delle categorie che volete mostrare:
    <?php $display_categories = array(5,6,7,8,11); $i = 1;
    foreach ($display_categories as $category) { ?>

    Notate che 5, 6, 7, 8, e 11 sono gli ID delle categorie che saranno mostrate.
  5. Per mostrare correttamente i post ed evitare ripetizioni dovete modificare sempre il file index.php per escludere alcune categorie:
    <?php $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
    query_posts("cat=-9,-15&paged=$page&posts_per_page=2"); ?>

    In questo caso 9 e 15 sono gli ID delle categorie Headline and Featured. Questo eviterà duplicati negli articoli mostrati. posts_per_page=2 significa che sono mostrati 2 posts per pagina.
  6. per inserire le immagini, all’interno del post inserite un campo personalizzato chiamato “Image” (attenti alla maiuscola!), e nel campo inserite il percorso dell’immagine che DEVE essere sul vostro spazio web; questo indirizzo deve omettere l’inizio dell’url e deve necessariamente iniziare con wp-content, ad esempio dev’essere del tipo: wp-content/uploads/2008/04/pool.jpg
  7. dal pannello di controllo di wordpress potete gestire le varie porzioni delle barre laterali e del footer

Dovrebbe funzionare tutto alla perfezione! :)

77 thoughts on “Il tema di wordpress usato su PPPP.it! Installare Arthemia

  1. admin 2 Novembre 2009 at 16:59

    Beh, per ora c’è poco! Comunque cambia il logo, rimpiccioliscilo, altrimenti deve caricare inutilmente un’immagine enorme! ;)

  2. Roberto 2 Novembre 2009 at 16:53

    Un passettino per volta….un giudizio sul lavoro fatto fino ad ora?

    http://vivibarletta.altervista.org/blog/

    Ciao.

  3. admin 2 Novembre 2009 at 16:17

    Eh… Non hai scelto il tema più facile per iniziare! :D buon lavoro. Leggi bene l’articolo!

  4. Roberto 2 Novembre 2009 at 16:03

    Grazie, ci sono riuscito.
    Sai che adesso ogni 3×2 ti romperò le scatole, vero?
    :)

  5. admin 2 Novembre 2009 at 13:22

    Ciao! Guarda, se non riesci a far vedere l’immagine dopo aver seguito le informazioni con precisione penso che sia un problema di permessi da impostare alle cartelle…

    Hai seguito il punto 2?
    – impostare i permessi tramite FileZilla delle cartelle all’interno di arthemia nel seguente modo: script = 755 e all’interno di questa cartella il file timthumb.php dev’essere impostato a 644 e la cartella cache a 755 (vedi come impostare i permessi in questo post)

    In uno dei commenti precedenti
    Ecko scrive:

    Ok, risolto. Ecco il problema:

    There is a folder called ’scripts’ which contains the PHP image resizer scipt, timthumb.php. Inside the folder, there is another folder called ‘cache’. You have to make this folder writable by changing the folder attributes to 777

    Nel mio caso ho dovuto impostarla manualmente, perchè aveva permessi diversi.

    ______________________________________________________

    Quindi prova un pò, con i permessi, magari cerca nel sito originale del tema, perchè ricordo che io ho dovuto fare diverse prove!

    :) Mi dispiace ma di più non posso dirti, perchè per ogni hosting qualcosa è diverso..!

    Se qualcuno ha un aiuto da darci è ben gradito!

  6. Barbara 2 Novembre 2009 at 13:16

    Ciao, ho il problema per il campo Image. Ho seguito alla lettera la tua spiegazione (chiarissima)solo che l immagine non esce. Leggendo mi sorge il dubbio se devo spostare le cartelle chiamate timthumb.php e la cartella cache?

  7. admin 2 Novembre 2009 at 11:57

    Ciao Roberto! Per la modifica devi cambiare l’immagine nella cartella TUOSITO/wp-content/themese/arthemia/images/
    dovrebbe chiamarsi logo.
    Metti la tua immagine al posto di quella, però fai attenzione che si chiami nello stesso modo e sia la stessa estensione di file (.jpg se non sbaglio!). ;)

  8. Roberto 2 Novembre 2009 at 11:55

    Ciao.
    Innanzitutto volevo complimentarmi con te per il sito : davvero Grandioso.
    Detto questo, sono alle prime armi con WordPress ed in generale ho una scarsa conoscenza(veramente fino ad una settimana fa ne ignoravo l’esistenza) di CSS, Php e via discorrendo.

    Il primo problema che vorrei porti è il seguente : come faccio a sostituire il logo Arthemia come titolo del blog?
    Nonostante le modifiche apportate infatti, il nome resta sempre lo stesso.

    Ciao e alla prossima:)

  9. Ecko 28 Ottobre 2009 at 13:10

    :) GRAZIE mille. Molto più semplice di quanto pensassi. Grazie ancora. A presto :)

  10. admin 28 Ottobre 2009 at 12:38

    Devi installare il plugin WP-PageNavi
    :)

  11. Ecko 28 Ottobre 2009 at 12:35

    Rieccomi qui. Il sito è quasi pronto, poi naturalmente posterò il link =)
    Ora però ho un altro problemino da risolvere: normalmente in fondo all’home page, sotto tutti gli articoli, c’è l’opzione per andare alle pagine vecchie (anche nel tuo c’è… PAGINA 1 SU 7 con i link delle pagine vecchie). Bene, nel mio sito questa “barretta” è scomparsa e non so come rimetterla. Qualche suggerimento? tnx

  12. admin 22 Ottobre 2009 at 11:06

    Si, con i permessi ci sono varie accortezze da prendere. Io le ho impostate come vi ho descritto, ma nel sito del tema non erano impostati in quel modo! Sono contento che funziona adesso. Se poi ci vorrai lasciare il link del tuo sito vedremo il risultato! ;)

  13. Ecko 22 Ottobre 2009 at 11:03

    Ok, risolto. Ecco il problema:

    There is a folder called ’scripts’ which contains the PHP image resizer scipt, timthumb.php. Inside the folder, there is another folder called ‘cache’. You have to make this folder writable by changing the folder attributes to 777

    Nel mio caso ho dovuto impostarla manualmente, perchè aveva permessi diversi.

    Ora tutto ok. Grazie ; )

  14. admin 21 Ottobre 2009 at 23:35

    Se provi a raggiungere la foto tramite la URL funziona?
    Ma gli articoli si vedono?

    Nel caso mandami l’url del sito e do un’occhiata, ma se non funzionano quelle mie istruzioni non so se posso aiutarti..

  15. Ecko 21 Ottobre 2009 at 23:32

    Grazie della risposta veloce. Niente da fare. Ho riprovato seguendo le tue ultime istruzioni. Non mi funziona. Ho controllato tutto, l’url dell’immagine è corretto, ma in home non viene fuori la foto. Non capisco…

  16. admin 21 Ottobre 2009 at 22:52

    Ciao! Grazie per i complimenti, spero di potervi essere utile con i miei articoli!

    Allora… i passi da seguire sono questi:
    1) scegli una foto
    2) la metti nella cartella di arthemia, in una ipotetica sottocartella che ora per capirci chiamiamo /immaginiarticoli
    3) scrivi l’articolo normalmente
    4) inserisci un campo personalizzato (sotto la descrizione dell’articolo).
    5) Alla voce NOME del campo personalizzato scrivi Image (attento alla maiuscola) e alla voce DESCRIZIONE scrivi l’indirizzo della foto in questo modo:
    wp-content/themes/arthemia/immaginiarticoli/NOMEIMMAGINE.EXT

    Pubblica l’articolo e funziona! :)

  17. Ecko 21 Ottobre 2009 at 22:46

    Ciao admin, complimenti intanto x il blog. Ottimo e ben fatto.
    Sto cercando anch’io di utilizzare il tema Arthemia.
    Ho un problema con l’inserimento delle immagini. Ho seguito le tue istruzioni passo per passo e ho provato + volte, ma niente da fare. Riesco a inserire le immagini nei post normalmente, quindi caricandole o linkandole, ma poi nell’homepage non compare la foto. cosa posso fare? grazie

  18. admin 20 Ottobre 2009 at 13:50

    Ciao Tito! Leggi l’articolo, al punto 3 trovi la spiegazione. Devi creare due categorie chiamate:
    headline
    featured

    Poi basta inserire le notizie in queste categorie e saranno pubblicate nelle sezioni in alto.

    Io le ho rinominate ma bisogna agire sul codice della index…!

  19. Tito 20 Ottobre 2009 at 13:47

    Ciao scusa se ti disturbo. Desideravo sapere come fare per inserire, in poche parole come hai fatto nel tuto sito, IN PRIMA PAGINA e ULTIME NEWS. Il sito a cui sto lavorando è http://www.messinasud.com.
    Ti ringrazio particolarmente.
    Tito Lanciano

  20. admin 15 Ottobre 2009 at 16:09

    Certo, per ogni post! E’ semplice, basta mettere le foto nella cartella che scegli e per ogni post inserire il percorso solito + il nome della foto. :D

    Con gli altri temi non serve perchè con questo tema è automatico il ridimensionamento delle immagini, cosa che gli altri temi si sognano! :D

  21. Tito 15 Ottobre 2009 at 16:05

    Questo lavoro va fatto per ogni post? Scusa ma per te è facile ma io, purtroppo, scusa la mia ignoranza ma continuo a non capire. Con gli altri temi non mi è mai successa una cosa simile. Se gentilmente mi potresti spiegare passo passo te ne sarei veramente grato. Cia e cari saluti

  22. admin 15 Ottobre 2009 at 13:50

    Ciao! Grazie per i complimenti! :D purtroppo lavoro per voi gratuitamente… :D

    Veniamo alla tua richiesta…

    Se guardi il punto 6 è spiegato così:

    6 – per inserire le immagini, all’interno del post inserite un campo personalizzato chiamato “Image” (attenti alla maiuscola!), e nel campo DESCIRIZONE inserite il percorso dell’immagine che DEVE essere sul vostro spazio web (CONSIGLIO DI METTERLO DENTRO LA CARTELLA ARTEMIA); questo indirizzo deve omettere l’inizio dell’url e deve necessariamente iniziare con wp-content, ad esempio dev’essere del tipo: wp-content/themes/arthemia/SOTTOCARTELLA-EVENTUALE/pool.jpg

    E l’immagine viene inserita! :D

  23. Tito 15 Ottobre 2009 at 13:24

    Ciao Admin, intanto devo complimentarmi per il lavoro che stai svolgendo e immagino anche gratuitamente. Cmq molto interessante e soprattutto di molto aiuto per noi comuni mortali. Io uso wordpress per http://www.guardavalle.eu e per http://www.zafferia.it ed inoltre sto lavorando per http://www.messinasud.com
    Per ora non avendo avuto tempo sto lavorando con lo stesso tema, ma sono rimasto affascinato da questo Arthemia e mi piacerebbe usarlo per messina sud. L’ho scaricao, l’ho provato sul pc e non sul web e devo dire che mi funziona tutto tranne le immagini nei post nell home. Ti chiedo di darmi una mano d’aiuto. Penso che vista la tua disponibilità ci sentiremo molto spesso. Ancora tantissimi complimenti per la tua bravura. in attesa ti invio cordiali saluti. Tito.

  24. admin 20 Settembre 2009 at 17:24

    Guarda non saprei..! :) ci ho provato ma senza risultati. Puoi provare a chiedere all’autore! ;)

  25. alex 20 Settembre 2009 at 16:19

    salve a tutti,volevo una semplice informazione, come faccio a far visualizzare nella sezione featured oltre al titolo del post anche un piccolo riassunto?
    grazie ….

  26. admin 12 Settembre 2009 at 00:02

    Per la mail nei commenti vedremo prossimamente. Per i plugin ovviamente sarà fatto, era già in progetto perchè wordpress senza plugin è come avere una ferrari e andare a 40 all’ora! :D

    Purtroppo sono alle prese ancora con modifiche al codice, pubblicherò entro qualche giorno (spero pochi) altri articoli interessanti! :D

    Intanto puoi seguire le novità nei commenti qui:
    https://www.pppp.it/comments/feed/

    e il feed degli articoli lo trovi qui:
    https://www.pppp.it/feed/

    ;)

  27. Andrea 11 Settembre 2009 at 23:36

    un’altra cosa..

    Non è che magari hai la possibilità alla fine di ogni commento di poter selezionare se vogliamo la risposta arrivi per mail?

    Nel senso che capita di non entrare sempre nel tuo sito per controlalre se mi hai risposto, perchè magari non ne ho il tempo..
    e ricevere gli aggiornamenti di quando ti commentano ogni singolo post, mi sarebbe di aiuto.

  28. Andrea 11 Settembre 2009 at 23:34

    Grazie per la risposta..

    Magari chiedevo se nella sezione wordpress hai intenzione di mettere i vari plug in essenziali per un blog.

    E magari le loro configurazioni ottimali, visto che molto sono in inglese e non ci si capisce come vanno configurati.

    Magari ti ho dato un suggerimento :-)

  29. admin 10 Settembre 2009 at 13:13

    Ciao Andrea! Grazie per i complimenti! Allora, riguardo le tue domande posso dirti che il tema è scaricabile da qui:
    http://michaelhutagalung.com/downloads/ArthemiaFree

    per i colori diversi penso che questi siano disponibili solo nella versione premium (a pagamento).

    Per il cambio del logo si fa quasi sempre in questo modo: basta sfogliare le cartelle del tema (ad esempio con filezilla) e cercare una cartella “Image” o simile e sostituire l’immagine con la tua preferita.

    Se vuoi altre info su filezilla cerca tra gli articoli e troverai una piccola guida!

  30. Andrea 9 Settembre 2009 at 11:50

    Ciao..

    Ho trovato il tuo portale passando da alverde e la scelta del template è molto carina..

    Io volevo aprire un blog ma avevo visto in giro che esisteva lo stesso template però a colori.
    Magari sai dove lo posso trovare per scaricarlo?
    E se i tupi passaggi valgono anche per quel tema..

    Un’altra informazione che vorrei chiederti:
    Come fai a cambiare il ogo nel template?

    Grazie ed ancora complimenti per il tuo blog.

    ciao
    Andrea

Lascia un commento

Nome *
Email *
Sito web