Tải bản đầy đủ - 0 (trang)
Chapter 11. Creating a Restaurant Site with Joomla!

Chapter 11. Creating a Restaurant Site with Joomla!

Tải bản đầy đủ - 0trang

contentbutwantstoaddenoughinteractivitytobeableto

makethesiteinterestingandworthrevisiting.Forarestaurant,

thismeansregularlyupdatingmenusandeventinformation.

Ultimately,theexampleofarestaurantinthischapter

representsabaselineforallsmallbusinessestoday.The

questionisnot,"Whydoesarestaurantwantawebsite?"

Rather,thequestionshouldbe,"HowcanImakeaprofessional

sitethat'seasytoupdateandveryextendable?"

TheLeastYouNeedtoKnow

ThemodernbusinessmusthaveaWeb

presencethatcommunicatesitsbrandand

informationaboutthecompany.



EnterthemodernContentManagementSystem(CMS).



Chapter11.CreatingaRestaurantSite

withJoomla!

Thischapterlooksattheentireprocessofcreatingasmall

businesswebsite,inthiscaseforarestaurant,fromscratch.

Startingfromaneedsanalysis,thischaptershowsyouhowto

organizepossiblecontentallthewaythroughaddingphotos

andconsideringfurtherextensions.

InThisChapter

Whydosmallbusinesseslikerestaurantsneedwebsites?

Whatwebsitefeaturesdoesarestaurantneed?

HowcanIorganizemycontent?

What'stheeasiestwaytobuildthecontentofmysite?

HowshouldIsetupthenavigationofarestaurantsite?

HowshouldIsetupthehomepageofarestaurantsite?

WherecanIgetqualityphotos?

HowcanIextendthefunctionalityofmyrestaurantsite?



WhyDoesaRestaurantNeedaWebsite?

Arestaurantisanexcellentexampleofabusinesswebsitethat

needstocommunicateitsbrandandbusinessinformation.

Thesetypewebsitesareoftencalledbrochurewebsites.They

functionasbrochuresbutfromanonlineplatform.

AsIhavediscussedelsewhereinthebook,thestandardsfor

websitesarechanging.Visitorsarebecomingincreasinglyless

apttoaccept(andvisit)siteswherethecontentrarelychanges,

andtheywanttobeabletointeractwithsites.

Theexampleofarestaurantisagoodoneforustogeneralize.

Itrepresentsanysmallbusinessthathasrelativelyfixed



contentbutwantstoaddenoughinteractivitytobeableto

makethesiteinterestingandworthrevisiting.Forarestaurant,

thismeansregularlyupdatingmenusandeventinformation.

Ultimately,theexampleofarestaurantinthischapter

representsabaselineforallsmallbusinessestoday.The

questionisnot,"Whydoesarestaurantwantawebsite?"

Rather,thequestionshouldbe,"HowcanImakeaprofessional

sitethat'seasytoupdateandveryextendable?"

TheLeastYouNeedtoKnow

ThemodernbusinessmusthaveaWeb

presencethatcommunicatesitsbrandand

informationaboutthecompany.



EnterthemodernContentManagementSystem(CMS).



WhatFeaturesDoesaRestaurant

WebsiteNeed?

Mostrestaurantshaveanumberofkeyfacetstheyneedto

communicatethroughtheirwebsites.Mostvisitorswillwantto

knowoneoffivethings:

Menus

Specials/News

Hours

Directions

ContactInformation

Allfiveofthesecaneasilybehandledwiththecoredefault

Joomlainstallation.

Withusuallyrathersmallwebsites,mostrestaurantsare

unlikelytoneedmanyadditionalthird-partyextensionstoadd

functionality.Asjustdiscussed,akeyfunctionforarestaurant

websiteistheabilitytoaddandchangecontent,suchas

menus,frequentlyandtoprovidePDFprintoutsofmenus.Both

ofthesearecorefeaturesofJoomlaoutofthebox.

TheLeastYouNeedtoKnow

Thekeyfeaturesneededforasmall

businesssitearetakencareofbyadefault

Joomlainstall:easilyeditedcontentand

flexiblemenuconfiguration.



OneofthemostpowerfulthingsaboutJoomlaistheabilityto

easilyaddfunctionalityasthesitegrowsandneedsupdated.

Severalrestaurantownersidentifiedseveral"nicetohave"



extensionstheywouldliketoseefortheirsites:

AnImageGallery.Animportantpartofarestaurant's

brandingistheimagerypresentinitsdécorandfood.Being

abletoprovideanimagegalleryofthesewouldbeauseful

toolinprojectingthatbrandontotheWeb.

Calendar.Manyrestaurantshavevariousevents,suchas

bandsortastingsheldattheirvenues.Althoughthiscould

easilybepresentedthroughcontentarticles,morecontrol

andeaseofmanagementwouldbepossiblewithacalendar

component.

EmailNewsletters.AnybusinessthathasaWebpresence

needstoincludeemailmarketinginitsmixofcustomer

communication.Forrestaurants,thiscanbeaverytimely

waytodrivevirtualtraffictotheirsitesandfoottrafficto

therestaurants.Combinedwiththetraditionofspecials,it's

easytosetupcustomerloyaltyprogramswhereregulars

canbeemailedofferstoreturn.Thishasbecomeavery

commonpractice.

GoogleMaps.DirectionsareOK,butamapissomuch

better.You'llfindthatmanywebsitesuseGooglemapsto

providesomesortofgeographicdata.Thiskindofoption

increasestheeaseofthevisitor(tothesiteandthe

restaurant)experience.

