Nunavik-IcE WordPress Training

Welcome!

Welcome to the Nunavik-IcE online training! This introductory course was designed for anyone who has content to share on the site, such as teachers, pedagogical consultants and curriculum developers.

At the end of this training, you will be able, in collaboration with your team of colleagues, to go through all the steps that lead to the publication of resource posts on Nunavik-IcE.

The Post Publication Process

This course is structured around the Nunavik-IcE Post Publication Process, a foundational tool that was created to allow teams to work together smoothly by following a uniform protocol. Each of the 5 module of the course corresponds to one of the steps of the process.

The Nunavik-IcE Post Publication Process document was created in a poster format. We suggest you print a copy and keep it near your workspace so that you can follow the steps that lead to the publication of your resource.

Download and print the poster

Table of Contents

This online training was designed in a linear fashion. We suggest following the modules’ order. However, if you have already completed this training, you can use the links below to access specific sections that you would like to revisit.

Course Structure

Before you go further, we would like to share some information with you about this online training.

Structure

Each module is built around the questions What, Why and How. The What section provides knowledge about the tools you are using. The Why explains the importance of the suggested procedures. The How is the technical part, where you will learn how to work on the site.

Progress

This online training was designed in a linear fashion. The first time you complete the training, we suggest following the modules’ order. If you use this page as a resource to revisit a concept, you can use the table of contents to jump directly to the module of your choice.

Interactions

To make this online training more engaging, we have added a few activities and questions throughout the modules. Some will give you feedback on your answers. However, the best way to learn is practice. We suggest you take some time to experiment with real resources.

The Nunavik-IcE website is built on one of the most popular web platforms: WordPress. We chose this tool for many reasons, including:

• it’s easy to use and does not require any web development or coding skills for the publication of new content;
• it’s well known, so many people and companies are used to working with it;
• it’s there to stay and easy to update, so we will not have to change tool in the future;
• it’s easy to find resources and tutorials to learn WordPress on YouTube and other sites.

Nunavik-IcE is a Kativik Ilisarniliriniq (KI) website created to foster ongoing development and sharing of Inuit-centred educational resources for and with Nunavik schools and communities. Therefore, the resources shared on Nunavik-IcE must both be in line with this vision and meet the KI standards.

At the end of this module, you will be able to:

• assess whether or not an educational resource should be published on Nunavik-IcE.

1.1 Resource selection

We use the word resource to designate any tool that supports education in Nunavik whether it’s addressed to students directly, to their parents or to teachers. Therefore, a resource can be anything from a reading book on colours to approaches for supporting the learning of math. Although we share a broad range of resources on Nunavik-IcE, they must all represent the site’s vision, which you will learn more about in this section.

1.1.3 How to select?

To help you in the selection of resources that should be shared on Nunavik-IcE, two tools are currently available.

The selection process

This diagram shows a series of questions that have to be answered before selecting a resources to share on Nunavik-IcE. Each one either leads to the decision not to publish, or to the next question in line.

download

The curriculum review form

This rubric was developed by Kativik Ilisarniliriniq to review its printed curriculum materials. However, it can be a good reference when it comes to assessing online resources as well.

download

1.1.4 Practice

For each of these resources, select whether or not you think they should be shared on Nunavik-IcE.

This resource is an AlloProf article on the animal cell.

• Should this resource be shared on Nunavik-IcE?*
  • Yes
  • No
• Don’t share | Although AlloProf resources are high quality, accurate and relevant to our students, creating a Post to share each of their relevant article wouldn’t be a good use of time, since they are already easily accessible online. You can still refer to it in a lesson plan, or even suggest to make one Post to introduce their website as a resource.

This resource is a stretching protocol to do before physical activity, shared by a teacher in Kuujjuaq.

• Should this resource be shared on Nunavik-IcE?*
  • Yes
  • No
• Share | Although stretching protocols are common online, this one was specifically developed for the school context in Nunavik. We know it is safe, we made it available in 3 languages and it is relevant for students, parents and teachers at school or at home.

This resource is a series of poems in Inuktitut written by Nunavik students.

• Should this resource be shared on Nunavik-IcE?*
  • Yes
  • No
• Share | Students’ work are great resources to share on Nunavik-IcE. In addition to contributing to the living culture of Nunavik, they are great sources of inspiration for teachers to organize learning activities and for students to read. 

This resource is the PDF of a book published by Inhabit Media.

• Should this resource be shared on Nunavik-IcE?*
  • Yes
  • No
