From Joomla! Documentation
How to Access
Navigate to the Section Manager. To add a new Section, press the "New" icon in the toolbar. To edit an existing Section, click on the Section's Title, or click the Section's checkbox, and click on the "Edit" icon in the toolbar.
There is where you can add a new Section or edit an existing Section. Sections in Joomla! are used to organize Articles. Sections are the top-level of organization, and each Section contains one or more Categories. Sections and Categories allow you to organize your Articles and display related Articles together on a page. All Articles are assigned either to a Section you create or to the special Section called 'Uncategorized'.
- Scope. No entry allowed. Displays the scope of this screen, which is "Content".
- Title. The Title for this item. This may or may not display on the page, depending on the parameter values you choose.
- Alias. The internal name of the item. Normally, you can leave this blank and Joomla! will fill in a default value. The default value is the Title or Name in lower case and with dashes instead of spaces. You may enter the Alias manually. The Alias should consist of lowercase letters and hyphens (-). No blank spaces or underscores are allowed. The Alias will be used in the URL when SEF is activated. Note: If the title consists of non-Latin characters, the Alias will default to the current date and time, for example "2009-02-11-17-54-38".
- Published. Whether or not this item is published. Select Yes or No from the radio button group to set the Published state for this item.
- Order. The order this item will display in the Manager screen. Use the drop-down list box to change the Order. You can select 'First' or 'Last' to make this the first or last item. Or you can select an item from the list. In this case, the current item will be listed just after the item you select. Note that the Order can also be changed in the Manager screen.
- Access Level. Who has access to this item. Current options are:
- Public: Everyone has access
- Registered: Only registered users have access
- Special: Only users with author status or higher have access
- Enter the desired level using the drop-down list box.
- Image. Image for this Page. Image must be located in the folder "images/stories".
- Image Position. Position of the Image on the page. Select Left or Right from the drop-down list box.
- Description. The description for the item. Section and Category descriptions for Articles may be shown on web pages, depending on the parameter settings. These descriptions are entered using the same editor that is used for Articles. Note that Section and Category descriptions may not be edited from the front end.
<translate> The default editor for both front-end and back-end users in Joomla! is the TinyMCE editor.
TinyMCE is a WYSIWYG (what you see is what you get) editor that allows users a familiar word-processing interface to use when editing Articles and other content. The 3-row toolbar below provides many standard editing commands: </translate>
- Top Row - Menu - You will find here Menus offering various features and often complementary to those in the buttons below.
- Edit: Undo, Redo, Cut, Copy, Paste,
- Insert: Picture, Link, Line, Special character,
- View: with Visual aids,
- Format: Bold, Italic, ... and all the different Formats available,
- Table: with an easy way to specify rows and columns,
- Tools: Edit Source Code. A popup displays, showing the HTML source code, allowing you to edit the HTML source code.
- Second Row
- Buttons on the left allow you to make text bold, italic, underlined, or strikethrough.
- Next to that are buttons for align left, center, right and full.
- Paragraph. Select pre-defined formats for Paragraph, Address, Heading 1, and so on.
- List where you can choose between Bullet list or Numbered list.
- Third Row
- Decrease and Increase indent.
- Undo and Redo.
- Insert/Edit Link. To insert or edit a link, select the linked text and press this button. A popup dialog displays that lets you enter details about the link.
- Remove link. To remove a link, highlight the linked text and press this button.
- Insert/Edit Image. To insert an image, place the cursor in the desired location and press this button. A popup dialog displays that lets you enter in the Image URL and other information about how the image will display.
- Source code. A popup displays showing the HTML source code, allowing you to edit the HTML source code.
- Horizontal line. To insert a line.
- Table, to insert a new table, Table Cell Properties, Insert Row Before, Insert Row After, Delete Row, Insert Column Before, Insert Column After, Delete Column, Split Merged Table Cells, Merge Table Cells.
- Subscript, Superscript, Insert Custom Character.
</translate> <translate> TinyMCE is compatible with screen readers such as JAWS and NVDA. You can use it effectively even if you don't use the mouse. To use the editor's toolbar, use the following keyboard shortcuts:</translate>
- <translate> [ALT + F9] Move focus and jump to menu bar</translate>
- <translate> [ALT + F10] Move focus and jump to toolbar</translate>
- <translate> [ALT + F11] Move focus and jump to element path</translate>
- <translate> [ESC] Close menu/submenu/dialog (also gets you back to editor area)</translate>
- <translate> [Tab]/[Arrow] Navigate left/right through menu/toolbar</translate>
<translate> See for more information: TinyMCE - Accessibility</translate>
<translate> If 'No editor' is selected for a User, then a simple text editor displays. This allows you to enter in raw, unformatted HTML. You can use the toolbar 'Preview' button to preview how the HTML will display. </translate>
<translate> Note that the 'No Editor' option can be useful if you are entering in 'boilerplate' or custom HTML, for example to create a PayPal link. TinyMCE automatically re-formats and strips some HTML when a file is saved. This can cause complex HTML to not work correctly. </translate>
<translate> If this happens, you can temporarily change the editor to 'No Editor' and create the desired content. Note that if you wish to edit this content in the future, you should be careful to change your editor to 'No Editor'. Otherwise, if you open and save the content with TinyMCE, you may lose your custom HTML. </translate>
An Image button is located just below the edit window, as shown below:
- Image. This button provides an easy way to insert an image into an Article. Images may be inserted from the 'images/stories' folder and may also be uploaded. When you click the Image button, a window pops up, as shown below:
- Directory. The current directory on the host server. This is the 'images/stories' directory under your Joomla! home directory. Use the drop-down list box to select a subdirectory.
- Up. Navigate to the parent directory. Note that the top directory for this function is 'images/stories'. You can not navigate to a higher directory.
- Insert. Insert the selected image. The insert point will be the current cursor position. You will see the image display inside the edit window.
- Cancel. Cancel the operation and close the popup window. You can cancel also in clicking the X at right top corner.
- Thumbnail Browse Area. Click on an image thumbnail to select the image. Click on a folder icon to navigate to that subdirectory.
- Image URL. Click on one of the image thumbnails and the URL for the image will be entered for you.
- Align. Select the desired alignment (left or right) from the drop-down list box.
- Image Description. Enter a description for the image.
- Image Title. Enter a Title for this image. This displays when a User hovers the mouse on the image.
- Caption. If checked, image title will display as a caption below the image.
- Search... Click this button to browse to an image file to upload from your local computer. A file dialog will open allowing you to select a file.
- Start Upload. Once you have selected a file, press this button to upload the file to your Joomla! 'images/stories' folder. The thumbnail for the new image will now show in the thumbnail area.
At the top right you will see the toolbar:
The functions are:
- Save. Save it and return to editing the menu details.
- Apply. Save it, but stay in the same screen. If you have been working on a screen for a long time and don't want to risk losing your work, pressing Apply saves your work and lets you continue working. If, for example, you lost your Internet connection, your work will be saved up this point.
- Close. Return to the previous screen without saving your work. If you press Close while adding a new item, this new item will not be created. If you were modifying an existing item, the modifications will not be saved.
- Help. Opens this Help Screen.
- To work with existing Sections: Section Manager
- To work with Categories: Category Manager
- To work with Articles: Article Manager
- To create a page showing Articles for a Section in a Blog layout: Menu Item Manager - New/Edit - Section Blog Layout
- To create a page showing Articles for a Section in a List layout: Menu Item Manager - New/Edit - Section Layout