Blogging Tips / pages and posts / WordPress Widgets / Tips

Text Links in Posts, Pages and Text Widgets

Text Links in Posts, Pages and Text Widgets
by guest author, Richard

Text Links in Posts and Pages
For those who are not fluent in HTML, writing text links can be a daunting thing, but it doesn’t have to be. The WordPress visual editor can make quick work of it for you. For reference, you might want to take a look at this Support Documentation which explains what all the icons in the Visual Rich Text Editor do.

(1) Type in and highlight the text you want to use as the link

(2) Click icon 10 in the tool bar that looks like three chain links hooked together

(3) In the box that pops up, enter the full URL of the page or site that you want to link to in the “Link URL” field. If you wish the link to open in a new page, click on the arrow on the end of the “Target” field and select “open link in new window.” Click the “Insert” button and you have created the link.

The text you selected to use as the hyperlink in your page or post will appear blue with an underline in the editor. What your link text will look like when you publish your page or post depends on the theme you are using. That’s all there is to it.

(4) If you want to change the link to different text, or remove the link, highlight the current text that has the link and click on the icon that looks like broken chain links.

Text Links in Text Widgets
If you want to put text links in a text widget, again, you don’t have to know HTML to do it. Use the WordPress Visual Rich Text Editor.

(1) Type the text you want to put into the text widget into the visual editor. Note that you can use the alignment icons 7, 8, 9 to align the link to left, center or right.

(2) Follow the directions above to create the text link.

(3) When finished, click on the “Code” tab at the top of the editor, highlight all the text and code and copy it to the clipboard (ctrl +c Windows or cmd + c Mac).

(4) Go to Appearance > Widgets and drag a text widget from the “available” widgets pane at the bottom of the page to the “sidebar” pane and position it where you want it. (If there isn’t a text widget in the “available widgets” pane, scroll further down on the page and increase the number of text widgets available to you and press “save.”)

Open the text widget you placed in the “sidebar” pane by clicking on the small icon on the right end of the text widget in the “sidebar” box.

TIP! I typically open Appearance > Widgets in another browser tab or window so that I can quickly switch back and forth between them..

(5) Paste the code and text you copied from the editor into the text widget (ctrl + v Windows or cmd + v Mac). Type in a title for the text widget if you wish (not required) and click the small “X” at the upper right on the widget title bar, and then click “Save Changes.” You are done.

add to :: Add to Blinkslist :: add to furl :: Digg it :: add to ma.gnolia :: Stumble It! :: seed the vine :: :: :: TailRank