• Don’t share without permission | This resource meets most of the Nunavik-IcE requirements. It is a quality resource that supports Inuit-centred education and Nunavik teachers, students and parents would benefit from it. However, it is under copyrights. Therefore, it should only be shared as the result of an agreement with the publisher. 

Conclusion

Congratulations, you have completed module 1 of the Nunavik-IcE online training. You are now equipped with tools and questions that will guide the selection of resources to share on the website.

We gave this process a lot of importance and made it the first step of the Post Publication Process in order to make sure you don’t invest time in a resource that will eventually not be published.

Finally, once you have determined a resource should be published on Nunavik-IcE, make sure to get the approval of your department supervisor.

Before you go further, it’s time to login to the Nunavik-IcE backend!

In order to create and manage content on Nunavik-IcE, you will have to login to the WordPress backend. The backend is for contributors, like you, to create and manage content. On the opposite, the frontend is for users to navigate on the website.

In a way, it is similar to working in Powerpoint. The backend is where you would create your slides with the available tools, while the frontend is the presentation mode where you can only see the result.

We have created a username and a password for you, and set your role to contributor.

If you have your username and password, click here to login to the backend! Otherwise, send an email to nunavik.ice@kativik.qc.ca.

Login Procedure

Support

If you had any difficulty logging in, or if you don’t have your username or password, please ask a website administrator to help you by sending an email to nunavik.ice@kativik.qc.ca.

Orientation

This video is a short guided tour of the WordPress backend.

*Please note that the backend may look slightly different for you and other contributors.

Each resource on Nunavik-IcE is introduced in the form of a post. This term is used because WordPress was initially used to create blogs. In the case of Nunavik-IcE, we are simply creating resource posts instead of blog posts. Up to a certain point, Nunavik-IcE is only a way to show and search through posts. If you access the homepage, you will see posts that we selected for different audiences and organized by categories. If you search, you will see results which are posts that fit your search filters…

At the end of module 2a, you will be able to:

• access the post section in Nunavik-IcE backend;
• create a new post or edit an existing one;
• use the blocks editor to build your content;
• and save your work as a draft.

2a.1 Creating a Post

The process of creating posts to introduce resources on Nunavik-IcE is the core of this online training. Throughout modules 2a, b and c, you will create your first post in the backend of the site.

In order to practice the notions introduced in modules 2a, b and c, we suggest you choose an existing resource you would like to share, such as a lesson plan or an information document. You will use this resource throughout the module.

2a.2 Titles

Before you create any content in your new post, you must enter a title. This will allow the site to generate a URL towards your post (nunavik-ice.com/en/your-title) and will then allow you to save your post as a draft as you work.

2a.2.1 What is the title for? 

Think about the last time you chose a book to read. You probably looked at the cover image and title first. Maybe you then read the summary.

Nunavik-IcE offers users the exact same information to choose the posts they want to open. On this post on Arctic Food Webs, as a user would see it in the search results, you can see 1) a cover image, 2) a title and 3) a summary (called excerpt). Once the user clicks on VIEW, the cover image and the title form the banner on top of the post, as you can see here.

In this module, you will learn to write a good title. Cover image and excerpt will be addressed in further modules.

2a.3 Blocks Editor

You are now ready to start creating the content of your post! The good news is that WordPress has developed a tool that makes it easy to place the different components of your post‘s content: the blocks editor.

2a.3.1 What is the blocks editor?

The blocks editor works a little bit like PowerPoint in the sense that before you write text or insert an image, you have to create the corresponding zone (which are called blocks in WordPress). You can then edit and move these blocks around. 

There are many different of blocks available. Some are simple, some require coding. Some have been custom designed for Nunavik-IcE and some don’t even work with this site. Before you start building your post with the blocks editor, take some time to learn about the basic blocks that constitute 95% of what we use on Nunavik-IcE. Don’t forget to refer to the glossary for more details and to take notes.

The most common blocks are:

Note: because WordPress is often updated, the symbols in this online training might be slightly different in appearance than the ones in your backend.

The paragraph block allows you to write text. The text in a paragraph is automatically formatted to fit the rest of the site, so you shouldn’t change the font, size or colour. This text you just read is in a paragraph block.

Headers are subtitles. From header level H1 (reserved for the main title of the page) to subtitle level H5, they give hierarchy to your post. It is important to keep this hierarchy logical, rather than using headers for style. 

The list block allows you to create a bullet list or a numbered list.

Image blocks allow you to place an image. You can use this block as a placeholder for now, but please wait until module 3 before uploading new images, as there are guidelines to follow.

The file block allows you to upload any type of document in your post. Please complete module 2b before uploading documents, as there are guidelines to follow.

