Editing On-Page Content

Editing On-Page Content

Using Virteom, you can edit any of the body content of your pages. Generally speaking, this is the main content area on the page. In some cases there are multiple areas that can be edited, but that depends on your site's design and layout.

There are two ways to make a page editable. Which you use depends on preference and if you are already viewing the page you want to edit.


To make the current page editable

Blogging with Virteom | Editing On-Page Content

To make the current page editable, you must be logged into Virteom. Then, while viewing the page you want to edit, click the Editor link in the Menu Bar. Each editable text area on the page will have a dotted line around it. You can click inside that editable area to work with it.

 

 

 


To select a page to edit

If you are not viewing the page you want to edit, you may click the Navigation link in the Menu Bar, find the page you want to edit within the Navigation window, and click its Edit (arrow) icon. The page will appear with a dotted line around the editable area(s), and a Content toolbar will be visible.

 
 

Editing the content

The part of your website inside that dotted line is much like any document in a word processor. You can add, delete, and change text just by typing.

You can also format that text using the WYSIWYG (What You See Is What You Get) editor. That means you do not need to know HTML or other programming languages. As you use the Content toolbar, the code for your selected formatting will be applied automatically.

Of course, if you're the type who wants to see the HTML behind what you've done, you can always switch to that view. Just click the "Source" button on the Content toolbar.

Other buttons on the Content toolbar include the following:

Format content button

This button is used to specify a particular type of formatting for the selected text. Options in the drop-down will vary based on your site's design, but generally include Heading 1 ( which applies the HTML H1 tag), Heading 2 (which applies the HTML H2 tag), and so on, as well as Normal.

content sizing button
Use this button to specify the size, in points, of the selected text. To return to the default size, select the text and click the Clear Formatting button.

Bold content button
Makes the selected text bold, as in: The quick fox jumped over the lazy brown dog.

Italicized content button 
Makes the selected text italic, as in: The quick fox jumped over the lazy brown dog.

Underlined content button 
Underlines the selected text, as in: The quick fox jumped over the lazy brown dog. Use this option sparingly, as most people associate underlined text on a website with a link and will be frustrated if clicking it does not move them elsewhere.

Strikethrough content button 
Strikethrough the selected text, as in: The quick fox jumped over the lazy brown dog.

Subscript content button 
Makes the selected text smaller and slightly below the rest of the text, as in the "2": H20


Makes the selected text smaller and slightly higher than the rest of the text, as in the "2": H20

Numbered list button 
Clicking this button will insert numbering in front of the selected paragraphs and format them as a numbered list. (Note that how a numbered list is formatted is determined by your website design.) You may adjust some properties of the numbered list by right-clicking one of the numbered paragraphs and selecting "Numbered List Properties." This will open a dialog box where you can change the number at which the list starts or the type of numeral used.

Bulleted list button 
Clicking this button will insert bullets in front of the selected paragraphs and format them as an unordered list. (Note that how an unordered list is formatted is determined by your website design.) You may adjust the type of bullet used by right-clicking one of the bulleted paragraphs and selecting "Bulleted List Properties."

Text alilgnment buttons
Each of these buttons selects a  type of text alignment, including left, centered, right, or fully justified.

Spellcheck CMS content 
Opens the spell checker, which will allow you to spell-check all of the content in the active text area. This opens a spell checker window that will display any misspelled words and allows you to ignore or correct them. When the spell check is complete, be sure to click the "Finish Checking" button (NOT "Cancel") in order to update the page with any corrections.

Create link button

Use this button to create a link from one page on your website to another. To do so, select the text (or image) that you wish to turn into a link; then click the Link button, which will open the "Link" dialog box. For more information on using this dialog box, see "Working with Links."

Break link button

This button is only active when your cursor is inside a link area or when you have linked text or a linked image selected. In that case, it is used to remove the link from the selected area. Just click it to completely remove the link.

Create anchor button

Clicking this button will insert an anchor link, which allows you to link to a specific area on a page. For example, if you have a list of frequently asked questions at the top of a webpage and want each question to link to the corresponding answer lower on the page, you can insert an anchor at the beginning of each answer. Then you can use the "Link" button for each question, pointing the link at the corresponding anchor. To insert the anchor, you may place your cursor where you want the anchor to be placed, or select text or an image. 

For more information on working with anchors, see "Working with  Links."

Insert image button

This button is used to insert an image onto a webpage. To do so, place your cursor where you want the image to be placed, then click this button to open the "Image Properties" dialog box. For more information on using this dialog box and working with images, see "Adding Images to Your Website."

