Tutorials
While you are logged in, go to the upper left hand Menu. Select Administer - User Management - Users.
Click the tab at the top that says “Add User”
When you are editing your Drupal site, there will be some custom content types that are controlled by views, and not readily available with an edit button. Often image rotations and galleries will fit into this description. To find content that is not directly editable on a page, try using the Content section to edit.
In the admin menu, the top-level menu item "content" will take you to all of the site content.
Once you click on the content button you will be given the option to filter the content by type:
Once the content is filtered, the item you are looking for should appear in the list and you can edit by selecting the "edit" link that appears in the row.
To search for another page, or reset the filter, simply click reset.
Inserting an image with your content management system is easy and can add professionalism and variety to your site.
Here are a few tips to follow:
- Resize images to fit your page. If you upload an image that is too large, your page layout can be disrupted. A good size for web images on most sites is approximately 400 pixels across. You can resize your images with a free photo editing program which will also allow you to add effects and crop, or you can use the simple resize tool that is built in to your content management system toolbar. (instructions follow in this tutorial)
- Use the same width for images on the same page. It gives a clean look to your layout.
- Give images a bit of margin to keep them from abutting the text. 5 px will be enough to keep your image from crowding the text.
Inserting your image:
When you are editing a page you can click anywhere in the text that you are adding to insert an image. A good rule of thumb is to put it before a paragraph that you want it to appear aside of. In this example, we will insert an image with the first paragraph and align it to the right of the paragraph.
Place the cursor just to the left of the paragraph and click once with the right mouse button.
Next, click on the insert image button. It looks like a small tree:
This will open a new window:
To browse for your image you will need to click on the link just to the right of the image url field.
This opens a new window where you will ACTUALLY browse for your image. Click the "Upload" button to begin.
This opens yet another window - this window allows you to perform the search.
Locate the folder where you have saved your image by using the folder drop down. Select your image by clicking once on it and then click "open".
This brings the image to the editor where we can resize it to fit into your site. Click "Upload" to complete the upload process.
Now your image is permanently stored in the editor "library".
To resize your image, click once on the name of your image. (its already selected if you haven't clicked anywhere else since the upload button).
Now click the "resize" button at the top of the editor page and type in the width that you would like the image to be.
Click the resize button. You will notice that a file with the same name and _0 has been created. This is the new resized photo.
You can click on the name of the file, or the image itself to select the image for insertion.
The large editor library window will close once you "insert" the image and you will be left with the smaller window with three tabs for "general", "appearance" and "advanced" image placement settings.
On the "general" tab, there are settings for Title and Image description. It's a good idea to fill these out so that your site is ADA compliant and to help with search engine optimization. Use good description and key words in these fields to achieve best results.
Next we'll use the "appearance" tab to set the parameters for our image.
On this tab, we will set the alignment to right and then give the image a bit of margin to keep it from hugging the text. This is a custom setting that you will need to type in. It is margin:5px;
Finally, you can click the insert button.
For additional questions or assistance in this area, please feel free to contact us.
You can add simple meta tags and descriptions to your site to improve your organic search results when users try to find businesses that match your description.
To do this on your site, log in and navigate to a page you would like to enhance. You can do this while a page is being created, or you can edit an existing page.
The Meta tags field set appears near the bottom of the page you are editing. (it should appear below the body text, usually 3 items down from the body). Click the Meta tags link to open the meta tag field set.
There are a variety of fields that you can edit from within the field set. If you are familiar with what they do, you can edit these. If you are not familiar with what they do, please stick to the following fields:
Description: You can enter a description of what your company does here. This is conversational but should include some of your keywords. Keep things short and concise in this field.
Keywords: In this field put a list of 10-15 keywords together that you think your clients would search for if they were looking for your business. Separate them by a comma. Do not repeat words, this will be viewed as keyword stuffing and may actually penalize you in the search results. If most of your business comes from local people, it may be a good idea to include location keywords here that identify your city.
Adding Image Titles and Descriptions:
You can add titles and descriptions to images that you add to the site. This helps with the ADA (American’s with Disabilities Act) compliance for websites by giving a description of the image for anyone who is visually impaired and also helps your search engine results. It is a good idea to include a title and a description of all images you put on your site.
The fields for Title and Description appear when you chose an image to load to the site. Once you you have selected the image you want to load, but before you click the final insert button, you will be able to edit the fields for title and description. In the title field, you can use keywords and give an appropriate title that applies to what is in the picture. In the description field, try to tell your audience what is in the image. Once the fields are filled out, click insert.
For an image that already exists on your site, you can edit the Title and Description field by clicking once on the image to point the focus there, and then clicking on the Insert/edit image button. (This button looks like a tree.) Add your Title and Description and click Update.
Adding Link Titles
You can add link titles by adding or editing a link and filling in a title for the link. The title should be descriptive of where the link will take you or what it’s intended purpose is.
Typing your site content in an editor like Microsoft Word is a great idea! Word offers features like spelling and grammar correction that are indespensible for good content-authoring. However, when it comes time to transfer the content into your site, copying directly from MS Word is going to cause some formatting headaches.
The reason for this, is that copying from MS Word copies not only your text, but quite a bit of additional styling information. See what happens when you copy and paste the text "Two Words" from MS Word?
How to avoid the gnarley formatting?
For Drupal 7 and 8 Sites:
Your site editor has a paste from Word feature enabled. With your copied content on the clipboard, press "ctrl" +"shift" + "v" to paste a clean copy of unformatted text into your editor.
For Drupal 6 Sites:
We recommend an intermediary. Or, put another way -- copy and paste your text into Notepad. (You can find it here: " Start >> Programs >> Accessories >> Notepad ").
Then, copy it from Notepad into your CMS.
The result is much simpler, and will look better to your visitors.