Asweworktodeveloparestaurantwebsite,weincorporatethe

basicfunctionalityweneed,andwealsotakealookathowwe

mightaddsomeofthese"nicetohave"features.

First,weneedtofindadecentlookingtemplatethata

restaurantcanuse.



DownloadingandInstallingaRestaurant

Template

Atwww.joomlashack.com(orcompassdesigns.net),youcan

grabthefreetemplateweuseinthischapter.It'scalledReady

ToEat.It'sarelativelysimpletemplatewithahorizontalmenu,

asinglelargecolumn,andthenthreeequalheightmodule

blocksatthebottom,asshowninFigure11.1.

Figure11.1.ReadyToEattemplate

[Viewfullsizeimage]



Downloadedthetemplateyet?Great.Weshouldnowhavea



templatezipfiletoinstallintoJoomla:

1. GotoExtensions>Install/Uninstalltogettothe

ExtensionManager.Welookedathowextensionsare

installedandmanagedinChapter6,"ExtendingJoomla."

2. NextwebrowsetothetemplatezipfileandclicktheUpload

FileandInstallbutton.Wegetamessagethatsays,"Install

Template:Success."Wethenneedtomakethistemplate

ourdefault.ThisisdonethroughtheTemplateManager.

3. GotoExtensions>TemplateManagerandselectthe

newReadyToEattemplateandclicktheDefaultbuttonto

makeitthedefaulttemplate.Viewedinthefrontend,the

site(withnocontent)shouldlooklikeFigure11.2.



Figure11.2.ReadyToEattemplateemptyof

content



TheReadytoEattemplatehasthreemainfeatures:



Theheaderimagecanbeusedasthelogoheaderforthe

site.Theimagecanbeeasilyreplacedbyany638pxx155px

image.Todothis,wesimplyreplacethefile

/templates/js_ready_to_eat/images/header.pngwithoneof

ourown.

Thetwoimages(here,theforkandknife)areequallyas

easytoreplace.(Maybeyouneedchopstickstofitthe

restauranttheme!)Thesearetheimages:

/templates/js_ready_to_eat/images/fork.pngand

/templates/js_ready_to_eat/images/knife.png.

Thethreebottomcolumns,designedformodules,usesome

javascripttogivethecontainingdivsequalheight.

Nowthatthetemplateisinstalled,let'saddcontent.Aswe

havealreadyseen,it'sbesttofirstcreatethesectionsand

categoriesandthentocreatethemenus/navigationthatlinkto

them.



OrganizingtheContentonaRestaurant

Website

Thisexamplerestaurantsitewillnothavemanypages.Before

goinganyfurther,gobackandskimChapter4,"ContentIs

King:OrganizingYourContent,"andrevisittheideathatyou

canorganizeyourarticlesinmorethanonewaywithsections

andcategories.

Let'sfirstconsideroursitemap,whichisshowninFigure11.3.

Figure11.3.Asimplerestaurantsitemap

[Viewfullsizeimage]



AswesawinChapter4,thereisalwaysmorethanonewayto

organizearticles.Themainthingtoconsideriswhatwillbethe

basiccontentbuildingblockofthesite?Whatisthearticle?

Lookingatthisexampleforthemenus,weneedtothinkabout

howthiswouldbestructured.Let'sconsiderthefollowingtwo

differentexamples.

ContentLevel Example1



Example2



Section



Menus



Content



Category



Lunch



Menus







Dinner











LateNight







Article



ALunchMenu Lunch







ADinner

Menu



Dinner







ALateNight

Menu



LateNight



InExample1,therewouldbearedundantlayerinthe

hierarchy.WetouchedonthisprobleminChapter4.The

redundantlayerisnotthereinExample2,butthesectionused

isabitglobalandunspecific.

Thedecisioncomesdowntoasking,"Willtherebeanyother

articlesatthemenulevelordeeper?"Forexample,ifwehave

lunchmenusfordifferentdaysoftheweekoradrill-downthat

providesinformationaboutaspecificmenuitem(that'sasin

whatthechickensaladlookslike,notaJoomlamenuitem),

thenweshouldplanforthatanduseastructurethatcangrow.

ThisisreflectedinExample1ofthetable.

Ifwedonotexpectmuchgrowthtooccurinthiscontentarea,

onlytheongoingrevision(changingthemenulistings),thena

simplerstructurecanbeused—Example2.

Forthepurposeofthischapter,I'llassumethattherestaurant

ownerismoreinterestedinasimplestructurethat'seasyto

update(Example2),ratherthanamorecomplexonethat

wouldcallforseveralarticles(Example1).

Withthisassumptioninmind,let'sbuildthesitewiththe

followingstructure.

Sections



Categories



Articles







Menus

Menus*







Dinner







Late

Night







About

AboutUs*



Content



Lunch



Directions







Hours







Specials

LunchSpecials







Late

Night

Specials

Reviews







Dinner

Specials



Review1

Review2



Hereareacouplepointsaboutthisorganization:

Thearticleswithasterisksareneededtoholdcontentfor

the"toplevel"ofthemenu.Thisprobablydoesn'tmake

senserightnow,butwillinafewpages!

ThesitemapinFigure11.3didn'thaveanyspecialsor

reviewsincluded.Wewillusethesecategoriestohold

articleswe'lluseinmodules.Thatwillmakemoresensein

about10pages!

TheLeastYouNeedtoKnow



Tài liệu bạn tìm kiếm đã sẵn sàng tải về

Chapter 11. Creating a Restaurant Site with Joomla!

Tải bản đầy đủ ngay(0 tr)

×