Insert HTML table buttonThis button is used to insert a table onto a webpage. To do so, place your cursor where you want the table to be placed, then click this button to open the "Table Properties" dialog box. For more information on using this dialog box and working with tables, see "Working with Tables."

Insert horizontal rule button

Inserts a horizontal line. Note that how the line is formatted is determined by your website design.)

 

Insert HTML special character button

Use this button to insert a special character, such as an en dash, em dash, copyright symbol, bullet, etc., into the content. 

Styles button

This button is used to specify a particular type of block or inline formatting for the selected text. While the "Format" dropdown applies paragraph tags such as H1 and H2, this button can apply formatting just to selected portions of a sentence or paragraph. Options in the drop-down will vary based on your site's design, and most are not frequently used.

Find and replace CMS content button

Opens the "Find and Replace" dialog box that allows you to search for text within the active text area and, optionally, replace it with different text. 

Cut, copy, and paste buttons

These buttons function the same way as they do in most text editors. They are cut, copy, and paste, allowing you to move or copy selected text from one area of the text editor to another. Note that the standard keyboard shortcuts of Ctrl+X, Ctrl+C, and Ctrl+V also work.

 

pasting content in as plain text:

Plain Text Tool | VirteomThe clipboard  tool (pictured left) allows you to paste text from anywhere in the world without it's formatting.

Why do you need to paste in as plain text? When you copy text from websites, Microsoft Word and other sources, there is likely formatting associated with that text. If you do not paste in as plain text, the font (face and size), bulleted lists, and bold / italic fomatting with be transfered over. All of your text formatting should be handled within Virteom CMS. 

What happens if you forget to paste in as plain text?

(Virteom CMS 8 and older: black toolbar with eraser)

(RocketSites CMS 1: gray toolbar with "Tx")

Paste as plain text button

Clear Text | Virteom CMSThis alternative to the Paste button allows you to paste the text that is on the clipboard (i.e., previously cut or copied) as plain text, stripping out the HTML code that may be behind it. This is particularly useful when copying text from Microsoft Word or other word processors. To use this tool, place your cursor where you want to paste the text. Click the "Paste as Plain Text" button, press Ctrl+V on your keyboard, then click "OK" in the dialog box.

Clear all HTML formatting button

Use this button to erase all formatting and HTML tags from the selected text. 

 

Insert template button

This button can insert a tag that will be replaced by content when the webpage is rendered. This feature is not generally used unless it has been customized for you. 

Undo and redo CMS action button

These buttons function the same way as they do in most text editors. They are undo and redo, allowing you undo your most recent action and/or redo what you have just undone. Note that the standard keyboard shortcuts of Ctrl+Z, Ctrl+Y also work. 

As you  are working with on-page content – and when you are done – remember to save! Click the "Save Content" button on the Content toolbar as frequently as you want. Each time you save, you are creating a new version of the webpage, which can be used to rollback changes if desired. This also ensures that you do not lose your work should you navigate away from the webpage or lose your internet connection.


This page was edited on 07/09/2018 by Olivia Justice. 

Loading Form...
Posted By Danni Bennett in Learning, Content, Formatting, Links, Tables

Related Posts

Email Footers with Dynamic Advertisements, Company Wide

Virteom has the ability to manage all of your employees email footers easily and effectively.  The first thing you will want to do is add each employee as a member of the Virteom system.  Do this by clicking on the 'Manager' option on the top toolbar and then clicking on the 'Members' option on the left toolbar. Every member in the system can have the capability of having their own footer. So this can be an 'Admin' or an 'Employee' as as example.  But it is not limited to those types. Add a Member Now add each employee of your organization as a member to the system. Do this by clicking 'Add New Member' and fill in their information.    Managing Your Email Footers Company Wide Once you are done adding each employee you will notice that there is an Email Footer in the lower right with a button called click here. When you click this button a new window will open up and a generated email footer for that employee will

Nov 25, 2012 Posted By Dan Carbone

How to Add Images to Your Website

One of the easiest ways to add some flare to your website is to add images. But how do you add images to your Virteom website? In this article we'll cover all the bases on just that.  Preparing your image for upload First things first, we'll need you to prepare your image for upload. There are a few things you should do to your image before uploading your image to your website: Make sure your image name does not have any spaces in it. We suggest replacing any spaces in your file name with dashes (-) or underscores (_).  Optimize your image for the web. To keep your website running at top speed, you'll want to optimize your image for web. How do you do this? Use an image optimizer like this one.   Uploading your new Image into Virteom Editor Now that you have prepared your image to be uploaded, you're locked in loaded to upload it to the Virteom CMS.  Go to your website and log into your Virteom editor. Once you are logged in go to