The quote block allows you to cite. It has special formatting and a reserved space for the reference.

This is a layout block. It creates 2 equal width columns in your post. Inside each column, you can then add more blocks. This is ideal to place text and image side by side.

This is a layout block. It creates 3 equal width columns in your post. Inside each column, you can then add more blocks. This is ideal to list different things, just like this description you are reading right now.

The audience block was custom developed for Nunavik-IcE. It allows you to create a section of the post that only either teachers, parents or students will see. Once you create this block and select the audience, you can add more blocks inside.

The spacer block allows you to leave empty vertical room between blocks. 

The separator block allows you to place a little horizontal line in the post, ideal to separate different sections. 

Buttons are a way to catch users‘ attention and to encourage them to click. They lead to a URL of your choice.

The YouTube block allows you to insert the URL of a YouTube video so that users can watch it directly in the post.

The form block allows you to insert a form in post, just like the ones in this training. Forms must previously be created with another tool of the site.

For your first few posts, we suggest only using the blocks introduced in this section. This way, you should avoid any complication with your post.

2a.3.2 Why do we work this way?

The web works fundamentally differently than apps like Word. The main reason is that a site, like Nunavik-IcE, never looks exactly the same based on the size of the screen you are using to see it. For example, in a Word document, you can say: my text is taking 3 lines in size 12. This is impossible online, because only 6-7 words fit on a line on a phone screen, while 30 can fit on a large monitor. The size also varies depending on your settings and the web browser you use.

This is an example of the same post on three different devices that have different screen sizes.

Nunavik-IcE on a computer

Nunavik-IcE on iPad

Nunavik-IcE on mobile

Blocks are programmed to behave differently based on users‘ screen size. In this example, you can see that the two-column layout on the computer became a one column layout on the iPad and mobile.

This happens automatically, so don’t spend too much trying to make your post look perfect, because it will dynamically change from user to user!

2a.3.3 How to work in the blocks editor?

One of the best ways to learn a new software, like the blocks editor, is to experiment with it. In this section, you will briefly learn about the main tools of the blocks editor, before we suggest two hands on activities.

Tools of the blocks editor include:

Note: because WordPress is often updated, the symbols in this online training might be slightly different in appearance than the ones in your backend.

Adding Blocks

There are a few ways to add a block to your post, all of which are identified by the + symbol. Click on the symbol and select the type of block you would like to add. It will be added under your cursor position.

Navigating Blocks

When you reach a certain number of blocks, it can become difficult to orient yourself. The block navigation allows you to see the hierarchy of blocks in the post. This is especially useful if you have blocks inside other blocks, like an image inside a column.

Moving blocks

Once blocks are created, you can easily move them around using the handles on the left. The arrows are for moving the block up and down, while the dots are for dragging the block where you want to place it.

More options

When you click in a block, a series of tools appear on top of it. By clicking on more options (the three dots), you you can access very useful tools such as duplicating the block (creating a copy) or deleting the block.

Blocks Options

When you click in a block, the full options of this block will appear in the block settings, a menu on the right hand side of the page. If you don’t see it, click on the cog symbol to make it appear.

Adding a link

You can create a link with any text or image. To do so, select the word(s) you want to convert into a link and click on the chain symbol. Paste the URL where you want this link to direct. Make sure to activate the Open in tab option. 

Demonstration

This video demonstrates how to use the 6 tools of the blocks editor described above.

Conclusion

Congratulations! You have created a post and developed content to introduce a resource you’d like to share with teachers, parents or students on Nunavik-IcE. The next two parts of this module will show you how to add files to your post and how to select information about this post (metadata).

Most of the resources that are shared on Nunavik-IcE are files such as Word documents, PDFs, videos, images, etc… There are currently thousands of files on the Nunavik-IcE website, and before you start adding yours, there are a few things you should know.

At the end of module 2b, you will be able to:

• name files appropriately to contribute to an organized media library;
• compress files to ensure faster access to Nunavimmiut;
• upload files to your post;
• link existing online files (such as websites and videos) to your post.

2b.1 Naming your Files

Naming your files might sound really basic, but its so, so, so important. Each month, over 1000 files are added to the Nunavik-IcE site by dozens of contributors. Without a proper naming system, it would be easy to loose control!

2b.1.1 What are files?

The Nunavik-IcE website has been created to share resources with teachers, parents and students. Most often, these resources take the form of files, which include:

• PDF documents
• Word, PowerPoint or Excel documents
• Videos from Youtube or other
• Books

• Audio files
• Images
• Websites
• and more

