upperjoomla

Joomla!
Administrator'sManualCloudPeakEnergywww.
cloudpeakenergy.
comTableofContents1.
AboutJoomla!
CMS32.
TermsYouShouldKnow43.
Joomla!
AdministrationLogin54.
Joomla!
AdministrationBackend:Atour.
65.
OrganizingArticleswithSectionsandCategories.
116.
TheArticleManager.
127.
AddingNewArticles.
148.
EditingExistingArticles.
169.
UsingtheWYSIWYGEditor1710.
InsertingImagesinanArticle.
1811.
InsertingLinksinanArticle.
2212.
UsingtheMediaManager.
2413.
UsingJoomlaPack26ThismanualisprovidedasaserviceofBlackHillsWebWorks2AddingNewArticlesToaddanewarticleinJoomla!
,followthesesteps:1.
OpentheArticleManagerintheContentdrop-downmenu.
2.
ClickontheNewbuttoninthetoolbar.
3.
TypeatitleforthearticleintheTitletextbox.
4.
LeavetheAliastextboxblank.
Joomla!
Willcreateit'sownaliaswhenyouSavethearticle.
145.
IntheSectionandCategorydrop-downboxeschoosetheappropriateSectionandCategoryforthisarticle.
6.
Typeorpastethecontentofthenewarticleinthelargetextbox.
7.
Ifnecessary,enteraStartPublishingandFinishPublishingdate.
8.
Intheupperrightcornerofthisscreentherearefiveicons-fourofwhichyoushouldbecomefamiliarwith:Save,Apply,Cancel,andHelp.
Save-ClicktosavethearticleandreturntotheArticleManager.
Apply-Clicktosavethearticleandremainonthisscreentomakeadditionalchanges.
Cancel-ClicktoclosethisscreenwithoutmakinganychangesandreturntotheArticleManager.
Thearticlewillnotbecreated.
Help-Clickformoreextensive,context-relatedJoomla!
help.
(ClickingthePreviewiconopensapopupscreenwitha"Preview"thatisn'tallthathelpful.
Abetterworkflowistohavethebackendandfrontendofthewebsiteopenatthesametimesoyoucanseeyourchangesinrealtime.
)15InsertingImagesinanArticleTheWYSIWYGEditorhastwospecialfeaturesthatareworthpointingout-InsertingImagesandInsertingLinks.
We'lldiscussInsertingImagesinthissectionandInsertingLinksinthenextsection.
Insertinganimageinanarticleonawebsiteisdifferentthaninsertinganimageinaprinteddocument,andthedifferenceisimportant.
Whatyouareactuallyinsertingisalinktotheimageandnottheactualimageitself.
Theimageisusuallylocatedonthesameserverasthewebsite,thoughitmaybeonadifferentserver.
Forourpurposeswe'llassumeitisonthesameserverasthewebsite,andwewillusethephrase"insertinganimage"ratherthan"insertingalinktoanimage.
"TheImageManagerfeatureoftheEditorcanbeusedforuploadingimagestothewebsite,creatingfoldersforthestorageofimages,insertingtheimagesintothearticles,andcustomizinghowthoseimagesaredisplayedinthearticles.
Toinsertanimageinanarticle,placeyourcursorapproximatelywhereyouwantthetopoftheimagetoappearinthetext,andclickonthe"Insert/EditImage"icon(circledinthefollowingillustration).
ClickingonthisiconwillopentheImageManagerpopupscreenwhichisshowninthefollowingillustration.
18OncetheImageManagerisshowingonthescreen,followthesestepstoinsertanimage:1.
Iftheimagehasalreadybeenuploadedandisontheserver,usethefoldersinthelowerleftcorneroftheImageManagertobrowsetothelocationoftheimage.
2.
Clickonthenameoftheimagefileinthemiddlecolumn.
ThedetailscolumntotherightandthetextboxesatthetopoftheImageManagershouldpopulatewithtextandapreviewoftheimage.
3.
WerecommendtypingtextthatdescribestheimageintheAlternativeTextbox.
ThisisgoodpracticeforSEO(SearchEngineOptimization)andforpeoplewhousetext-onlywebbrowsers.
4.
Dimensionsshouldbeleftastheyare.
195.
IfnoAlignmentisselectedinthedrop-downboxtheimagewillbedisplayedontheleftsideofthearticlecontent.
Ifyouwouldliketheimagetobedisplayed,forinstance,totherightofthecontent,clickonthedrop-downboxandselectRight.
6.
EnteringanumberinoneoftheMargintextboxesshouldpopulateallfourtextboxeswiththesamenumber.
Thisvaluewillbeinpixelsanditwillcreateaspacebetweentheimageandthesurroundingtext.
Ten(10)pixelsisagoodstartingplaceforthismargin.
7.
ClickInsertatthebottomoftheImageManagerandtheimageshouldappearinthetextofthearticle.
8.
Tofurtheredittheimage,clickontheimagetoselectit,andthenclickontheInsert/EditImageiconagain.
WhenyouarefinishedwithyourchangesclickonUpdate.
9.
AbovetheDetailscolumnattherightsideoftheImageManagertherearethreesmallicons.
Clickingonthefilefoldericonwiththegreenplussignwillopenadialogueboxforcreatinganadditionalfolder.
Usethistobetterorganizeyournewimages.
ClickingonthebluequestionmarkwillopenaHelpscreenfortheImageManager.
Ifthedesiredimagehasnotbeenuploadedtotheserver,clickonthesmalliconwiththegreenup-arrow,andanUploaddialogueboxwillpopuponthescreen(seetheillustrationbelow).
10.
ClickingAddwillallowyoutobrowsetoanimageonyourcomputerwhichyoucanuploadtothewebsite.
11.
ClickonUploadtouploadtheimage,andclickonCanceltoclosetheUploaddialogueboxwhenyouarefinisheduploadingimages.
12.
Whenyouarefinishedinsertingtheimageorimages,clickSaveorApplyintheupperrightcornerofthescreentosaveyourchanges.
20RegardingImageFileSizeThefilesizeofimagesonawebsitehasadirecteffectonhowfastorslowawebsiteloadsinawebbrowser.
Imagesusedonawebsiteshouldalwaysbeoptimizedforthewebusingagraphicsmanipulationapplicationbeforeuploadingthemtoyourwebsite.
SomeexamplesoftheseapplicationsarePhotoshop,GIMP,andRIOT.
21InsertingLinksinanArticleAlinkinanarticleisawaytoconnectcontentinthatarticlewithanotherlocationonyourwebsiteoranotherwebsiteontheWorldWideWeb.
Whentheuserclicksonthelinktheirbrowserwillbedirectedtothepageorwebsitethatthelinkispointingto.
ToinsertaLinkinanarticle,followthesesteps:1.
First,browsetothepageorwebsitethatthelinkwillbepointingto,andcopythatURLfromtheaddressbarofyourwebbrowser.
2.
IntheArticleEditscreen,selectandhighlightthetextorimagethatyouwouldliketobecomethelink.
3.
ClickontheInsert/EditLinkiconandtheAdvancedLinkdialogueboxshouldpopup.
4.
IntheURLtextboxpastetheURLthatyoucopiedinstep1.
5.
Alternatively,youcanusetheLinkBrowsertobrowsetoandselectafile,menuitem,orarticlethatislocatedonyourwebsite.
6.
(Optional)IntheTargetdrop-downboxyoucanselecthowabrowserwillopenalinkwhenauserclicksonthelink.
7.
ClickonInserttofinishinsertingthelink.
8.
ClickSaveorApplytosavethechangestothearticle.
2223