Costruire un sito web personalizzato Lifestream con Sweetcron

Sweetcron è "The Automated Lifestream Blog Software". È ancora in beta pubblica, ma è già un bel pacchetto software per blog. La bellezza di Sweetcron è che i nuovi post vengono creati automaticamente dalla tua attività altrove sul web. Nuove foto su Flickr? Tweet su Twitter? Complimenti su StumbleUpon? Post del blog su Tumblr? Aggiungili tutti al tuo sito di Sweetcron e appariranno sul tuo sito in pochi minuti.




Passaggio 1: Scarica Sweetcron e preparazione

Sweetcron è gratuito e open source! Esiste un gruppo Google che ospita download, wiki, gruppi di discussione e tutto il resto. Avrai collegamenti a tutto ciò andando al sito principale di Sweetcron e inserendo la tua email per scaricare / partecipare.

Prima di iniziare, sappi che dovrai farlo su un server che esegue PHP (almeno la versione 5, ho dovuto aggiornare le versioni per il mio sito demo). Avrai anche bisogno di un database MySQL (4.1) e di tutte le informazioni di connessione (nome del database, nome utente del database, password del database, nome host del database).

Scarica la copia più recente di Sweetcron e carica l'intera cartella nella directory sul tuo server web che desideri che il blog risieda. La directory root, se desideri che sia nella radice del tuo sito, o in una sottodirectory come / blog o / lifestream.

Nota: incluso nel download è un file .htaccess che è richiesto per il corretto funzionamento di Sweetcron. Alcuni sistemi operativi preferiscono nascondere questo file, quindi se non vedi nella directory in cui hai caricato, dovrai crearne uno nuovo (vedi il codice sotto).

Passaggio 2: installare Sweetcron

La prima cosa da fare è verificare che il tuo file .htaccess sia a posto e che contenga il seguente codice:

 Opzioni + FollowSymLinks RewriteEngine On RewriteBase / RewriteCond% REQUEST_FILENAME! -F RewriteCond% REQUEST_FILENAME! -D RewriteRule ^ (. *) $ Index.php? / $ 1 [L]

Avanti, aperto system / application / config e rinominare il file "config-sample.php" in "config.php". Sostituisci l'URL con l'URL del tuo sito. Quindi rinominare "database-sample.php" in "database.php" e inserire questi dettagli.

Nota:Se si sta installando in una sottocartella, ci sono due passaggi aggiuntivi.

  1. Nel config.php assicurati che base_url sia il percorso url completo per l'installazione di Sweetcron, ad esempio la sottocartella.
  2. Apri il .htaccess file trovato alla base di Sweetcron e modifica RewriteBase / a RewriteBase /

Ora vai al tuo sito in un browser web e dovresti essere accolto con i passaggi finali per l'installazione (impostazione dell'account amministratore e così via).

Passaggio 3: configurazione

Dopo aver installato e verificato che tutto sia andato a buon fine, probabilmente il punto migliore da cui iniziare è iniziare ad aggiungere alcuni feed. Fare clic sulla scheda feed e quindi sul pulsante "Aggiungi nuovo feed" sulla destra.

Basta inserire un indirizzo di feed in questa casella e fare clic sul pulsante "Aggiungi questo feed". Se hai l'indirizzo di feed "reale" (ad esempio http://feeds.feedburner.com/nettuts), questa è la soluzione migliore. Tuttavia, puoi semplicemente inserire un normale URL del sito web e tenterà di rilevare automaticamente il feed su quel sito (ad es. Http://net.tutsplus.com/)

Ora vai alla scheda Opzioni. Qui vedrai l'Email del titolo e dell'amministratore che hai già impostato, ma qui ci sono altre importanti opzioni. Gli articoli per pagina sono auto-esplicativi, Cron Type non è così ovvio. Hai due opzioni qui: Psuedo-Cron e True Cron. Ciò che queste opzioni designano è come / quando il software esegue un controllo di ciascun feed e cerca nuovi elementi. Pseduo Cron è l'impostazione predefinita in quanto non richiede alcuna configurazione del server. Con Pseduo Cron, se è trascorso più di 30 minuti, il prossimo visitatore del tuo sito attiverà il lavoro per cercare nuovi feed. Non è un grosso problema, ma quell'utente sperimenterà un tempo di caricamento della pagina più lungo del normale. True Cron elimina questo problema facendo in modo che il server stesso attivi quell'evento. Se sai cosa stai facendo e puoi configurare i tuoi propri lavori Cron, fai clic su quell'opzione e ti darà l'URL da colpire.