Files are stored in the WordPress media library. In the backend, this is the second tab you can see, under posts, in the WordPress toolbar on the left hand side. By default, the media library shows files from latest to oldest. You can also search through it using file names.

2b.1.2 Why is file naming important?

Do you sometimes loose control over the desktop of your computer because there are too many files? We probably all do. Now imagine that 30 or 50 different people add files to your computer desktop.

This is exactly what happens on a site like Nunavik-IcE. As this online training is being developed, there are 5234 files on the site, added by more than 30 different contributors. They were all added over the course of the last 5 months.

Now, what if you want to “replace page 9 of the book on Umiujaq because there was a typo” or “add the name of a body part on the Inuktitut diagram of the Arctic Char“? To do so, you will first have to find these files in the media library and then replace them.

This will only be possible if everyone cares for excellent file management.

2b.1.4 Practice

Let’s give it a try. For each of the following files, use the description to rename them appropriately following the structure you just learned.

When you submit your answer, you will be shown 2 good examples, and 2 examples that don’t match the structure. Your answer might vary from these two good examples, but they will help you self-assess.

This Word document explains, in English, how to place an order with Kativik Ilisarniliriniq’s printing department.

• Rename this file*
• • Show Answers
• Good file names include Printing_OrderInstructions_EN.docx OR PrintingDepartment_Instructions_EN.docx
• File names that could be improved include KativikIlisarniliriniqPrinting_Instructions_EN.docx OR PrintingInstructions.docx

This is a jpg picture of the cover of grade 2 JUMP Math Exercice book in Inuktitut. It will be displayed in a post on JUMP Math resources.

• Rename this file*
• • Show Answers
• Good file names include JUMPMath_Grade2_BookCover_IU.jpg OR JumpMath_Grade2Book_IU.jpg
• File names that could be improved include grade2cover_inuktitut.jpg OR Math_gr2_cover_IN.jpg

This video is an Introduction to Kativik Ilisarniliriniq secondary second cycle math program with French narration.

• Rename this file*
• • Show Answers
• Good file names include SecondaryMath_Cycle2Intro_FR.mov OR SecondaryMathematics_Introduction_Cycle2_FR.mov
• File names that could be improved include KImath_sec_c2.mov OR Sec2/Introduction/french

This is an English version of the curriculum for the Kativik Ilisarniliriniq pre-work training course, updated for 2020.

• Rename this file*
• • Show Answers
• Good file names include PreWorkTraining_Curriculum_EN.pdf OR PreWorkTraining_2020Curriculum_EN.pdf
• File names that could be improved include pwt_revised2020program.pdf OR Curriculum_english-pwt.pdf

2b.2 Compressing your Files

Each time we upload a file on Nunavik-IcE, we influence the general speed of the site, as well as the time it will take for users to see or download that file. In this module, you will learn how to monitor and reduce the size of your files.

2b.2.1 What is file size?

The size, or weight, of a file is determined by the amount of information it contains. It is generally calculated in KiloBytes (KB) or MegaBytes (MB). 1000 KB = 1 MB. These are the units of measure for the weight of a digital file.

The first step in learning how to compress your files (decrease their size) is to learn how to check their size.

On a Mac

Right click (or ctrl+click) on the file and select Get Info. The file size is located in the top right corner of the Info window.

On a PC

Right click (or ctrl+click) on the file and select Properties. The size of the file is the third item on the list.

2b.3 Uploading Files

Your files are now ready to be uploaded on the Nunavik-IcE website.

• They have been named appropriately so that we can find them in the media library.
• They have been compressed so that users can access them quickly.

2b.3.2 How to upload a file?

Although files are stored in the media library, this is not where we will upload them. Rather, we will keep working inside the post you created in module 2a. Files will be uploaded directly in the post, through the blocks editor and will automatically be stored in the media library.

1. Login to the backend.
2. In the WordPress toolbar, click on Posts.
3. Find the post you are working on and click on the title to edit it.
4. Identify an area of your post where you would like to add a file.

Depending on the type of file you want to add to your post, you will have to select different blocks. For resources on your computer, use one of the following blocks.

Choose this block for any file such as a Word, PDF or Powerpoint document.

Choose this block for any pictures or illustrations.*

Choose this block for any song or sound document.

*Please do not upload images now and focus on files. Module 3 is mostly dedicated to images and explains how to adapt the size of your images to Nunavik-IcE.

5. Select the file block.
6. In the file block, click on Upload.
7. Select the file you want to upload from your computer.
8. Once the name of your file appears, it has been uploaded.

Demonstration

2b.4 Linking Online Files

