Do This Using the Text Mode
I'm not a big fan of the Design Mode. Sometimes I hand code my stuff and going to and fro betwixt the two modes, I've had some of my coding stripped and would have to redo it all.
In some cases, I've completely disabled the Design Mode in the dashboard of my website.
This section entails:
- remove a link from an existing image in WordPress using the Text Mode.
- add a link to an existing image in WordPressusing the Text Mode.
Remove a Link...
*Before*
<a href="http://danieleuergetes.com/wp-content/uploads/2014/01/danieleuergetes250.jpg"><img src="http://danieleuergetes.com/wp-content/uploads/2014/01/danieleuergetes250.jpg" alt="danieleuergetes250" width="250" height="333" /></a>
Highlight the entire string between (and including) the <,> signs at the top of the code.
Delete it.
*After*
<img src="http://danieleuergetes.com/wp-content/uploads/2014/01/danieleuergetes250.jpg" alt="danieleuergetes250" width="250" height="333" /></a>
The beginning of the code should now read, "<img..."
Add a Link...
*Before*
<a href="http://danieleuergetes.com/wp-content/uploads/2014/01/danieleuergetes250.jpg"><img src="http://danieleuergetes.com/wp-content/uploads/2014/01/danieleuergetes250.jpg" alt="danieleuergetes250" width="250" height="333" /></a>
Highlight the first URL of this code between the quotation marks and replace it as shown below.
<a href="http://danieleuergetes.com/about-daniel-euergetes/">
Make sure you replace JUST the URL between the quotation marks. Important! If you replace the entire string, this will not work and you will get the hyperlink code showing up as text on the page just above the image!
*After*
<a href="http://danieleuergetes.com/about-daniel-euergetes/"><img src="http://danieleuergetes.com/wp-content/uploads/2014/01/danieleuergetes250.jpg" alt="danieleuergetes250" width="250" height="333" /></a>