country communication pages - church of jesus...

Country Communication Pages—November 2013 ©2013 by Intellectual Reserve, Inc. All rights reserved. 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




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




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




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




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




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




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




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




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


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




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


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




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




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




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.




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.




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.

country communication pages - church of jesus...

Documents