Tulad ng nalalaman ng marami na inilunsad namin ang isang bagong blog na tinatawag na List25. Sa nakalipas na buwan o higit pa, patuloy kaming nagtatrabaho sa pagpapabuti ng site na iyon. Ang hitsura ng isang simpleng listahan ng blog sa front-end ay may maraming cool na maliliit na bagay na hindi mo nakikita. Sa artikulong ito, gagawin ka namin sa likod ng mga eksena ng List25 at ipapakita sa iyo ang mga plugin at cool na mga hack na ginagamit namin upang magamit ang site na iyon. Marahil ang pagbabasa ng artikulong ito ay magbibigay sa iyo ng ilang mga ideya sa tampok para sa iyong sariling site.
Tungkol sa List25
Ang List25 ay isang blog na nagtatala ng mga listahan ng mas mababang-kilalang nakakaintriga na impormasyon sa iba’t ibang mga paksa. Ang layunin ng blog na ito ay maging isang mahusay na masaya basahin kapag ikaw ay nababato habang ina-edukasyon sa mga oras.
Mayroon kaming site na na-optimize para sa mga mambabasa, kaya maaari silang laging mahanap ang kagiliw-giliw na nilalaman habang nasa aming site. Mayroon din kaming site na na-optimize para sa mga bagong may-akda, upang madali nilang gamitin ang estilo ng pagsulat at format ng List25.
Mga Plugin
Narito kami. Ang mga tao ay palaging interesado sa pag-alam kung anong mga plugin ang ginagamit ng iba pang mga site. Ang aming layunin kapag ang pagbuo ng isang site ay upang makamit ang mga bagay na pinakamadaling paraan na posible. Ang mga plugin ay medyo madaling gamiting at nagse-save sa amin ng maraming oras. Maglilista kami ng isang plugin at pagkatapos ay ibahagi kung bakit ginagamit namin ito.
Akismet – D’oh. Hindi namin gustong spam ng komento. Ang bawat pag-install ng WordPress ay may built-in na ito para sa isang dahilan.
Compact Archives – Ginagamit namin ang kapangyarihan ng Compact Archives plugin ang mga petsa ng lugar ng pahina ng archive. Ang pagkakaroon ng taon at buwan na nakaayos sa isang compact na estilo ay hindi lamang nagse-save ng espasyo, ngunit ito rin ay ginagawang maganda ang hitsura nito.
Listahan ng Mga Tampok na Post sa Thumbnail – Ginagamit namin ito upang maipakita ang aming “itinampok” na mga artikulo sa sidebar. Sa halip na gumamit ng isang popular na mekanismo ng pananaw, pinapunan namin ang mga artikulong ito. Ito ay nagpapahintulot sa amin na kontrolin at i-moderate ang daloy ng trapiko sa mga partikular na artikulo. Maaari mong makita ang live na demo nito sa aming sidebar o makita ang larawan sa ibaba.
Mga Form ng Gravity na may MailChimp Addon – Ginagamit namin ito upang mapalakas ang aming form sa pakikipag-ugnay. Ginagamit namin ang MailChimp addon upang mangolekta ng mga email mula sa form ng contact kung pinili ng gumagamit na mag-opt-in. Sinulat na namin ang tungkol sa mga Form ng Gravity at mga benepisyo nito sa lead generation.
Lazy Load – Ito ay nagbibigay-daan sa tamad naming i-load ang aming mga larawan. Karaniwang kapag nag-install ka ng Lazy Load, ini-load lamang ang mga lugar na ina-access kaagad. Kaya kung mayroon kang isang pahina na may 25 GIF Fail, pagkatapos ay i-load lamang ang unang ilang mga larawan sa post. Ang natitirang bahagi ng mga imahe ay nag-load habang ang scroll ng gumagamit ay bumaba. Sa pamamagitan ng paggamit ng pamamaraan na ito, ang pinaghihinalaang pahina ng pag-load ng pahina ay mas mabilis.
MaxBlogPress Ninja Affiliate – Bagaman hindi pa namin nagawa ang maraming affiliate marketing sa site na ito. Ngunit gumagamit kami ng Ninja Affiliate upang awtomatikong palitan ang ilang mga keyword na may mga kaakibat na link sa aming mga post. Hindi pa ito nakabuo ng maraming kita para sa site na iyon, ngunit ito ay dahil ito ay isang bagong site.
Mga Miyembro – Pinapayagan kami ng mga plugin ng plugin sa amin upang lumikha ng mga bagong tungkulin ng user at limitahan ang pahintulot batay sa papel ng gumagamit. Ang plugin na ito ay dapat magkaroon ng para sa anumang mga blog ng maraming may-akda.
Walang Self Pings – Paminsan-minsan namin mag-link sa aming sariling mga post. Ang medyo magkano ay nagsasabi sa WordPress na huwag magpadala ng ping kapag nag-uugnay kami sa aming sariling site. Dahil walang masama kaysa sa pagkakaroon ng trackbacks ng iyong sariling site sa iyong iba pang mga entry.
Pag-redirect – Ginagamit namin ang redirection plugin upang subaybayan ang 404 na mga pahina at i-redirect ang mga ito nang naaangkop. Ang isang mahusay na plugin na magkaroon sa pangkalahatan.
Magparehistro Thumbnails – Ginagamit namin ang Regenerate Thumbnail plugin upang makabuo ng karagdagang laki ng imahe. Ito ay nagpapahintulot sa amin na magkaroon ng iba’t ibang mga sukat para sa mga layunin ng disenyo (tulad ng Slider Navigation, Mga Tampok na Post sa Sidebar atbp).
Simple Facebook Connect at Simple Twitter Connect – Ang dalawang plugin na ito ay napakalakas at ginagamit para sa iba’t ibang mga layunin sa pamamagitan ng site. Ang kanilang # 1 layunin ay upang payagan ang pag-login ng third-party para sa mga komento. Tingnan ang screenshot sa ibaba:
Simple Facebook Connect ang paghawak sa aming mga detalye ng Facebook Buksan ang Mga detalye ng Graph Meta para sa amin, kaya mayroon kaming tamang imahe, pamagat, at paglalarawan kapag ibinabahagi ng mga user ang aming mga artikulo sa Facebook.
Simple na kumonekta sa Twitter ay ginagamit din para sa awtomatikong pag-uugnay sa aming mga username ng twitter kapag nag-type ka ng @ list25 o anumang iba pang mga handle ng twitter. Dahil ang simpleng twitter kumonekta ay gumagamit ng Twitter Anywhere API, ginagamit din namin ito para sa live na kahon ng tweet sa aming Mag-subscribe Pahina para sa List25. (Ipapakita sa iyo ng tutorial na ito kung paano lumikha ng live na mga kahon ng tweet sa iyong WordPress site)
Mag-subscribe sa Mga Komento – Ang plugin na ito ay nagdaragdag ng isang maliit na checkbox pagkatapos ng komento na nagpapahintulot sa mga user na mag-subscribe sa mga komento kung pinili nila.
User Photo – User photo plugin ay nagbibigay-daan sa bawat may-akda na mag-upload ng kanilang sariling imahe sa halip na gumamit ng gravatar. Ito ay nagbibigay-daan sa amin upang mai-moderate ang mga imahe na lumilitaw sa aming may-akda bio.
VaultPress – Ginagamit namin ang VaultPress para sa mga backup. Ito ay isang pinamamahalaang backup na solusyon sa pamamagitan ng Automattic. I-backup nila ang aming tema, plugin, post, at lahat ng iba pang mga file ng media. Pinoprotektahan tayo nito mula sa mga sakuna. Kung may mangyayari, maaari naming laging gamitin ang VaultPress upang maibalik ang site sa normal.
W3 Total Cache – Pinapanatili nito ang aming site mula sa hindi pag-crash. Ang List25 ay nakakakuha ng maraming trapiko at walang plugin na ito, ang aming mga server ay bumagsak bawat oras.
lugar
WordPress SEO by Yoast – Pinapatakbo ng plugin na ito ang aming mga sitemap, at lahat ng iba pang on-site na SEO tulad ng mga Meta tag, indexation atbp.
WP-Leads – Ginagamit namin ang plugin na ito upang magdagdag ng isang maliit na checkbox sa form ng komento para sa aming listahan ng MailChimp. Ginagawang mas madali para sa aming mga gumagamit na mag-subscribe sa aming pang-araw-araw na newsletter kung pinili nila.
WPTouch Pro – Ginagamit namin ang WP Touch Pro upang ma-kapangyarihan ang aming mobile na bersyon ng site. Gumawa kami ng isang pasadyang tema para sa WP Touch Pro, ngunit hindi ito tumagal nang matagal upang gawin ito.
WP4FB Pro – Ang plugin na ito ay paghawak sa aming facebook application para sa Giveaway. Na kung saan namin napag-usapan sa medyo malawakan sa kung paano gawin facebook pamudmod gamit ang WordPress.
Iyon ay tapusin ang listahan ng mga plugin na tumatakbo kami. Ngayon ay nagbibigay-daan sa tingnan ang iba pang mga cool na mga hack na mayroon kami sa site.
List25: Tema at Hacks
Mahalaga na bigyang-diin na ang List25 ay tumatakbo sa isang custom na Tema ng Bata ng Genesis. Mayroon kaming ilang magagandang nakakatawang tampok sa site.
I’m Curious Button sa Header – Kapag nag-click ang isang gumagamit sa iyon, ina-redirect ito sa isang random na post sa isang site. Ito ay mahalagang simulating isang Stumbleupon tulad ng karanasan. Maaari mo ring gawin ito. Tingnan ang aming tutorial sa Paano Mag-redirect ng Mga User sa isang Random na Post sa WordPress.
Layout ng Custom Post Editor
Ang dahilan kung bakit mayroon kaming isang pasadyang layout ng editor ng post ay kaya alam ng aming mga bagong may-akda kung ano talaga ang uri ng pag-format na gusto namin. Kung bibisitahin mo ang alinman sa aming mga post, makikita mo kung gaano kahalaga ang tampok na ito. Ito ay nangangailangan ng ilang kaalaman upang lumikha ng isang pasadyang editor ng post. Ang Smashing Magazine ay may tutorial kung paano ito gagawin.
Slider
Ginagamit namin ang jQuery na bersyon ng SlideDeck plugin upang likhain ang aming slider. Mayroon silang isang WordPress plugin. Tingnan ang aming hakbang sa hakbang na gabay sa paglikha ng isang slider sa WordPress.
Iyon ay tungkol dito. Umaasa kami na nagbigay ito sa iyo ng mga ideya para sa iyong sariling site. Ipaalam sa amin ang iyong mga komento at feedbacks. Oh, at huwag kalimutan na tingnan ang List25.