Author Archives: admin

Creating an Anchor Link in WordPress

Posted on by

If you would like to anchor or jump down to part of a page you will need to add an id to any tag. This can only be done in the “Text” editing section though.

Text tabOnce that has been selected you will want to navigate down to the place on the page where you want to anchor or jump to. Select a tag and add an id to it, for example <h2 id=”WordToAnchorTo”></h2>

Then go back to the “Visual” editor and select the word that you would like to link to the anchor. Then click on the link icon.

link icon

 

In the box that pops up you want to put a # and then the exact id you gave your tag. So to match with my example above you would put #WordToAnchorTo.

link box example

 

 

Add a White Border with Drop Shadow to an Image

Posted on by
Reply

If you would like to add a white border with a drop shadow to an image you can either open the .php page in Dreamweaver or do it in Contribute.

Dreamweaver

Open the .php page and add the class white_border to the image tag.

Example:
<img class=”white_border” src=”https://wou.edu/press_release/home_page/spotlight_images/distracted.jpg” />

Contribute

Select the image that you would like to add the white border and shadow to and then select white_border from the styles dropdown at the top and then once you hit publishe and refresh the webpage you should see the image now having the white border with a dropshadow.

Anchor Links In Dreamweaver

Posted on by
Reply

To add anchor links in Dreamweaver you first need to have both the section you want to anchor the link to and the text you want to link. Go to the section you want it to link to and in the code view of Dreamweaver enter <a name=”your-anchor-name-here“></a>

Then go to the link and put <a href=”#your-anchor-name-here“>Link for your anchor here</a>

Here is an example page using anchor links, https://wou.edu/~gauntzd/anchor_links.php

The image below shows the code in Dreamweaver.

anchor links

Embed a Linked Photo into Your Email

Posted on by
Reply

You will need to log on to the remote desktop, ts.wou.edu. Open Dreamweaver and create a new HTML page. Save the page on your Public drive as email.html. Also save the image on your Public drive in the images folder (you may have to create this if it does not already exist). The path of your image will then be https://wou.edu/~your_username/images/name_of_your_image.jpg

In Dreamweaver add this code right after the
<body>
<a href=”http://www.put_your_link_here.com”><img src=”https://wou.edu/~your_username/images/name_of_your_image.jpg” /></a>
</body>

Open a browser window and go to https://wou.edu/~your_username/email.html

Then go under the edit menu and click on “Select all” from the drop down. Then go back under the edit menu again and click on “Copy”. Open your email and put the courser where you would like the image to appear and go under the edit menu and click on “Paste”. Your image should have appeared in the body of the email. You can do a quick test email to yourself to make sure that the image shows up and that the test link works.