Construirea unui site Web personalizat cu Sweetcron

Sweetcron este "Software-ul blogului automat de viață". Acesta este încă în public beta, dar este deja un pachet software foarte frumos blog. Frumusețea Sweetcron este că postările noi sunt create automat din activitatea dvs. în altă parte de pe web. Noi fotografii pe Flickr? Tweets pe Twitter? Thumbs up pe StumbleUpon? Postări pe blog pe Tumblr? Adăugați-le pe toate pe site-ul dvs. Sweetcron și acestea vor apărea pe site-ul dvs. în câteva minute.




Pasul 1: Descărcați Sweetcron & Pregătire

Sweetcron este gratuit și open source! Există un grup Google care găzduiește descărcările, wiki-ul, grupul de discuții și toate acestea. Veți primi linkuri către toate acestea, accesând site-ul principal Sweetcron și introducând e-mailul pentru descărcare / înscriere.

Înainte de a începe, știți că va trebui să rulați acest lucru pe un server care rulează PHP (cel puțin versiunea 5, a trebuit să îmbunătățesc versiunile pentru site-ul meu demo). Veți avea nevoie și de o bază de date MySQL (4.1) și de toate informațiile despre conexiune (numele bazei de date, numele de utilizator al bazei de date, parola de bază de date, numele gazdei bazei de date).

Descărcați cea mai recentă copie a Sweetcron și încărcați-o complet în directorul de pe serverul dvs. web pe care doriți să îl locuiți în blog. Directorul rădăcină, dacă doriți să fie la radacina site-ului dvs. sau într-un subdirector cum ar fi / blog sau / lifestream.

Notă: inclus în descărcare este un fișier .htaccess care este necesar pentru ca Sweetcron să ruleze corect. Unele sisteme de operare preferă să ascundă acest fișier, deci dacă nu vă vedeți în directorul pe care l-ați încărcat, va trebui să creați unul nou (vedeți codul de mai jos).

Pasul 2: Instalați Sweetcron

Primul lucru pe care trebuie să-l faceți este să verificați dacă fișierul .htaccess există și are următorul cod în el:

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

În continuare, deschideți-vă sistem / application / config și redenumiți fișierul "config-sample.php" la "config.php". Înlocuiți adresa URL cu adresa URL a site-urilor dvs. Apoi redenumiți "database-sample.php" la "database.php" și completați aceste detalii.

Notă:Dacă instalați într-un subfolder, există doi pași suplimentari.

  1. În config.php asigurați-vă că base_url este calea urlului complet pentru instalarea Sweetcron, adică inclusiv subdosarul.
  2. Deschide .htaccess fișier găsit la baza de Sweetcron și schimbare RewriteBase / la RewriteBase /

Acum, navigați la site-ul dvs. într-un browser web și ar trebui să fiți întâmpinați cu pașii finali de instalare (setarea contului dvs. de admin și a altora).

Pasul 3: Configurarea

După ce ați instalat și ați verificat că totul a decurs bine, probabil că cel mai bun loc pentru a începe este să începeți adăugarea unor feed-uri. Faceți clic pe fila fluxuri și apoi pe butonul "Adăugați feedul nou" în partea dreaptă.