You just learned how to take a file on your computer and make it available online, on Nunavik-IcE… but what about files that are already online such as a YouTube video, a website, a link towards a document? In this section, we will see how to add these online files to your post.

Conclusion

You are now ready to move on to the next module, where you will learn about metadata. This will complete module 2, where you learned the A to Z of post creation.

One last thing about files! In module 2b, you uploaded a test file in your post. This file is still in the media library and is making the site a little bit heavier. Let’s take the time to delete it before going further.

We will never insist enough on the importance of rigorous file management. That involves proper naming and compression (addressed in module 2b) but also deleting files that are not used or that were accidentally uploaded more than once.

Once you have deleted your test file from the media library, you can move on to Module 2c.

In module 2a and b, you worked on the visible components of your post: what users will see when they visit Nunavik-IcE. In this third and final part of module 2, we will focus on the invisible, yet essential components of your post, the metadata. 

At the end of this module, you will be able to:

• select metadata for your post;
• write efficient tags;
• write an excerpt.

2c.1 Metadata

2c.2 Tags & Excerpt

In the previous section, you selected most of the necessary metadata for your post. However, two metadata still require your attention: tags and excerpt.

2c.2.1 What are tags and excerpt?

Tags

The tags metadata is just another word for keywords. When Nunavik-IcE users search using keywords, only the posts that have been associated to these tags will appear.

Excerpt

The excerpt metadata is a short description of what the post is about. In the frontend, it appears under the title of the post, helping users know what it is.

2c.2.4 How to write the excerpt?

In addition to the cover image (1), the title (4), the category of resource (2) and the levels (3) the excerpt (5) is the only information available to users before they decide to read a post or to leave the site. Therefore, you should try to make the most of each of the characters at your disposal.

• Write approximately 70 characters, which represents 10-12 words.
• Start with a Capital letter, but if you don’t use an active verb, don’t put a period at the end.
• Don’t repeat informations contained in the title, nor the category of resource, the subject or the level (they are already visible on the post).
• If the resource is from a third party, mentioning their name is courtesy.

Good excerpts

• An Arctic Net poster to bring research on berries into the classroom
• A compilation of texts written by Nunavik students
• When different perspective can mutually support and enhance one another
• 4 model approaches to teaching with JUMP Math

Excerpts that should be improved

• An activity for grade 2 students to learn how to recognize sight words (too much repetitive information)
• In this book, we will learn from Naalak, a young Inuk from Akulivik, about the activities that are part of his daily life during the winter (too long, the excerpt will automatically be chopped)

Conclusion

Your first post is almost completed and just requires a little bit of visual enhancement (module 3). Before moving-on to the next modules, where you will learn about peer review and translation, we strongly recommend that you take some time to practice and consolidate what you have learned so far.

Before you learn about visual enhancement of your post in Module 3, let’s take a moment to understand the concept of CSS Styles.

You don’t have to develop a deep understanding of CSS styles to work on Nunavik-IcE, as it is part of a web development coding language, but it’s important for you to know how it will impact your work.

What are CSS styles?

How do they impact your work?

Now that you understand this concept, you can continue to module 3.

In module 2a, b and c, you focused on the functionality of your post. You wrote clear information, you added necessary files and you set the proper metadata. It is now time to focus on visually enhancing your post, to make it more appealing to users. Although we will not give you a graphic designer training, there are four simple things you can do to visually enhance your post.

At the end of module 3, you will be able to:

• set a cover image and select a title colour in the metadata;
• improve your post layout in the blocks editor;
• add images in your post;
• replace links towards some files and online files by a preview image (coming soon).

About Copyrights

Nunavik-IcE is a public website attached to an educational institution. That means everything that is made public on the site must comply to copyrights policies. Looking for materials under Creative Commons (CC) licences is a good way to ensure you are not infringing copyrights. However, CC content still has to be referenced appropriately.

Learn more about Creative Commons Licences >>

Here are a few tools that can help you finding CC content to visually enhance your post.

Google Images

Select Creative Commons in the search tools.

Access site

Creative Commons

CC licensed materials and guidelines.

Access site

Pixabay

CC licensed pictures.

Access site

3.1 Cover image and title colour

When you completed module 2c, on metadata, we suggested to skip the two following categories: cover image and title colour. We are addressing them now because they are more closely related to the appearance of your post than to its identification (which metadata is generally for).

3.1.1 What is a cover image?

The cover image basically acts as a “visual title” for your post. When users navigate on the frontend of Nunavik-IcE, they can see an image on each post. These are cover images. Once users open a post, this cover image becomes the banner of the post (in a blurry format), so that users keep a sense of where they are.

