Dacă ai un blog WordPress, vei constata în mod normal că o temă bună și un set de plugin-uri îți vor acoperi majoritatea funcțiilor.
Dar ce se întâmplă dacă există ceva ce vrei ca blogul tău să facă și nicio soluție existentă nu este cu adevărat potrivită?
Ei bine, construiești ceva nou.
În postarea de astăzi, îți voi oferi o prezentare generală foarte rapidă și rudimentară despre cum poți proiecta și construi o funcție complet nouă în blogul tău cu cât mai puține bătăi de cap posibile.
Să aruncăm o privire.
Un exemplu recent aici pe Blog Tyrant
În ultimii ani am folosit HelloBar pentru a direcționa vizitatorii către diferite părți ale site-ului.
Recent, însă, ei au schimbat modul în care funcționa serviciul lor și nu mai corespundea nevoilor mele specifice.
Așa că am decis să-mi construiesc propriul meu.
Principalul lucru pe care am vrut să-l fac a fost să am o bară pentru dispozitive mobile și o bară pentru dispozitive desktop. Fiecare ar avea un mesaj diferit, un buton și un URL de destinație, și aș putea să-l schimb oricând doream, fără să plătesc pentru clicuri.
Cea pentru desktop:
Și iată cea pentru mobil:
Rezultatul este că acum am control complet asupra barei din partea de sus a site-ului meu. Nu am toate analizele și funcțiile de design pe care le oferă HelloBar (este încă un serviciu grozav), dar face exact ceea ce am nevoie și voi continua să dezvolt funcțiile pe măsură ce apar.
Cum să construiești o nouă funcție personalizată pe blogul tău
Deci, să spunem că există ceva pe blogul tău pe care nu îl poți rezolva cu un plugin.
Ce faci?
Ei bine, iată pașii pe care îi urmez de obicei pentru a rezolva rapid și fără a costa o avere.
1. Proiectează funcția
Voi folosi exemplul barei pe care am construit-o pe Blog Tyrant, dar următorii câțiva pași se aplică în mare parte oricărui tip de funcționalitate pe care urmează să o construiești.
Acest pas va necesita să aveți un program precum Photoshop sau Pixelmator și puțină cunoaștere despre cum să-l folosiți.
Dacă nu aveți, totuși, nu este o problemă mare și vă voi oferi o altă opțiune mai jos.
i) Primul lucru pe care doriți să-l faceți este să faceți o captură de ecran a întregii părți a site-ului web unde va apărea această caracteristică sau funcție. Pe un Apple, faceți acest lucru apăsând Command Shift 4 și apoi selectând zona ecranului, cu un PC, cel mai ușor este să deschideți Instrumentul de decupare și să faceți clic pe Nou.
ii) Acum doriți să deschideți acea captură de ecran în Photoshop.
iii) Începeți să proiectați noua caracteristică, gândindu-vă la lucruri precum brandingul, cum va fi afișată, ce efecte la trecerea mouse-ului ar putea avea, etc. Uneori, va trebui să proiectați două imagini pentru a vedea cum arată atunci când are loc o anumită acțiune.
Mai sus este o captură de ecran a spațiului meu de lucru Pixelmator unde testez diferite culori pentru buton. Voi crea o mulțime de imagini diferite cu culori variate, astfel încât să le am ca opțiuni pentru diferite efecte, etc.
iv) Salvați designul ca PSD. Acesta este un format Photoshop care permite oricui are Photoshop să-l citească, să mute toate elementele și să le taie și să le îmbine. Acest lucru este imposibil (sau foarte enervant!) cu o imagine plată precum JPEG sau PNG.
2. Creați o descriere a postului, alegeți un dezvoltator și testați-l
Acest lucru poate suna enervant, dar durează doar câteva minute și odată ce ați găsit pe cineva care vă place, îl puteți folosi în mod repetat pe măsură ce afacerea dvs. crește.
Personal, folosesc Crazy XHTML pentru a acoperi majoritatea dezvoltărilor mele WordPress. Am avut o relație bună cu ei de ani de zile și îi recomand cu plăcere tot timpul.
Cealaltă opțiune este să mergeți pe Freelancer.com și să postați un job spunând că sunteți în căutarea cuiva care să dezvolte o nouă funcție pe blogul dvs. WordPress.
i) Scrieți un „brief” care să comunice exact ce doriți să facă funcționalitatea. Iată un exemplu de ceea ce i-aș scrie dezvoltatorului meu pentru exemplul HelloBar din acest articol:
Salut, prietene.
Sper să am o funcționalitate nouă codificată în blogul meu până vineri.
PSD-urile de design sunt atașate, iar instrucțiunile sunt mai jos. Vă rog să-mi comunicați costul estimat și eventualele întrebări.
1. Funcționalitatea este o „bară plutitoare” care se află în partea de sus a paginii și urmărește cititorul pe măsură ce derulează.
2. Exemple pot fi văzute pe www.example.com.
3. Am nevoie de o bară separată pentru desktop și mobil și de posibilitatea de a le edita ușor în panoul meu de administrare WordPress.
4. Efect de mouseover inclus în design.
5. Vă rugăm să configurați o demonstrație înainte de lansare.
Mulțumesc anticipat.
Ramsay
Pot să-mi păstrez emailurile destul de scurte, deoarece îmi cunosc dezvoltatorul de mult timp și el știe de obicei ce încerc să spun. Dacă lucrezi cu cineva pentru prima dată, poate ar fi bine să incluzi mai multe exemple și capturi de ecran, doar pentru a evita discuții inutile.
ii) După ce ați scris brief-ul sau ați creat jobul pe Freelancer, trebuie să selectați dezvoltatorul și să confirmați că costul acestuia este adecvat. Dați-i undă verde să continue și monitorizați progresul răspunzând la orice întrebări pe care le are etc.
iii) Testați funcționalitatea pe site-ul demo pe care ar trebui să-l fi configurat. Doriți să vă asigurați că acest lucru se întâmplă, astfel încât să puteți vedea orice greșeli sau probleme înainte ca aceasta să fie lansată pe blogul dvs. real.
3. Instalați funcționalitatea
Ultima etapă este instalarea funcționalității pe blogul dvs. real. Aceasta poate fi sub forma unui plugin, sau poate fi necesar să oferiți programatorului dvs. acces la backend-ul blogului dvs. prin FTP, astfel încât acesta să poată face puțină programare.
Acesta este un concept destul de înfricoșător pentru mulți oameni – să permiți cuiva să aibă acces la întregul tău blog. Acesta este un motiv pentru care prefer să apelez la o companie de încredere.
Dacă folosiți Freelancer, asigurați-vă doar că alegeți un dezvoltator care are multe, multe recenzii de top de la oameni din întreaga lume.
Concluzie
Evident, aceasta nu este singura modalitate de a face acest lucru, dar am constatat că este cea mai eficientă metodă din punct de vedere al costurilor și al timpului. Odată ce găsești un dezvoltator cu care lucrezi bine, poți accelera cu adevărat lucrurile și vei constata că blogul tău devine mult mai eficient pe măsură ce adaugi funcționalități și caracteristici personalizate de care are cu adevărat nevoie.
Aveți întrebări? Lăsați un comentariu mai jos.
Foto principală: Sergei Zolkin
[ Zâmbește ] Ramsay, ai un mod de a simplifica problemele complicate.
A avea un nou plugin creat de la zero este uluitor!
Da, obișnuiam să cred asta. Acum le facem tot timpul. 🙂
Ramsay, acestea sunt resurse grozave! Nu poți crea și ceva cu CSS (sau cu un tip tehnic inteligent care știe CSS și WordPress)? Tipul meu tehnic mi-a creat un șablon de pagină special (nu sunt sigură cum) și Studiopress face ușor să folosești codul CSS pentru a modifica aproape totul. Nu sunt sigură dacă va face ceva de genul unei bare de salut complete, dar m-ai inspirat să aflu!
Unii dintre acei tipi de pe Fiverr sunt genii (dacă ai noroc), dar trebuie să ai încredere în cineva să-ți acceseze blogul și să adauge ceva... ca și cum ai autoriza o operație chirurgicală.
Cathy
Da, sigur că poți. Nu mă mai complic cu asta – mult mai rapid pentru mine să plătesc un expert.
Aceasta este o distincție interesantă, Ramsey. Spui că ai putea să o faci, dar este mai ușor și mai eficient din punct de vedere al timpului și al costurilor să-i lași pe alții să o facă? Dacă da, ce faci cu timpul economisit?
încă un post grozav!
Mulțumesc Ramsey pentru că ai împărtășit un articol atât de util. După mult timp am citit un articol diferit pe blogul tău. 🙂
Am publicat două săptămâna asta! Ha ha.
O idee grozavă pentru procrastinatori – crearea unui fișier Photoshop și utilizarea unui freelancer va economisi mult din timpul necesar pentru a te îngrijora cu privire la ce să faci în legătură cu un plugin (ceea ce pentru mine durează veșnicia).
Jon Jon Jon.
Uau…nu m-aș fi gândit niciodată la asta. Perfect când ai o idee și nu există un plugin! Mulțumesc pentru o idee ieșită din comun!!
Cu plăcere!
Hei,
Postarea ar fi putut fi intitulată cum să postezi un job pe freelancer, în loc să spui cum să dezvolți o funcție personalizată.
Nu o lua altfel, dar cu titlul mă așteptam să fie altceva
Mulțumesc pentru feedback, Prabhat. Apreciez.
Asta e super tare! Și soțul meu știe Photoshop, deci... voilà!
Mersi Ramsay.
Perfect!
Salut Ramsay,
Mulțumesc pentru postare.
Mă gândesc la dezvoltarea unui plugin WordPress personalizat și caut dezvoltatori WordPress.
Mă întreb, din moment ce ești în acest domeniu de mult timp, dacă știi și ai putea recomanda câțiva dezvoltatori de pluginuri WordPress.
Cu stimă,
Abhishek
Există unul în postare. 😉
Am intrat pe site-ul lor. Nu a fost clar dacă lucrează la pluginuri WordPress noi sau nu. Îi voi contacta. Mulțumesc 🙂
Din fericire, nu am fost niciodată într-o situație în care un plugin să nu-mi satisfacă pe deplin nevoile, pe care să nu le pot rezolva pur și simplu instalând un alt plugin..lol.
Totuși, asta e chiar tare! Mulțumesc pentru idee Ramsey 🙂
Mulțumesc pentru comentariu.
Am observat că am spus „Ramsey” – mă simt prost 🙁
Te rog să mă ierți Ramsay!
Salut Ramsay,
Postare excelentă, ca întotdeauna. Mi-a plăcut foarte mult această postare pentru că am încercat să dezvolt un plugin pentru Engagebit acum câteva luni, dar nu am avut succes. Această postare mi-a fost de ajutor.
Voi începe proiectul din nou.
O zi minunată!
Mulțumesc, prietene.
Salut Ramsay,
Lucruri bune, omule.
Când am trecut la platforma Rainmaker la sfârșitul anului trecut, a trebuit să spun adio pluginurilor WordPress. Vei fi uimit de lucrurile pe care le pot face în continuare datorită experienței mele în dezvoltare web și capacității Rainmaker de a adăuga scripturi personalizate pe fiecare pagină, totuși. 🙂
Ce a schimbat Hello Bar care te-a determinat să faci schimbarea? Nu le-am mai folosit de mult timp.
Voi tweeta asta imediat, amice. O voi posta și pe FB (este un cuvânt?).
-Kevin
Da, oamenii par să iubească Rainmaker. Mă întreb dacă ar trebui să încerc.
Salut Ramsay,
Include-mă printre cei care sunt mari fani Rainmaker. (Dacă vrei să citești de ce am trecut la el, am legat numele meu mai sus de postarea pe care am scris-o despre Rainmaker toamna trecută.)
Acestea fiind spuse, o trecere la Rainmaker ar necesita o schimbare de design pentru Blog Tyrant. Cu excepția cazului în care îi convingi să-ți încorporeze tema (ceea ce este posibil, presupun), ar trebui să folosești una dintre temele lor StudioPress și să o personalizezi.
Din câte contează, îmi place designul site-ului tău. Mi-ar părea rău să dispară. 🙂
-Kevin
Postare foarte interesantă. Nu știu dacă ai fi dispus să împărtășești, dar cât a costat să faci acel plugin? Doar ca să avem o idee generală.
Cred că a fost 60 de dolari.
Wow, asta e foarte bine pentru propriul tău cod / plugin personalizat. Cu siguranță voi ține cont de asta dacă voi întâlni o funcționalitate pe care nu o găsesc în viitor.
Postare interesantă Ramsay. Așa cum ai indicat mai sus, crearea propriului tău plugin este destul de ieftină, știi dacă ai toate funcțiile suplimentare dezvoltate sau încă folosești multe pluginuri premium? Aș constata adesea că pluginurile gratuite pur și simplu nu fac suficient și simt că a plăti mai mulți bani doar pentru funcția de care am nevoie nu merită. Ce părere ai?
Mulțumesc și continuă tot așa!
Salut Joep.
De obicei sunt fericit să plătesc pentru un plugin bun. Ele ajută la eficientizarea afacerii mele și le pot deduce fiscal.
Da, mă gândeam exact la același lucru despre Hello Bar. Din fericire, folosesc teme Themify pentru majoritatea blogurilor mele și a fost foarte ușor să creez o funcție 'înainte de antet' și să o stilizez să arate exact ca un hello bar.
Ok, nu are nicio inteligență, dar rămâne în partea de sus a paginii când derulezi. Pot chiar să introduc o casetă de email pentru lead-uri când sunt gata.
Este pe lista mea de lucruri de făcut un tutorial.
Desigur, aș putea plăti un dezvoltator, dar unde e distracția în asta.
Ha ha. Cred că e super distractiv. Îmi lasă mai mult timp pentru drumeții!
lol. Waterfall Gully sau drumeții adevărate. Încă nu am ajuns în Flinders Ranges. Mai bine pun asta pe lista mea.
Salut Ramsay, mulțumesc pentru postare. De asemenea, plănuiesc să adaug funcții personalizate pentru site-ul meu. Cred că aceste puncte mă vor ajuta pentru site-ul meu. Continuă să postezi.
Mulțumesc, prietene.
Lynda.com are niște cursuri foarte bune despre cum să personalizezi o temă WordPress și să modifici funcții. Este foarte ușor de urmărit, deoarece este alcătuit din tutoriale video ușor de înțeles.
Mulțumesc pentru pont!
Ce mai faci Ramsay? Postare grozavă! Cum convertesc noile tale pop-up-uri și ce program folosești? Eu folosesc MailChimp și convertește în jur de 10%. Salutări, Chris
Da, este undeva în jurul acelei cifre.
Un tutorial foarte minunat Ramsay,
Nu m-am gândit niciodată la asta înainte. La 60 de dolari, pariez că va fi mult mai ieftin decât pluginul deja proiectat care poate face ceea ce face pentru tine.
Mă gândeam cum să obțin o casetă de funcții personalizată pentru blogul meu, dar cred că ar trebui să încerc această metodă.
Deși nu am folosit niciodată freelancer, cred că pot obține același serviciu prin Odesk.
Mulțumesc pentru distribuire.
Anunță-mă cum te descurci. Sper să te ajute.
E bine să știu despre această opțiune.. Prețul nu este rău și funcționalitatea pare destul de robustă.
Costurile de dezvoltare se dovedesc de obicei a fi mai puțin fortuită atunci când iterațiile încep să se multiplice. Chiar și ceva de genul Elance.
Da, cred că de aceea este bine să găsești pe cineva pe care îl cunoști și în care ai încredere cu cine să lucrezi după un timp.
After looking at a few of the articles on your website, I seriously like your technique of
blogging. I book marked it to my bookmark site list and will be checking
back in the near future. Please check out my website as
well and tell me what you think.