Pur și simplu introduceți o adresă de alimentare în această casetă și faceți clic pe butonul "Adăugați acest feed". Dacă aveți adresa de alimentare "reală" (de exemplu, http://feeds.feedburner.com/nettuts) care este cel mai bun pariu. Cu toate acestea, puteți să renunțați la o adresă URL obișnuită a site-ului web și va încerca să detecteze automat fluxul pe acel site (de ex. Http://net.tutsplus.com/)

Acum, mergeți la fila Opțiuni. Aici veți vedea e-mailul Titlu și Admin pe care l-ați configurat deja, dar există și alte câteva opțiuni importante aici. Elementele pe pagină sunt auto-explicative, tipul Cron nu este atât de evident. Aveți două opțiuni aici: Psuedo-Cron și True Cron. Ce desemnează aceste opțiuni este cum / când software-ul face o verificare a fiecărui flux și căută elemente noi. Pseduo Cron este implicit deoarece nu necesită configurare de server. Cu Pseduo Cron, dacă a trecut mai mult de 30 de minute, următorul vizitator al site-ului dvs. va declanșa treaba pentru a căuta noi fluxuri. Nu este o afacere mare, dar acel utilizator va experimenta un timp de încărcare a paginii mai mult decât normal. True Cron elimină această problemă prin faptul că serverul însuși declanșează acel eveniment. Dacă știți ce faceți și puteți configura propriile servere Cron Jobs, dați clic pe opțiunea respectivă și vă va da adresa URL care va fi afișată.

Chiar după ce adăugați feedurile și setați opțiunile, puteți reveni la site-ul dvs. numai pentru a afla că nu există elemente! Nu vă faceți griji, este (probabil) nu rupt. Doar că nu au trecut 30 de minute și nu a fost declanșată lucrarea Cron. Dacă doriți să o "forțați", reveniți la panoul de opțiuni, faceți clic pe True Cron, copiați adresa URL și vizitați-o într-un browser. Acest lucru ar trebui să tragă toate intrările dvs. recente feed. Sau (chiar mai ușor), faceți clic pe tab-ul "Items" și apăsați butonul "Fetch New Items Now".

Pasul 4: Administrare

Frumusețea reală a Sweetcron este capabilitățile de automatizare și de viață, dar este, de asemenea, un motor obișnuit de blogging. Faceți clic pe fila "Scrieți" pentru a vă scrie propriile mesaje, inclusiv etichetarea!.

O altă notă importantă despre Sweetcron este că este într-adevăr un motor de blogging, nu doar un analizor de feed-uri. Ce inseamna asta este faptul ca atunci cand se trage intr-o noua intrare (sa zicem, un nou Twitter Twitter), face o intrare pentru asta in baza de date si ca continutul traieste in mod oficial pe site-ul tau. Dacă ștergeți acel articol pe Twitter mai târziu sau modificați în orice mod conținutul feedului, acesta nu va schimba în mod automat pe site-ul dvs. cum ar fi dacă utilizați un parser pentru feeduri.

Aceasta duce la ultima filă din panoul de administrare: "Elemente". Aceasta vă arată fiecare dintre intrările pe care le-ați scris sau postat manual sau pe care le-ați apucat automat dintr-unul din fluxurile dvs. Acest lucru este foarte frumos, cred. Puteți să editați, să ștergeți sau să dezactivați cu ușurință "anulați publicarea" și o anumită intrare pe site-ul dvs. Acesta este un fel de control simplu pe care îl doriți pe un site web

Pasul 5: Personalizarea

În acest moment, site-ul dvs. Sweetcron arată astfel:

Aceasta este tema "Sandbox" implicită. Nu este prea mult să te uiți, dar e foarte bine construit și un loc minunat pentru a începe să îți proiectezi propria temă! Structura tematică pentru Sweetcron este fantastic și ar trebui să fie foarte familiar pentru oricine a folosit WordPress.

Sweetcron vine cu o altă temă, "Boxy", pe care dezvoltatorul de plumb al Sweetcron o folosește pe propriul site personal. Aici este site-ul lui Yong Fook:

Tema "Boxy" prezintă o caracteristică foarte interesantă a Sweetcron, și aceasta este capacitatea de a avea fiecare postare pe blog să fie formatat diferit în funcție de sursa sa. Observați cum diferă diferitele casete (postări) de pe site-ul lui Jon? Caseta din stânga sus este o fotografie din Flickr (cu titlul și informațiile suprapuse). Următoarea casetă este un Twitter tweet (bule de vorbire cu pictograma utilizatorului). Dreapta de sus este un "digg". Nu vă limitați la anumite surse, puteți crea propriile desene personalizate și le puteți aplica în propriile surse personalizate!

Pasul 6: Proiectarea unei teme personalizate

După cum am menționat, Sweetcron acceptă teme personalizate și funcționează într-un mod foarte asemănător cu WordPress. Temele există ca directoare ale dosarului "tematici" la care se află sistem / aplicație / vizualizări / teme.

Cea mai ușoară (și cea mai sigură) cale de a începe este să duplicați unul dintre temele existente și să le modificați de acolo. Pentru tema personalizată, am început cu tema Boxy, pentru că a avut deja proiectul personalizat pe sursă pe care doream să-l folosesc construit.

După ce ați duplicat și ați redenumit una dintre teme, acea temă nouă va apărea în panoul "Opțiuni" din backend-ul de administrare. Pur și simplu alegeți-l și faceți clic pe butonul "Opțiuni de salvare".

Majoritatea fișierelor pe care le veți vedea în dosarul tematic sunt destul de explicative. Fișierul "_header.php" este DOCTYPE, secțiunea capului și începutul corpului. "._footer.php" închide lucrurile (un loc bun pentru analizele dvs. și altele asemenea) și "._sidebar.php" este (așteptați pentru) bara laterală.

Poate că cel mai important fișier al temei este fișierul "_activity_feed.php". Aceasta este aria principală de conținut a temei dvs. și controlează casetele fiecărei intrări de blog. Similar cu "bucla WordPress", acest fișier conține, de asemenea, o buclă care afișează cât mai multe postări potrivite pentru acea pagină

Iată buclă, simplificată:

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

    configura cam> Element ( 'base_url')?> obiecte / 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 ()?>

    O postare pe blog

    Nu ai nimic pregătit pentru asta!

    get_human_date ()?> get_permalink ()?> /get_name ()?> "> Comentarii»

Pentru a crea noi tratamente personalizate pentru postări din diferite surse, copiați și inserați una dintre instrucțiunile PHP elseif de mai sus și personalizați-o. Pe site-ul meu, includ feedul meu Twitter, feedul StumbleUpon, feedul Flickr și fluxurile pentru CSS-Tricks și blogul meu personal. Am creat și alte declarații pentru fiecare dintre aceste surse, în cazul în care vreau să fac un stil special pentru oricare dintre ele.

Acest lucru a venit destul de la îndemână. Sweetcron oferă o funcție încorporată pentru blocarea faviconelor sursei, care a lucrat pentru tot, cu excepția StumbleUpon, care sunt subdomeniile (chriscoyier.stumbleupon.com), care împiedică acest lucru. Deci, pentru că aveam un control complet asupra afișării acestui tip de post, i-am spus pur și simplu să vadă manual locul potrivit (a se vedea codul StumbleUpon de mai sus).

Iată ce arată tema personalizată:

Este extrem de simplu. Este pur și simplu listează prima linie a conținutului oricărui mesaj. În cazul Twitter, este tweet-ul în sine. În cazul StumbleUpon, este legătura. În cazul CSS-Tricks, este titlul postului. Fiecare post își arată sursa de favicon în marginea paginii.

Pasul 7: Pagini unice și pagini statice

Fiecare post pe blog al dvs. va avea și un permalink, A.K.A, o pagină "unică". Dacă doriți să adăugați comentarii pe site-ul dvs., acesta este locul unde să faceți acest lucru (single.php). Comentariile nu sunt o caracteristică încorporată a Sweetcron, dar este destul de simplu să se adauge cu sisteme puternice ușor de utilizat, cum ar fi Disqus. În tema mea, am folosit JS-Kit-ul mort-simplu pentru a adăuga comentarii la paginile mele unice (literalmente două rânduri de cod).

Dacă doriți pagini "statice" non-template pentru site-ul dvs. (cum ar fi o pagină de contact), este ușor de făcut, de asemenea. Pur și simplu creați o pagină numită "contact_chris.php" în directorul dvs. temă și această pagină va fi disponibilă la http://your-site.com/sweetcron/contact_chris iar titlul paginii va fi automat "Contact Chris". Rețineți că fișierele antetului și subsolului vor fi aplicate automat aici, așa că creați doar zona de conținut principal.

Înfășurarea în sus

Viețile noastre de pe web sunt mai împrăștiate acum decât au fost vreodată, dar datorită API-urilor generoase, formatelor deschise precum RSS și software-uri minunate precum Sweetcron, site-ul personal nu este mort!

Sweetcron este un software relativ nou, dar ușurința în utilizare, interfața de utilizare extraordinară și extensibilitatea vor fi sigur că vor ajuta să se decoleze. Am putut vedea că acumulând o bază uriașă de utilizatori și chiar fură o cotă de piață departe de giganți de blogging ca WordPress.

Cod