Subito dopo aver aggiunto i tuoi feed e impostato le opzioni, puoi tornare al tuo sito solo per scoprire che non ci sono articoli! Non preoccuparti, è (probabilmente) non rotto. Sono passati solo 30 minuti e il job Cron non è stato attivato. Se si desidera "forzarlo", tornare al pannello delle opzioni, fare clic su True Cron, copiare l'URL e visitarlo in un browser. Questo dovrebbe inserire tutte le voci di feed recenti. Oppure (ancora più semplice), fai clic sulla scheda "Articoli" e premi il pulsante "Recupera nuovi elementi adesso".

Passaggio 4: amministrazione

La vera bellezza di Sweetcron è la capacità di automazione e di lifestreaming, ma è anche un normale motore di blogging. Fare clic sulla scheda "Scrivi" per scrivere i propri messaggi, compresi i tag!.

Un'altra nota importante su Sweetcron è che è davvero un motore di blogging, non solo un parser di feed. Ciò significa che quando inserisce una nuova voce (ad esempio, un nuovo tweet Twitter) inserisce una voce per quella nel Database e quel contenuto ora vive ufficialmente sul tuo sito. Se successivamente elimini quel Tweet su Twitter o modifichi in qualche modo il contenuto del feed, questo non lo cambierà automaticamente sul tuo sito come potrebbe accadere se tu stessi utilizzando un parser di feed.

Questo porta all'ultima scheda nel pannello di amministrazione: "Elementi". Questo mostra tutte le voci che hai scritto o pubblicato manualmente o che è stato prelevato automaticamente da uno dei tuoi feed. Questo è molto carino, penso. Puoi facilmente modificare, eliminare o semplicemente "annullare la pubblicazione" e una particolare voce sul tuo sito. Questo è il tipo di controllo semplice che desideri su un sito web

Passaggio 5: personalizzazione

A questo punto, il sito Web di Sweetcron è simile a questo:

Questo è il tema predefinito "Sandbox". Non c'è molto da vedere, ma è molto ben costruito e un ottimo punto di partenza per progettare il tuo tema! La struttura tematica di Sweetcron è fantastica e dovrebbe essere molto familiare per chiunque abbia utilizzato WordPress.

Sweetcron ha un altro tema, "Boxy", che lo sviluppatore principale di Sweetcron utilizza sul suo sito personale. Ecco il sito di Yong Fook:

Il tema "Boxy" mostra una delle caratteristiche davvero interessanti di Sweetcron, e questa è la possibilità di avere ogni post del blog formattato in modo diverso a seconda della sua fonte. Nota come ognuna delle diverse caselle (post) sul sito di Jon ha un aspetto diverso? La casella in alto a sinistra è una foto di Flickr (con il titolo e le informazioni sovrapposte). La casella successiva è un tweet di Twitter (fumetto con icona utente). L'alto a destra è un "digg". Non sei limitato a fonti particolari, puoi creare i tuoi design personalizzati e applicarli alle tue fonti personalizzate!

Passaggio 6: progettazione di un tema personalizzato

Come ho già detto, Sweetcron supporta temi personalizzati e funziona in modo molto simile a WordPress. I temi esistono come directory della cartella "temi" in cui vive system / application / views / temi.

Il modo più facile (e più sicuro) per iniziare è quello di duplicare semplicemente uno dei temi esistenti e modificare da lì. Per il mio tema personalizzato, ho iniziato con il tema Boxy, perché aveva già la funzione per-source di progettazione personalizzata che volevo usare integrata.

Dopo aver duplicato e rinominato uno dei temi, quel nuovo tema apparirà nel pannello "Opzioni" nel back-end di amministrazione. Basta sceglierlo e fare clic sul pulsante "Salva opzioni".

