CalgaryJournal.ca User Guide
Contents
1. Step 1 Inserting headline and body text Enter the headline in the Title field Copy the full text of the article from the Word Doc as plain text To paste as plain text right click and go to paste as plain text A new window will appear paste it into the window and click insert Pasting as plain text ensures the text is clean with no extra formatting tags Usually the paragraph will be broken up correctly but some fixing may be needed Scroll through the text to make sure the paragraphs are proper lf paragraph breaks need to be inserted make sure to place the cursor just behind the period of the last sentence of the paragraph above press delete or backspace to bring the sentence below to the same line then enter or return This will insert just one paragraph break Paragraph e Styles DiS Div If there is a deck highlight it and choose Heading 3 from the format i dropdown menu If there are sub headings in the article highlight them Heading 1 and choose Heading 4 Heading 2 l Heading 3 Note Adding the byline is a separate step described in Step 9 below Heading 4 i Step 2 Intro Text Click on Read More to separate the intro text from the rest of the article insert this after 10 to 15 lines of text including the deck The Read More icon is in the top menu fourth line to the right of spell check RAA E E Anything above this separation will appear as an intro on the main page2. e floatleft 0 t The following window will appear Caption CH Text Container Text ADhaliwal DirtyHarry3resized Photo by Position Bottom v Alignment Left sl Colour 000000 E Background er Padding Top 5 W Equal Values Margin Top Mv Equal Values Classes Class List Not Set sl Classes Preview Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua ADhaliwal DirtyHarry3resized A Photo by e v Insert Help x Cancel Copy and paste the cutline and photo credit into the Text field leave all the rest as is and then click Insert The image cutline and credit should all appear within a red box Cutline Format Bold the cutline talicize the photo credit 2 F FRESHWATIR CREATIVE P E A little girl holds the hand of her mother amp flowers with the other watching the ceremony on Aug 6 at Olympic Plaza commemorating the lives lost in the bombing of Hiroshima and Nagasaki Photo by Josie Lukey Step 5 Add the thumbnail All stories must have a thumbnail image within the intro text for each article Grow Calgary aims to provide food bank with local fresh produce Published on Thursday 05 September 2013 15 07 Whitten by Karry Taylor Urban farming Calgary Style Through the efforts of volunteers a previously vacant transportation and utility corridor
3. 0 Save amp Close Cancel A snippet of code such as igallery id 91Icid 165lpid 4 ltype categorylchildren Oladdlinks Oltags llimit 0 will appear in the back end but the gallery should show up in this spot when the article is live Double check to ensure it works on the live view Creating a poll Editors can create simple polls on various topics and display them in the sidebar for specific sections on all sections or on the front page Detailed instructions are here http www calgaryjournal ca guide polls pdf Linking an image to a PDF You may sometimes have an info graphic that will not be readable as an image In this case you can create a screen capture of a portion of the PDF insert it as an image and link the image to the PDF Go to Media Manager scroll down to the bottom and browse to the PDF then click upload Make a note of the exact file name you will need this to link the image after Take a screen shot of a portion of the PDF and in Photoshop resize it to be no bigger than 300 px wide In the article upload the image float to the left or right highlight it and link it to the PDF This URL will be images nameoffile pdf EG images SuperBowl pdf Add a caption to the image to describe the Info graphic EG Super Bowl Predictions link this to the PDF as well to make it more obvious to the reader that there is more information 17 Lastly there is the mysterious naming of Calgary Journal Pr
4. along the Trans Canada Highway has been transformed into Calgary first and Canada s largest urban farm For years Paul Hughes a food security and urban agriculture advocate had sought a location to create an urban farm to provide the Calgary Food Bank with fresh fruit and Read More vegetables The thumbnail image should be placed below the deck Create a space for the thumbnail by putting curser at the end of the deck and pressing return enter Insert the image as described for the body images above Align it to the left by clicking on the image then choose floatleft from the Styles dropdown menu If the thumbnail is a smaller version or portion of one of the body images that are already in the article there is no need to provide a photo credit If the thumbnail does not appear within the body of the article place a photo credit at the bottom of the article more info below in Final Steps Step 6 Creating a pull quote optional Choose the text quote you want to have as a pull quote and copy it to where you want it to appear in the article as a new paragraph Highlight the text go to the styles drop down menu and chose pullquote_right or pullquote_left This will create a box that floats to the right or left of the rest of the body in italics in a light grey box Include attribution first and last name in front of a dash The style will automatically be italicized as seen below 10 On
5. CalgaryJournal ca User Guide Revised September 2015 This and other user guides are also posted online CalgaryJournal ca guide Questions Klmartin mtroyal ca 403 440 5190 Table of Contents Preparing Images for Upload Web read yy s nnnunsnunsunnnunnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn 3 ifleiedl glate AFICIO S airaa a ae a 4 Be GW E 4 Submitting and Formatting TeXt Ae 4 SED Ee KE TE EE 5 SUC 2 IMO TEXT EEN 5 Step S TS a laten EEN 6 Step 4 Inserting Images and culte 6 Step 5 Add Ee of ga EE 10 Step 6 Creating a puli EHNEN ENEE 10 Step 7 Inserting aside Bar OF Tale insna 11 Step Related gl E 12 Step 9 Status Category CT EE 13 Step 10 Preview and Linking Thumnail cccceeceeeeeeeeeeeateeeeeeateneeeeanees 13 Ste OPIN Ak SUC DS ER 13 Section Eltere 15 Creating a e To LEE 17 LINKING an image to a PDF EE 17 Reviewing and approving COMMentS s sssssssnssennsnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnmnnn nnne 18 WV DD Style ee LE 18 Other E le TEEN 19 Preparing Images for Upload Web ready All images need to be edited and saved for the web smaller files allow quicker loading before being uploaded It is best to prepare all images before uploading 1 Open the image in Photoshop 2 Resize the image to ensure fast and efficient loading times Very Important Body images Under the Image Menu choose Image Size and enter the width or height Width should be a maximum of 400 px wide for horizontal imag
6. ETSKY Readmore Content before read more should include Short Deck 10 to 15 words or two lines thumbnail image and first paragraph or sentences 10 to 15 lines including deck 18 Thumbnails Every story that is uploaded needs a thumbnail If you do not have a thumbnail think about art as thumbnail If you have no thumbnail at all talk to your photo editor Thumbnails images that do not appear in the body of the article in a larger format may need to have a short cutline photo credit applied Cutlines Cutline bold credit italics Photo credit styles Photos taken by Calgary Journal reporters should read Photo by Jonathon Choe Photos taken by non Calgary Journal reporters should read Photo courtesy of Sandra Smithson Photo illustrations should reference original works Illustration by Jonathon Choe Source material courtesy of Sandra Smithson If you copy and paste the credit and it is in caps instead of re typing highlight it and choose lowercase from the styles menu CJ Emails After every story place the reporter s cjournal email at the bottom Tell your reporters to check their emails in case they get feedback Dates When making reference to dates avoid using days of the week Opt for specific dates or take out the reference to the date all together Other Guides Visual Editors User Guide HTML User Guide Audio Video User Guide CJournal Email Guide Editor Group Emails 19
7. G e SOURCE SETTING Source From Joomla Article IDs Joomla Article IDs 1630 1637 1555 Number of Articles 3 Limit for each vo Filter By author Anyone Featured Articles Articles Sorted By Hits Asc Run content plugin cx IRKAACCO AMN I ALLO Once a gallery has been created it will appear in the The Lens section on the main menu but it can also be embedded directly into an associated article In order to complete this step make sure the visual editors have first created the gallery Place the gallery at the bottom of the article just above the email address of the author Place the curser here then click on the Gallery icon below the body of the article on the left Path h3 An Gallery RSComments i Leave Type as Single Gallery Images choose the gallery you want to appear from the Category Drop down menu Change the profile to The Lens Insert Content then click Save and Close 16 Type Single Gallery Images v Category 85 The Lens Photo Gallery Calgary s ring road controversy More than a rally Sunalta LRT is quiet on Friday morning rush hour April Fools Day parade spreads comic cheer through downtown core Eternal Images Lego enthusiasts unite to build large scale Calgary mosaic Inside the Calgary Zoo Easter Egqstravaganza Calgary communities embrace Easter 7 Search Child Categories No v Add Links To Images No e Profile The Lens Insert Content e Tags Image Limit
8. Wednesday June 24 Schuurman played a set for Calgarian fans at the Commonwealth Bar and Stage During the highly anticipated Sled Island Music Festival which ran from June 24 28 Multiple bands were formed members came and went the garage venue would change from time to time however Schuurman says that being the drummer worked to his advantage he gradually taught himself every instrument he has ever played Friends would leave all their equipment at my house guitars bass keyboards all that kind of stuff Sled Island participants got a chance to experience the melodic concoction of Psychic Jzero Schuurman says Pollution Through ambient instrumentals and deep yet provocative beats the venue as Schuurman puts it was good vibes Step 7 Inserting a Side Bar or Table optional A side bar is a table with one column and one row Click on the Table Icon in the top menu ime Enter the following properties then click insert Tables 2 2 6 General Advanced General properties CH Cols 1 Rows 1 Cellpadding 5 Cellspacing D Alignment Left sl Border 0 Width 50 Height Class Not set L Table caption o en x cone Cols 1 Rows 1 Cellpadding 5 Cellspacing 5 Alignment Left or right Width 50 Leave the rest as Is Paste the side bar text into the table Be sure to Paste as Plain text Add a background and border by placing the curser in the table right click and go scroll
9. e the keyboard short cuts command c copy command x cut command v paste lt gt Sometimes you will need to look at the HTML code to fix formatting issues Click this icon See HTML Fixes tips sheet here www calgaryjournal ca pdf html pdf 2 Extras at the end of the article Insert the author s cjournal email at the bottom of the article non italicized and information email of the editors italicized as seen here klmartin cjournal ca The editor responsible for this article is editor s name and can be contacted at editor s email 3 Add Icons to indicate if there is video audio photo gallery or a question For video audio photo gallery highlight the deck go to the styles menu and choose the appropriate style h3 videoicon h3 audioicon h3 pictureicon eg ms Calgary could benefit from a similar event Important Note make sure the deck is a Heading 3 or this will not work For a question at the bottom of article go to the styles menu and choose question eg we What do you think 4 Photo Credits Ensure the photo credit for all photos appears beside the bolded cutline in italics as described on pg 9 Thumbnail images need to be credited if they are not taken by the same photographer as the images within the body of the article This credit can be added to the bottom of the article non italicized after the editor information described above in 2 EG 14 Thumbnail courtesy of P
10. edictions Jerome Boger as the game s head referee Last week the New York Times published _an article that raised questions over EN cee of Che sf Cred ches mn gor bt hem gege med wed be pe vn he u ken abba ot home mare ka ke hewn p a es i e Ce whether Boger was the most qualified Um bid bene Da beter De Lis arnage fend e D acta poet _ Official to do the job The See j fern from fang quarterback one yet Time will tell if the NFL s new secret and controversial rating system for choosing a pee the referees will play a role in the outcome Te deeg ee or whether the players will decide the game s outcome Reviewing and approving comments When a comment is posted an email will go to your editor and chef and Kerri The editor and chef will forward to the section editor to approve and respond to if necessary To approve login to the backend administrator panel click on Components then RS Comments Click on comments to see a list of comments and click under publish to publish Web Style Guide Headline Will appear in red at the top make sure to follow CP Style First word in caps the rest in lowercase unless it is a proper nameytitle Deck Heading 3 Subheads Heading 4 Body text Be sure to paste as plain text and separate paragraphs no other formatting is required Created by Alias This will appear as written by at the top of the article Written by KRISTINE SAR
11. es and 400 px high for vertical Make sure the little chain icon on the left of Width and Height is clicked to keep the image proportional O Image Size Image Size 1 88M Ai Dimensions 960 px x 685 px Fit To Original Size Width 960 Pixels 8 H Height 685 Pixels 4 Resolution 72 Pixels Inch d V Resample Automatic d Cancel OK Thumbnail images Thumbnail images which appear at the top of the article have dimensions of exactly 230 px by 170 px Iin Photoshop select the crop tool choose W x H x Resolution from the drop down menu then enter 230 px x 170 px in the options bar as seen here D WxHxRes gt 230 px px in gt Clear jij Straighten D 7 Delete Cropped Pixels Note Ignore Image Size at the top as this is what the image size would be uncompressed 3 Save in appropriate web format Usually JPEG Choose Save for Web under the File Menu and save the image in JPEG format if it is a photo GIF if ita line drawing or cartoon For JPEG select High which will automatically change Quality to 60 Leave everything else as the default Choose Save and save the photos in a convenient spot that is easy to find when you upload this could be a folder on your desktop that you can delete later Use a descriptive name not the file numbers and do not have spaces or periods except for right before the extension eg jog within the name Dashes and under
12. hotographer s name Images used from creative commons libraries need to have the photographer s name linked to their body of work and the Creative Commons information linked to the specific license EG Photo courtesy of www bluewaikiki com Flickr Creative Commons Licensed 5 You can do a spell check by clicking on the following icon CH Errors will appear with red wavy underline like in MS Word 6 Click the Preview button again to ensure the article still looks good with these final additions 7 Then click Save amp Close at the top View the live article to ensure it looks good Important notes The undo function command z or go to the browser menu edit gt undo can be very useful If this does not work the first time make sure you click within the body of the article and try it again Ten versions of previous iterations of the article will be tracked To go to a former version click the version button at the top put a check by the version you want to restore and select restore Dee Kleng He e Fenn ih Varninnr Alinen Save amp New ts Save as Copy amp Versions Close Section Editor Duties Front Page Articles There should be four articles feature on the front page To feature an article click on the star to the left of the title Featured articles will have a yellow star Click on Featured Articles on the left to show just the featured articles Creating Duplicates
13. ight el Clear el erat sed diam voluptua Margin Top 5 Equal values Border M width 0 x 2 Style Not Set v Colour 000000 EE Set the following Properties URL No need to enter anything here the URL should have appeared when you clicked on the image name by the Details panel If not click it again Alternative text Insert a very short description of the image For example giraffe You do not need to enter the full cutline description here this text will show up for people with visual impairments who use screen readers Dimensions Leave as is the image should have already been re sized in Photoshop to ensure the best quality Alignment Choose Right if you want the image to float to the right side of the main text choose Left for the left side Clear Leave as is Margin Leave as is default 5px margin is set Border Leave as is default is no border Once you have set the image properties click Insert bottom right and the image should appear within the text To edit the image click on it then click on the Insert Edit Image icon again this will allow you to change the properties if you need to EG you may decide to align to the right instead of the left Add a cutline Highlight click on the image and click on the Add Edit Caption icon to the right of Add Edit Image B Z U age d st R I T Fa gt Sie S sj i pE i S f d jjs 7 DJE Sfmt eebe dn caption tt Paragraph
14. nfigure Edit Screen Permissions Enter the reporters name in Created by Alias Created By Alexandra Hardstaff Gajda Created by Alias ALI HARDSTAFF Note the style will automatically be capitalized on the live version Changing Featured to yes will make the article appear on the Frontpage but this decision should be determined as a group Leave it as no at this point Step 10 Preview and Linking Thumbnail Click the blue preview button at the top in the middle 5 Save as Copy amp Versions Close Anew window will open with a preview of what the article will look like live Make a note of any issues that need fixing Spacing alignment etc Hover over the title right click and go to Copy Link Address then close the preview window al A Fa Se a Circle The Wagons makes its way RFP Open Link in New Tab Open Link in New Window WRITTEN BY ALI HARDSTAFF Published 12 September 2015 Open Link in Incognito Window Save Link As The Second Annual travelling carnival Link Address J Circle the Wagons is Search Google for Circle The Wagons makes its way through YYC y thecity Sept 12 this Print 4 Association m a i BALLON Cristi Petr reis Click on the thumbnail the click on the chain icon and paste the URL 13 Step 11 Final Steps 1 Scroll through and read the article check for spacing issues alignment of pictures and typos NOTE If you need to Copy Cut Paste please us
15. of an Article Saving the article in another Category There will often be the need to have a same article in more than one Category To create a duplicate click into the story you want duplicated and at the top click on Save as Copy button This will add 2 to the end of the headline delete this Then choose the new category from the drop down menu and click Save and Close Then check to make sure the new article is published Creating features for Individual Sections Each section will have three articles featured highlighted at the top The section editor for the section is responsible for choosing the featured items for each issue 15 Choose and record the Articles ID s for the three articles you want to highlight Navigate to the article on the live site and write down the number that follows the section in the URL For example in this URL the Article ID is 962 http calgaryjournal ca index php news 962 nobody will listen says members of mental health group Go to Extensions gt Module Manager then enter your section by filter to find the feature stories module EG for News the module is called Feature News Stories Click on the module scroll down and click on the yellow arrow beside Source Setting ensure Source From is set to Joomla Article IDs and enter the three IDs you chose separated by commas as seen on the right Embedding a Photo Gallery into an article gt GLOBAL SETTIN
16. scores are okay eg election_results jpg You will not be able to upload images that are over 100KB Submitting Articles Login Go to www calgaryjournal ca administrator and login with the following Your username is your cjournal ca email address YourfirstinitialLastname cjournal ca Your password is the last 6 digits of your student ID number Submitting and Formatting Text Once logged in go to the Content menu at the top then Article Manager then click the green New button on the top left Content Components Extensions He Article Manager b Add New Article Category Manager Featured Articles E Extension Update Media Manager If you are editing an existing story you can sort the list of articles by the most recent first by clicking on L H 1 D date two times Date Q Search Tools e Clear ESTA e 20 lt Status Title Access Author Language Date Hits ID You can also narrow down the articles by various criteria by clicking on Search to reveal various options for sorting Q Search Tools Clear Author descending Select Status Select Category Select Access Select Language Select Tag Select Author Select Max Levels X a l If you see a lock icon to the left of the title hover over the lock to see who last accessed the article and if you are sure this author is no longer on the article double click on the lock to unlock the article
17. then clicking Read More will display the whole article Step 3 Inserting Links Highlight the words you want hyperlinked a live link to the URL then click this icon within the tool bar Enter the full URL including the http it is best to copy and paste to avoid typos Text will be the words you highlighted Under Attributes choose Open in New Window from the Target Menu leave the rest as is and click Insert For internal articles within the Calgary Journal website you can also search or navigate to the content under browse Note There is no need to Open in New Window if you are linking to an internal article this is just for external links Link 2 2 6 Link Advanced Browse e Contacts Content SF Menu e Weblinks Attributes Article Anchors Target Not Set Title Step 4 Inserting body images and cutline All articles need at least one body image but there may be more Click on the Insert Edit Image icon within the toolbar z Styles CR H ZF Uape 222 Zz 6 Heading 3 X aal lm R I T Pq E E VENE A al A so e O O E lm insertiddit image P Search 03 Insert Help x Cancel dE Then click the upload icon above and to the right of the details panel Image Manager Extended 2 0 6 O Image Rollover Advanced Popups Properties Preview URL Dimensions x v Proportional Lorem Ipsum dolor sit amet consete
18. to Cell gt Table Cell Properties Click on the Advanced tab and enter the following properties then click update 11 Tables 2 2 6 CH General Advanced Advanced properties Id Summary Style border color 000000 border width Language code Background image Frame Not set Rules Not set Language direction Not set Le Le ke Border color 000000 M Background color cccooc w Insert x Cancel Border color 000000 black Background color cccccc grey Step 8 Related Articles The option to choose some related articles is found to the right of the body field You can add 3 to 5 related articles by searching for a keyword and choosing the article Example of related Articles for a story about a DJ Related Articles Are you a pro DJ DJ admired for high energy stage presence Calgary musician Johnny Summers obsessed with motorsport racing 12 The related articles will appear within the body of the article automatically Step 9 Status Category amp Byline By default the Status found on the right under Related Articles will be Published This can be changed to Unpublished for articles that are not ready to appear on the live site yet Choose the appropriate Category from the category drop down and leave the rest as is To enter the byline click on the Publishing Tab at the top Content Publishing Co
19. tur Alignment Not Set sl Clear gt sadipscing elitr sed dilam nonumy eirmod tempor Invidunt Margin Top 5 M Equal Values ut labore et dolore magna aliquyam erat sed diam Border width 0 zl 4 Style Not Set v Colour 000000 D voluptua lal File Browser Root 2 folders 82 files eis Er K i Folders O laz 2 Name EN Details Root J Lu Resized 0 j Resized m thumbnails thumbnails 110824 _GFest_JML__003 jpg AmiMcKay1 jpg AmiMcKay1THUMB jpg artistkim2 jpg artistkim2THUMB jpg aspartame molecule tb jpg aug2012cover jpg bleber jpg bleber_thumb jpg Pee e e e e e e gt Show All zl GC Refresh wi Insert x Cancel A new window will appear Upload A Drop files here Cy r C Thumbnail Width 120 px Helght 120 px NW Crop To Fit E Browse t Upload x Close Click Browse navigate to the web ready image highlight it click Open then click Upload The box will close and the image will appear within the list to the left of the Details panel in bold click on it and it will refresh itself and a URL will appear in Properties above Image Rollover Advanced Popups Properties Preview URL Images july2012 AmiMcKay1 jpq Lorem ipsum dolor sit amet consetetur Alternate Text Ami Mckay sadipscing elitr sed diam nonumy eirmod Dimensions 277 x 400 Proportional tempor invidunt ut labore et dolore magna aliquyam Alignment R
Download Pdf Manuals
Related Search