Cover image on the post

Cover image as a banner

3.1.3 How to set these metadata?

Cover images are easy to set. Independently of their format, the site will stretch them to fit the zones in which they appear. However, there are a few things to keep in mind.

Image size

Keep the file size of cover images very small. Since each post of the site has a cover image, large and heavy images would considerably slow the site down.

Automatic crop

Remember that images will automatically be adjusted to fit where they appear. That means a portrait oriented image, for example, will be heavily cropped

Avoid text

Avoid, as much as possible, cover images that contain text. If they do contain text, it will have to be translated and replaced on the image, which requires graphic work.

Once you have identified the image you want to use as a cover image, you will resize it to an appropriate format for the site.

On a Mac

1. Open your image in Preview.
2. In the top menu, click on Tools and select Adjust size.
3. Set the resolution to 72 pixels/inch.
4. If the width is higher than 500 pixels, set it to 500 px.
5. Click on OK.
6. In the top menu, click on File and select Export.
7. Rename the image to respect the structure you learned in module 2b (PostTitle_Whatitisabout_Cover.jpg)
8. Select JPG as a format.
9. Click on Export.

On a PC

1. Right click on your image to open the menu.
2. Select Resize Picture.
3. Select the Small scale (or the one closest to approximately 500 pixels in width).
4. Click on Resize.
5. Make sure your image is named according to the structure you learned in module 2b (PostTitle_Whatitisabout_Cover.jpg)

When your cover image is ready:

1. Login to the backend.
2. Locate the post in which you want to add this cover image.
3. Click on the post title to edit it.
4. On the right hand side, in the Post menu, find the featured image section.
5. Click on Set feature image.
6. The media library will open. In the upped left corner, select the Upload Files tab.
7. Click on Select Files.
8. Select the picture you want to upload from your computer.
9. Once the image has been uploaded, click on the blue Set feature image button located in the bottom right corner.
10. A preview of your cover image now appears. Scroll down to the title colour section of the Post menu.
11. Select between a white or a black title*.
12. Save your draft.

*If you don’t know what title colour to choose, you can click on the Preview button in the upper right corner and visualise both options.

3.2 Post Layout

Throughout module 2, you became familiar with the WordPress blocks editor. You might have even used the layout blocks. Using these blocks is a great and simple way to make the content of your post more dynamic and visually appealing.

3.2.1 What are layout blocks?

Layout blocks allow you to introduce variations in the way your content is introduced in a post. For example, instead of constantly working with only one column of text (like you would in Word), you can introduce content in multiple columns of different width.

These three first blocks allow you to change the layout of your post horizontally, by creating columns. There are also blocks that allow you to work vertically in your post.

3.2.4 Practice

A good way to practice working with the layout blocks is to try to recreate existing layouts. Here are a few examples of layout from actual posts on Nunavik-IcE that you could try recreating.

Three columns of content, including text and images inside each.

A third on the right image, with text on the left and under.

Four contents introduced in two sets of half-half columns.

If you need, you can go back to module 2a to review how to use the blocks editor and the tools that allow you to add blocks and move them around. If you are comfortable with the blocks editor and its tools, it’s time to try enhancing a post with the layout blocks.

Let’s try now!

review module 2a first

3.3 Images

Throughout module 2, you became familiar with the WordPress blocks editor. You might have even used the Image block. This is the one and only block you should use to add images to the body of your post.

3.3.1 Which block to use to insert images?

The only block you should use to insert images in your post is the Image block. This block can be placed anywhere in the body of your post, such as inside a layout block.

3.3.2 How big should my images be?

No matter where you place your image block, its content will take all the available width. That means if you place an image block in a half-half block, the image will take half (50%) of the width of the post. If you image block is directly in the body of the post, it will take 100% of the post width. That impacts how big your images should be.

Full

An image taking the full width of your post should be at least 1000 pixels wide.

Half

An image in a half-half layout block should be at least 500 pixels wide.

Third

An image taking a third or the width of your post should be at least 350 pixels wide.

Here is how to check and adjust the size of your images before uploading them in an image block.

On a Mac

1. Open your image in Preview.
2. In the top menu, click on Tools and select Adjust size.
3. Set the resolution to 72 pixels/inch.
4. Set the width to either 1000, 500 or 350 pixels depending on the location of your image in your post.
5. Click on OK.
6. In the top menu, click on File and select Export.
7. Rename the image to respect the structure you learned in module 2b (PostTitle_Whatitisabout_Image.jpg)
8. Select JPG as a format.
9. Click on Export.

On a PC

