Editing with Apostrophe CMS (Deprecated)
Guide to Editing with Apostrophe CMS (Deprecated Version).
Deprecated. Apostrophe was our old Content Management System, and is no longer in active use.
Login
If you are a designated editor on our main website, you will be given access to it through My NCSSM. You can log in with your Google Email address and password. See how to log in to MyNCSSM here. Once you log in to My NCSSM, you are logged in to NCSSM.edu as well.
Main Menu
If you have access to edit NCSSM.edu you will see this menu in the top left corner. Click the red A to open the menu as shown below.
Editing Screen
Editing Text
Apostrophe uses in-context editing–a method for changing text, images, and links while viewing the content exactly as it will appear when published. It’s like previewing the content without pressing a preview button.
To add text to the area, click the Pencil button which will activate the cursor and toolbar giving you basic text editing controls. Don’t see the pencil? Click the Eye Icon in the top right corner to remove additional icons.
From here you can just start typing. Easy, right?
When hovered, text elements show the rich text editor. Use it for formatting text and creating links.
Once you complete your changes, double-click outside of the text area, and the system will autosave.
Note: Sometimes you see a pencil that lets you edit other elements like Edit Image shown above.
Rich Text Editor
Create a Text Link
Highlight the text that you want to link.
Select the link button.
Select Link type.
For URL, type a web address (e.g. http://www.ncssm.edu )
For email, type an email address.
Click Done.
How to Single-Space Text
Highlight the text that you want to be single-spaced.
Select Normal from the Styles select list.
The text tightens to be single-spaced.
Logging Out of Apostrophe
In My NCSSM, look in the Right sidebar for Logout.
Click Logout.
Adding to the Media Library
Find the Media Library button in the admin bar. Click it.
To add a new image or document, you can either do a or b:
Click the link in that dotted area to select a file from your computer or device.
Drag a new image or document into the dotted area marked Drag Images here. Note: This only works in Google Chrome.
You may add some information about your image or document: a title, any appropriate tags, a credit (for photos), and a description.
Click Save Changes.
Creating a New Page
Go to the Cog at the bottom left corner of a page that you have permission to edit.
Select New Page. Note: This creates a page as a sub-page of the page that you are on when you select this menu option.
Type a Title for the page.
In the page options, set the page type to Block Layouts.
Change Show in Navigation to No.
Select Save.
How to Add New Content
Go to the page where want to add new content.
Click the wrench icon in the top right corner to change to Layout Mode.
Look for the black Add Content button on the left side of the screen. Click it to open the drop menu of widgets.
Select the element that you want to add.
(Optional) For text, where the toolbar appears to start typing. Note: Clicking outside of the box will allow it to Autosave.
For all other elements, Fill out the dialog box that opens.
Select Save Changes at the top right corner of the screen.
How to Add New Link Buttons
Go to the page that you want to add new content.
Click the wrench icon in the top right corner to change to Layout Mode.
Look for the black Add Content button on the left side of the screen. Click it to open the drop menu of widgets.
Select the Link Button.
For all other elements, Fill out the dialog box that opens.
Select Save Changes at the top right corner of the screen.
How to Add New Text Elements
Go to the page that you want to add new content.
Click the wrench icon in the top right corner to change to Layout Mode.
Look for the black Add Content button on the left side of the screen. Click it to open the drop menu of widgets.
Select the element that you want to add.
(Optional) For text, where the toolbar appears to start typing. Note: Clicking outside of the box will allow it to Autosave.
For all other elements, Fill out the dialog box that opens.
Select Save Changes at the top right corner of the screen.
Viewing Page Versions
As you work in Apostrophe, most changes to pages are autosaved. Each time a change is made a new revision is created. You may view those revisions at any time in the Page Menu at the bottom left corner.
Select the red and white gear symbol in the bottom left corner to open the Page Menu.
Select Page Versions.
Select one of the 3 tabs see changes in the last week, month or all changes.
Click Done to close.