Post on 28-May-2020
transcript
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 1 of 15
English approval: 11/2013, PD50049448
Country Communication Pages
Lesson 3: Customizing Articles
Lesson 3
There are a few ways you can customize articles. In this lesson, you will learn how to:
Insert images, videos, tables, and links.
Add an image gallery or video at the top of an article.
Use preview, comments, and other article options.
Contents
Inserting Items in an Article .............................................................................................................................. 1
Adding an Image Gallery or Video .................................................................................................................... 8 Using Article Options ...................................................................................................................................... 10
Using Article Content Buttons ......................................................................................................................... 12
Inserting Items in an Article
You can customize articles by inserting images, videos, tables, and links. Videos can be either uploaded onto
Brightcove, the video management system used by the Church, or referenced from YouTube. You can send
a video to the Web Publishing team, and they will upload the video onto Brightcove. The Web Publishing
team will then send you the information you need to use the video.
1. To edit an article, click the Edit
button to open the menu, and select
Edit [article name].
2. In the Content box, there are
several buttons you can use to edit
article content.
1
2
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 2 of 15
English approval: 11/2013, PD50049448
Inserting Images
3. Click in the Content box to position
the cursor where you want to place the
image, and then click the Insert
Image button ( ). Select or add an
image.
BC stands for Binary Content which
includes images.
4. In the Content box, click the image,
and then click the Styles drop-down
list, and select Img Right or Img
Left.
5. To add an image caption, in the
Content box, right-click on the image,
and select Image Properties.
6. Add alt text and a caption, if
desired. Then click OK.
4
3
5
5
6
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 3 of 15
English approval: 11/2013, PD50049448
Inserting Video
7. In the Content box, create a new
paragraph or line for the video, and
then click the Insert Brightcove
Video button ( ).
8. In the video selection window, the
appropriate language and country
should be displayed. If they are not,
you can select the correct option using
the drop-down list. Then click Create
New.
9. For a download version, under
Download URLs, click Add, and
enter the URL for the download
version.
10. For a Brightcove video, enter the
following information:
Brightcove Video ID
Brightcove Player Key
Brightcove Player ID
Title (The title is what you use
to search for the video; it also
appears as a caption under the
video.)
Note: Get the Brightcove video
information from the Web Publishing
team.
8
10
9
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 4 of 15
English approval: 11/2013, PD50049448
11. For a YouTube video, enter the
following:
Title (The title is what you use
to search for the video; it also
appears as a caption under the
video.)
YouTube Id. From the
YouTube URL, copy the part
after “watch?v=.” For
example, for this YouTube
URL
http://www.YouTube.com/wat
ch?v=P9nUOCJ8rcU, use
P9nUOCJ8rcU as the
YouTube Id.
12. Add the video length in minutes
and seconds, separated by a colon,
such as 2:30.
13. At the bottom, click Save.
14. In the video selection window,
click Search. A list of video titles will
be displayed.
15. To select a video, click Select.
16. If you need to edit the video
settings, on the article page, click the
Edit button on the video to open the
menu, and select Edit video.
14 15
11
12 13
16
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 5 of 15
English approval: 11/2013, PD50049448
Inserting Tables
17. Click in the Content box to
position the cursor where you want to
place the table, and then click the
Table button ( ).
18. Enter the desired number of rows
and columns.
19. Click the Headers drop-down list,
and select the desired style of header.
20. Click the Alignment drop-down
list, and select how you want the text
aligned.
Note: You can also add a caption, if
desired.
21. Then click OK.
22. Fill in the table information.
Header styles
(The following images show examples
of how different header styles affect
the appearance of the table. The first
image in each pair shows the table
being edited in the Content box. The
second image shows the final look of
the table after being published on the
website.)
None (no header)
First Row
18
19
7
20
21
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 6 of 15
English approval: 11/2013, PD50049448
First Column
Both
Inserting Links
23. Highlight the text (where you
want to create the link), and then click
the Link button ( ).
24. Click the Link Type drop-down
list, and select the desired type of link.
24
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 7 of 15
English approval: 11/2013, PD50049448
25. For a URL link, select the
protocol, such as http:// or https://
26. Enter the URL, and click OK.
Note: To link to an internal website
page, use a relative path, such as
/getting-started-with-family-history.
27. For an email link, enter the email
address, and click OK.
28. An anchor indicates a spot within
the article text you would like to link
to. Click in the Content box to
position the cursor where you want to
place the anchor (where you want the
link to go to), and then click the
Anchor button ( ).
29. Enter an anchor name, and click
OK.
30. Highlight the text that will become
the link, and click the Link button
( ). Select Link to anchor in the
text.
31. Select the anchor, and click OK.
25
27\5
29
31
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 8 of 15
English approval: 11/2013, PD50049448
32. Save and preview the article.
When the article has received
Intellectual Property and Correlation
approval, publish the article.
Adding an Image Gallery or Video
An article can start with no image, one image, several images (an image gallery), or a video.
Image Gallery
1. On the article page, click the first
Edit button to open the menu, and
select Add Image Gallery.
2. Add a name for the image.
3. Click Search to add an image.
4. Enter the alt text and image caption,
if desired.
Note: To add another image, at the top
of the page, click Add. Add as many
images as desired.
5. When you are finished, click Save.
Then click Done.
1
2
3
4
1
5
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 9 of 15
English approval: 11/2013, PD50049448
6. The image gallery appears above
the article with one large image on
top, and the other images underneath.
To view another image, click on the
image.
Note: If there was an image at the top
of the article, it will still be there,
underneath the image gallery. To hide
the image, edit the article, and click
the option to hide the image on the
article page.
7. When the images have received
Intellectual Property and Correlation
approval, at the top of the image, click
the Edit button to open the menu, and
select Publish.
Video
8. To add a video on the article page,
click the second Edit button to open
the menu, and select Add Article
Video.
9. Add a name or title for the video.
You can also add a short description,
if desired.
7
11
6
8
9
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 10 of 15
English approval: 11/2013, PD50049448
10. For a Brightcove video, enter the
Brightcove ID, player ID, and player
key. For a YouTube video, enter the
YouTube ID.
11. Select the video type, either
Brightcove or YouTube.
12. Add the video duration in minutes
and seconds, separated by a colon,
such as 2:30.
13. Indicate whether you want the
video to automatically start when the
page appears.
14. For a download version, under
download item, click Add, and enter
the URL for the download version.
15. Click Save. Then click Done.
16. When the video has received
Intellectual Property and Correlation
approval, at the top of the video, click
the Edit button to open the menu, and
select Publish.
Note: If there was an image at the top
of the article, it will still be there,
underneath the video. To hide the
image, edit the article, and click the
option to hide the image on the article
page.
Using Article Options
When editing an article, there are other options across the top of the page besides adding article content.
11
12
11
13
14
15
16
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 11 of 15
English approval: 11/2013, PD50049448
Preview
Preview allows you to view what the
article would look like in various
devices, from a desktop computer to a
mobile device.
1. Select the device.
2. For a mobile device, select either
portrait or landscape view.
3. Scroll down to see how the article
would appear.
Publishing
Publishing allows you to set a specific
date and time in the future when this
article should be published as well as a
future unpublish date.
You can also see basic document
information such as the URI, status,
locale, and a TGP count (for translation
purposes).
Translations
Translations shows the status of
translations for this article.
Comments
Comments allows you to add a note
about this article. The note is only
viewable in this edit mode.
1
2
10
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 12 of 15
English approval: 11/2013, PD50049448
History
History provides a log of changes to
the article, including who created the
article or made the change along with
the date the change was made.
Versions
Versions displays the current and
previous published versions of an
article, in case you need to review what
was previously published.
Follow This Content
4. Clicking Follow This Content will
notify you via email if the content
is changed or updated.
Using Article Content Buttons
The LDS Publisher editing tool is a WYSIWYG (What You See Is What You Get) rich-text editor. This
means that the text shown in the editor looks similar to the text end users will see after the document is
published. LDS Publisher allows you to edit and format the text using a number of buttons above the
Content box. The buttons and their functions are explained below.
Maximize This changes the view to full screen.
4
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 13 of 15
English approval: 11/2013, PD50049448
Undo
This undoes the last change that was made to the text.
Redo
This restores a change that was previously undone.
Find
This searches within the content for words you specify.
Replace
This searches within the content for words you specify and replaces
them with the text you specify.
Remove Format
This removes any formatting from the selected text.
Add Brightcove Video This adds a Brightcove or YouTube video.
Add Brightcove
Gallery
This adds a Brightcove gallery.
Insert Image (Binary
Content)
This uploads and inserts images.
Link This creates clickable hyperlinks or email addresses.
Remove Link
This removes the hyperlink or email link from the selected text.
Insert Anchor
This inserts an anchor in the text.
Decrease Indent
This decreases text indentation.
Increase Indent
This increases text indentation.
Block Quote This formats a block of text as an indented quotation.
Create DIV Container
This creates a new div element in the document source.
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 14 of 15
English approval: 11/2013, PD50049448
Align Left
This sets the text alignment to left.
Center
This sets the text alignment to center.
Align Right
This sets the text alignment to right.
Justify
This sets the text alignment to justified.
Bold
This applies bold formatting to the text.
Italic
This applies italic formatting to the text.
Underline This applies underline formatting to the text.
Strike through
This applies strike through formatting to the text.
Subscript
This applies subscript formatting to the text.
Superscript
This applies superscript formatting to the text.
Insert/Remove
Numbered List
This creates or removes a numbered list.
Insert/Remove
Bulleted List
This creates or removes a bulleted list.
Insert Table
This creates a table.
Insert Horizontal Line
This inserts a horizontal line.
Set Padding
This inserts padding space between the content of a table cell and
its border.
Lesson 3: Customizing Articles
Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. Page 15 of 15
English approval: 11/2013, PD50049448
Set Margin
This inserts margin space surrounding a block element’s border,
such as a table.
Formatting Styles
This formats images to the right side or left.
Paragraph Format
This formats paragraphs as headers, body text, and so forth.
Font Size
This changes the font size of the text.
Insert Special
Character
This inserts a special character or symbol.
Em Dash
This inserts an em dash.
En Dash
This inserts an en dash, which is wider than a hyphen but not as
wide as an em dash.
Left Curly Quote
This inserts a left curly quotation mark.
Right Curly Quote
This inserts a right curly quotation mark.