1. Right click on your image to open the menu.
2. Select Resize Picture.
3. Set the width to the closest to 1000, 500 or 350 pixels depending on the location of your image in your post.
4. Click on Resize.
5. Make sure your image is named according to the structure you learned in module 2b (PostTitle_Whatitisabout_Image.jpg)

3.2.3 How to use image block?

Once you have inserted an image block in your post, like you learned in module 2, you will have two options.

• If the image is on your computer, and you want to add it to your post, select Upload.
• If this image was already used on the site in the past, click on Media Library.

Uploading an image

1. In the image block, click on Upload.
2. A pop-up window will appear and let you browser your computer. Locate and select the image to upload.
3. Click on Open.

Media Library

1. In the image block, click on Media Library.
2. The media library will open. Locate or search for the image you want.
3. Select the image by clicking on it.
4. Click on Select.

3.4 Previews

Coming soon

Conclusion

Congratulations! Working with visual is not easy, but you probably improved the visual appearance of your post a lot!

Support

If you feel like you need more help to bring your post to KI standards in term of visual enhancement, you can notify an administrator who will guide you towards a graphic design resource. In order to do so, just send an email to nunavik.ice@kativik.qc.ca, mentioning the title of your post and your needs in terms of visual enhancement.

Once you created a post (module 2) and enhanced it visually (module 3), it must now go through the process of being reviewed by at least one of your colleagues. We call this process peer review. 

At the end of module 4, you will be able to:

• send a your draft post to colleagues for them to review it;
• provide these colleagues with a list of key elements to review;
• make any changes suggested by your colleagues.

Conclusion

You have already completed module 4! Once you receive feedback from your peer(s), you will have to edit your post to implement their suggestions. This is why you have only worked in one languages so far, so that you don’t have to edit three posts in three different languages!

Your post was just peer reviewed and it’s time to implement your colleagues suggestions. Depending on the status of your post, you will need to follow different procedures to edit before publication.

Demonstration coming soon.

Kativik Ilisarniliriniq is a trilingual organization and has the mandate to promote Inuktitut in Nunavik. Therefore, it is crucial that our public platforms, including Nunavik-IcE, feature all resources in Inuktitut, English and French with equal level of quality. 

At the end of module 5, you will be able to:

• send all the required information from your post to the translation department;
• create language versions of your post by implementing the translations received from the translation department;
• create language versions of tags using the tags manager.

5.1 Sending the content of your post to translation

Nunavik-IcE is a trilingual site. That means each post must be made available in Inuktitut, English and French. In module 2, you learned how to create a post in your preferred language. You have also entered the metadata (excerpt, tags, etc.) and maybe created illustrations on which words appear. Once the post has been peer reviewed, as explained in module 4, you can now send all of your content to the translation department.

5.1.1 What to send to translation?

There are three main components of your post to send to translation.

1. Body of the post

This is all the text in your post, starting with the title and finishing at the bottom of the page.

2. Metadata

This includes tags, excerpt, as well as any new theme, collection or topic associated to the post.

3. Images and forms

This includes words on illustrations and graphics, as well as forms for users to interact with.

The following example shows what components of a post have to be sent to the translation department.

Keep in mind every detail that requires translation. For example, when the user clicks on the Submit button of this form, will they get a confirmation message? If so, it also has to be translated! This will save you and the translation department a lot of time.

*Note on tags: In section 2c.2.3 How to write tags?, you learned how to select an existing tag and how to create a new one. Existing ones should already be translated in all three languages, while the ones you create have to be sent to translation. If you are uncertain of which of your tags need translation, watch this video.

5.1.3 How to send my post to translation?

The procedure to send a post to the translation department is to make a Word document with all the text and to send it by email. This procedure is the same, no matter which language your post is in.

Procedure

1. Login to the Nunavik-IcE Backend.
2. Select posts in the WordPress toolbar, on the left hand side.
3. Find the post you want to translate and open it by clicking on the title.
4. In parallel, open Word and create a new document.
5. Start by the body of your post, selecting each section to copy and paste it in the Word document. To copy and paste faster on a PC, press Ctrl + C on your keyboard to copy and Ctrl + V to paste. On a Mac, the controls are Cmd + C and Cmd + V.
6. Make sure all the text of the body is pasted in your Word document, including the title, the text on buttons, the caption under images, etc.
7. In the document menu on the right hand side of your post, go to the tags section.
8. Tags can’t be copied and pasted, so you will have to manually add them to your Word document.
9. Still in the document menu on the right hand side of your post, go to the excerpt section.
10. Copy and paste this text to your Word document.
11. Look for images in your post that would have text on them. If you find any, add this text to your Word document.
12. Look for any forms in your post. If you find any, add this text to your Word document, including the text of the button and the confirmation message.
13. Save your Word document.
14. Send your Word document by email to translations@kativik.qc.ca, making sure to mention the languages in which you’d like the document to be translated. To make your life easier when you receive the document back, ask to get the translations under each of your original paragraphs.