Nov 20, 2012 Posted By Dan Carbone

Virteom Cloud Marketing Overview

So many marketing and web development firms promise you award winning websites. This sounds sexy, but what does it really mean to you? Doesn't this mean that they will be winning the award for a good looking website rather than building you a tool that will effectively grow your business?  We think that's what it means. Virteom is on a Mission Virteom is on a mission to change what we do once we launch websites.  We're so serious about this mission that we've become the back end technology firm for marketing firms from Cleveland to Detroit.These marketing firms put their trust in Virteom that we will effectively help them grow their customers relationships.  How do we do it? Take a look at the quick overview video of our technology and you'll quickly understand that we create what we like to call Marketing Rhythm.  In fact some experts believe we just may be forging a whole new segment with our technology.  Rhythmic Marketing Rhythmic

Nov 13, 2012 Posted By Dan Carbone

Most Recent

Why Do I Need to Clear My Cache?

Posted By Virteom
May 07, 2021 Category: Clear Cache

If you have owned a computer for any length of time you likely have experienced the dread of internet slow down. If it gets bad enough that you need to reach out for technical support one of the first things that they will tell you to try is to clear your browser cache. But what does clearing your cache even do? Why does it help? What is Your Browser Cache? Your cache is the name for a portion of your hard drive that is dedicated to storing browser files that your browser determines it may need to use again. Web pages are packed with information, and this information is stored in dozens, hundreds and sometimes thousands of files for just one site. Your browser will cache portions of the page for you so in future visits load times are quicker, improving your overall internet experience. Why Should I Clear my Cache? Your browser will store things like files, CSS styles, JavaScript scripts, images, and other multimedia content. That is why when you’re working with a web development firm and request updates like font changes (color/size) we request you clear your cache frequently to see these changes in real-time.  When changes are made to your website like updating a logo, changing a picture, increasing font or changing colors, you may run into trouble with your browser's cache. Occasionally your browser will load your cached info instead of updated portions of the page that you are desiring to view. This can result in a slow down, image errors or not seeing

How To Set A Social Share Image for a Page

Posted By Alesha Wireman
May 01, 2020 Category: Learning, Modules, How To

One of the newest features found within your Virteom powered website is the ability for you to add a social share image to any and every site page. This means that when any page of your website is shared on a social media platform, the image that accompanies the post is one that you choose. Social share images play a large role in the number of engagements your posts or others' posts linking to your website receive. It can impact a viewer's decision to click the post, view the page to find out more, and can ultimately result in new business for you.   This new feature is important for several reasons. You now have the ability to control the social share image for every page of your website to ensure that it's the best reflection of your company and the content overall. You can set the image so that it follows your brand guidelines and captures your audience's attention, making them want to visit the website page every time! Updating the social share image is the simplest way to guarantee that your website, blog posts, and site pages present beautifully on any social media platform across the board. How to set a social share image Login To Your Site To make edits to your website, you'll need to log-in first:  Login to the back-end of your website by visiting (your URL.com)/virteom Enter your username Enter your password Click 'Login' Navigate to the Page you're Setting A Social

How to Add, Edit and Delete Photos Using the Masonry Module

Posted By Olivia Justice
March 23, 2020 Category: Learning, Modules

Is your Virteom powered website utilizing the Masonry Photo Module? Adding new photos to your gallery is really simple and even allows you to upload multiple images at one time. The one real advantage of using the masonry module is so that you can display images in groupings or categories on a singular webpage. This allows you to separate images out into different galleries so like photos can appear together. For example: Say you're a landscaper and you have a webpage entitled "Hardscapes". You may want to output multiple galleries on this single page to break out each type of hardscape you've done: walkways, patios, pergolas, steps, fire pits, etc. The masonry photo module allows you to accomplish this. You can set multiple categories, and multiple galleries in that one category - all to output on one single webpage. In this how-to article, we explain how to add a new category, add a new gallery, edit an existing category, edit an existing gallery (adding images to an existing gallery), and how to delete categories, galleries, and images in the Masonry Photos module powered by RocketSites. Logging-In First things first, you must log-in to your Virteom powered website. You can do this by visiting your website and adding /virteom at the end. This will take you to the log-in screen for the site. Enter your email address in the email field Enter your password in the password field Click 'Login' Navigate to the Masonry Grid