La maggior parte dei file che vedrai nella cartella del tema sono abbastanza auto-esplicativi. Il file "_header.php" è il tuo DOCTYPE, la sezione di testa e l'inizio del tuo corpo. "._footer.php" chiude le cose (buon posto per la tua analisi e così via) e "._sidebar.php" è (aspetta) la tua barra laterale.

Forse il file più importante del tema è il file "_activity_feed.php". Questa è l'area di contenuto principale del tuo tema e controlla le caselle di ogni post di blog. Simile al "ciclo di WordPress", questo file contiene anche un ciclo che mostra quanti più post appropriati per quella pagina

Ecco il ciclo, semplificato:

 
  • get_feed_domain () == 'twitter.com'):?>

    config-> item ( 'base_url')?> articoli / site /get_feed_domain ()?> ">

    get_title ()?>

    get_feed_domain () == 'chriscoyier.stumbleupon.com'):?>

    get_permalink ()?> /get_name ()?> ">get_title ()?>

    get_content ()), 38)?>

    feed_id):?>

    get_permalink ()?> /get_name ()?> ">get_title ()?>

    Un post sul blog

    Non hai niente da sistemare per questo!

    get_human_date ()?> | get_permalink ()?> /get_name ()?> "> Commenti»

Per creare nuovi trattamenti personalizzati per i post da fonti diverse, basta copiare e incollare una delle istruzioni PHP elseif dall'alto e personalizzarla. Sul mio sito, sto includendo il mio feed Twitter, il feed StumbleUpon, il feed di Flickr e i feed per CSS-Tricks e il mio blog personale. Ho creato speciali istruzioni elseif per ognuna di queste fonti, nel caso in cui volessi fare uno stile speciale per ognuna di esse.

Questo è stato abbastanza utile. Sweetcron fornisce una funzione integrata per aggirare le favicon dell'origine, che ha funzionato per tutto tranne StumbleUpon, i cui sottodomini (chriscoyier.stumbleupon.com) impediscono il corretto funzionamento. Quindi, poiché avevo il controllo completo su come viene visualizzato quel tipo di messaggio, ho semplicemente detto di cercare nel posto giusto manualmente (vedi il codice StumbleUpon sopra).

Ecco come appare il mio tema personalizzato:

È estremamente semplice Elenca semplicemente la prima riga del contenuto di un determinato post. Nel caso di Twitter, è il tweet stesso. Nel caso di StumbleUpon, è il collegamento. Nel caso di CSS-Tricks, è il titolo del post. Ogni post mostra la sua fonte dalla favicon al margine della pagina.

Passaggio 7: pagine singole e pagine statiche

Ogni post del tuo blog avrà anche un permalink, A.K.A, una pagina "singola". Se vuoi aggiungere commenti al tuo sito, questo è il posto giusto per farlo (single.php). Commentare non è una funzione incorporata di Sweetcron, ma è abbastanza semplice da aggiungere con potenti sistemi facili da usare come Disqus. Nel mio tema, ho usato il kit JS dead-simple per aggiungere commenti alle mie singole pagine (letteralmente due righe di codice).

Se vuoi pagine "statiche" non basate su modelli per il tuo sito (come una pagina Contatti), è facile farlo anche tu. Basta creare una pagina chiamata qualcosa come "contact_chris.php" nella directory dei temi, e quella pagina sarà disponibile su http://your-site.com/sweetcron/contact_chris e il titolo della pagina sarà automaticamente "Contatta Chris". Tieni presente che i file di intestazione e piè di pagina verranno applicati automaticamente qui, quindi stai solo creando l'area del contenuto principale.

Avvolgendo

Le nostre vite sul web sono più sparse di quanto non siano mai state, ma grazie alle generose API, ai formati aperti come RSS e ai fantastici software come Sweetcron, il sito Web personale non è morto!

Sweetcron è un software relativamente nuovo, ma la sua facilità d'uso, l'ottima interfaccia utente e l'estensibilità saranno sicuramente utili per il decollo. Potevo vederlo accumulare un'enorme base di utenti e persino rubare una piccola quota di mercato ai giganti del blog come WordPress.