Example

This example shows the post, on the left, and the Word document sent to translation, on the right.

Remember, this is the last step before publication! If you still have to make changes in your post, they will have to be translated over again!

5.2 Implementing translations

Once you receive your translated document, you will basically do the opposite process to implement the translations. This is what we call creating language versions of your post.

5.2.1 What is a language version?

In order for users to be able to navigate in all three languages and to switch from one another seamlessly, posts on Nunavik-IcE are not only available in three copies; they are three linked versions that we call language versions.

In the post

When you created a post in module 2, you set the Language of your post prior to creating content. On this example, the post is only available in English for now.

In the posts list

When you look at all the posts in the backend, you can see in which language they are available or not. On this example, the post is in Inuktitut, available in English, but not yet in French.

For the users

On the frontend of the site, users can switch languages. They will not be redirected to the homepage, but rather see another language Version of the post they are reading.

5.3 Implementing translated Tags

5.3.1 What is the tags manager?

The tags manager is a trilingual list of every tag ever used in Nunavik-IcE. You just learned about posts’ language versions… well the tags manager works exactly the same. On the right hand side of each tag, you can see the language symbols. The flag indicates which language a tag is set to. The pencil indicates that a translation of this tag is already implemented and allows you to edit it. The + symbol indicates that there is no translation yet. You can click on it to add that translation.

5.3.3 How to implement translations in the tags manager?

Translating tags in the tags manager ensures each tag you attributed to your post will automatically be applied to all language versions in the right language. Here is how to implement tags translations.

1. Login to the Nunavik-IcE Backend.
2. Select posts in the WordPress toolbar, on the left hand side.
3. Under the posts section of the WordPress toolbar, select tags.
4. In parallel, open the Word document you received from the translation department and find the translated tags.
5. In the tags manager, use the search field to find a word for which you want to implement a translation.
6. Once you found the tag to translate, make sure it starts with a capital letter. If it does not, click on the tag to edit it.
7. Make sure it is set to the right language (identified by a flag on the right hand-side). If it does not, click on the tag to set its Language.

The language symbols, on the right hand side of the tag, indicate the status of different tags language versions.

The flag is the language this tag is set to. If you look at a word in English and you see a Canadian flag, everything is fine. Otherwise, you can edit the tag to set the right language.

The pencil indicates the tag has already been translated to this other language. If you see a pencil under the Nunavik flag, it means an Inuktitut translation is already there.

The + symbol indicates there is no translation yet for this language. If there is a + symbol under the Québec flag, that means a French translation has to be implemented.

8. If there is a + symbol on the right hand side of your tag, click on it.
9. The tag editor will open on the left hand side of the screen, indicating what language the tag is set to and which translations have been implemented or not.
10. Copy the translated tag from your Word document and paste it in the Name field.
11. Scroll down and click on Add New Tag.
12. If there was more than one + symbol next to your tag, meaning that two translations were missing, repeat steps 8 to 11 for each language version of the tag.

Demonstration

Conclusion

Congratulations! You have completed the last module of the Nunavik-IcE online training. There is only one last thing to do before your post gets released and becomes available to the public on Nunavik-IcE.

Congratulations! Your post is ready to be published. The last remaining step is to submit it for publication by a site administrator.

Procedure

Once your resource has been vetted (module 1), your post is created (module 2), visually enhanced (module 3), peer reviewed (module 4) and translated (module 5), you can finally submit your post for publication. This is how to do.

1. Login to the backend.
2. Under the post section of the WordPress toolbar, find your post.
3. Click on the title of your post to edit it.
4. On the upper right corner, where you usually save your draft, click on Publish.
5. You will be asked if you want to submit your post for review. Click on that button.
6. Repeat steps 2 to 5 for all three language versions of your post.
7. Send an email to a website administrator or to nunavik.ice@kativik.qc.ca, including the title of your post, to let them know it is ready to be released.

What’s next?

Congratulations for completing the main Nunavik-IcE online training, following each step of the Post Publication Process. There are many other tools in the Nunavik-IcE WordPress backend that you can learn to use through these short complementary online trainings.

• Under development: Vocabulary module
• Under development: 3D Flipbooks
• Under development: Advanced Metadata