Tip of the Week #15: Links

18 Apr

totw-banner.jpg

Hey folks! Sorry it’s been so long since the last update, I just got back from a trip to London and now it’s back to the real world for little ol’ me. I hope everybody has been well and is ready to jump in with some more PBwiki tips…

In the past week or two, I’ve seen a lot of questions from users on the forums about how to link from one page to another, link to somebody’s e-mail address, or to do special things like open in a new window or break out of frames. Those options are all available for folks in both the Classic WikiStyle Editor and the newer Point and Click Editor.

First off, we’ll briefly review links in general for our newest users…

Links in the Point and Click Editor

The P&C editor has a very easy way of creating links. By clicking the Link button in the toolbar, the following window appears:

PBwiki links screenshot

From there, you can choose to link to WikiPage (another page in your wiki), URL (another link elsewhere on the Internet, like Google [http://www.google.com]), or Email (an e-mail address like dochuyen84@gmail.com).

If you choose WikiPage, then you can either select a page or have it link to a new (non-existent) page. The Link text refers to the label that will be used to link that page, which defaults to the name of the page. For example, when I linked to Google above, I labeled it using its address, but I could just as easily have done this: Google!

URL is a pretty self-explanatory category, allowing you to link to pages elsewhere on the internet. Email has a couple different options, but the only necessary one is the E-mail Address itself (setting the Message Subject has its uses, but Message Body is not as useful).

A completely different way of linking to other wiki pages is to use [brackets], a legacy feature of the WikiStyle Editor. When you type in a word with brackets, an underline will appear. Right-click it and you will have an option to turn it into a link. If you like the feature, you can also choose to have all words you bracket turned into a wiki link automagically.

Links in the Classic Editor

On the original editor, the main way of linking is either with CamelCase (capitalized words with internal capitalization, e.g. ThisIsACamelCaseWord) or [brackets] (similar to the way described above). Because there is not the Link text option like in the new editor, people could specify separate labels inside the brackets with a | (vertical bar). Thus, [http://dochuyen.pbworks.com|My Page] rendered as My Page. Also, things like URL’s and e-mail addresses automatically converted into links. The full feature-set is described at http://yummy.pbworks.com on the WikiStyle pages.

But now that I’ve described all that stuff, some of you may want to try something a little more complicated…

Advanced Stuff: Using TARGET

On a rendered page, the links transform into HTML <a> tags, like so:

<a href=”http://dochuyen.pbworks.com“>My Homepage</a>

In this example, the link will go to “http://dochuyen.pbworks.com&#8221; and the displayed text will be “My Homepage”. The <a…> and </a> portions define the beginning and end of a tag.

Why am I explaining this? Because savvy users can add more stuff into the opening <a…> tag that allows them to change the target of the link. It can then open in a new window, a specified frame, etc.

Point and Click users can find the code in their SOURCE and then insert the bits you see below. Classic Editor users will need to completely replace their code with the HTML equivalent (the classic editor allows insertion of raw HTML directly into the editing window).

1) Opening in a new window

Let’s say you want the link to open in a new window, preserving the current window.  Use this code (new portion bolded):

<a href=”http://www.google.com&#8221; target=_blank>Open Google in a new window</a>

Which looks like:

Open Google in a new window

The target property tells you where the link will go. If there is no target property, the default is to the same window. In this case, the _blank keyword says to go to a new blank page.

2) Breaking out of frames

Some folks have been using the wikilet feature, which allows you to embed one wiki page in another, but links open in the same little frame. How do you prevent that?

<a href=”http://yummy.pbworks.com&#8221; target=_top>Yummy!</a>

If this link is inside of a frame, it will still open into the full page. The _top keyword says to open the link on the top level of the given window.

3) Open into a frame

Others may create frames and wish that they could make links open only in the frame, like the following example (clicking the links above the iframe will open links inside the iframe).

Jason’s Personal Blog | Yummy | PBwiki Blog | PBwiki Forums
http://yummy.pbworks.com

It’s easy. First, just give your frame a name:

name=”bob” src=”http://yummy.pbworks.com&#8221; style=”width:100%; height:400px”>

Then, when you make your links, just make the target point to that name:

<a href=”http://blog.pbworks.com&#8221; target=”bob”>Open me in a frame</a>

Neat stuff, huh?

Conclusion

That’s probably about as much about links as you’ll ever want to know. That said, if you still have questions, on this issue or others, please e-mail me at dochuyen84@gmail.com or contact PBwiki directly at support@pbworks.com

Thanks everyone, and see you soon!

Click here to see all my past tips.

Jason Nguyen

7 Responses to “Tip of the Week #15: Links”

  1. Dan Hill April 26, 2007 at 6:20 pm #

    This is how I have been targeting links in my wiki. But why not have a pull-down menu in the link window for users who really shouldn’t be touching the html? After all, one of the great things about your service is that the user doesn’t need to know html. Unless one is linking to an internal page, targeting to a new window is always the way to go. No one want to explore a link and then not be able to get back to the wiki without hitting the back button several times.

  2. Jason April 30, 2007 at 5:38 pm #

    It’s a very good point and it’s one I’ll be passing on to Brian our P&C guru. Thanks!

  3. Rashmi August 16, 2007 at 5:23 am #

    But this is not working in email content. I want to send link in mail n whenever reciever click on this link it should open in specific window.

  4. Jason August 16, 2007 at 12:05 pm #

    Hi Rashmi,

    Unfortunately, that’s not something that PBwiki can change, because that is how all email behaves, unless you send HTML emails, but even then, most email editors don’t allow you to set targets.

    Jason

  5. yahoo July 14, 2014 at 8:58 am #

    Everything is very open with a clear explanation of the challenges.
    It was really informative. Your website is very helpful.
    Thanks for sharing!

  6. Phen375 Reviews August 6, 2014 at 4:38 pm #

    Consequently someone who wants to drop body fat correctly has the capacity to coping up getting a particular excess fat management program.

    If you are going to lookup the Internet, you will be
    seeing a lot of critiques and testimonials pointing
    to Phen375 as the very best extra fat burner in the marketplace
    today. Phen375 (or Phentermine375) is a synthetic
    fat burner and urge for food suppressant.

Trackbacks/Pingbacks

  1. The Daily Peanut » Blog Archive » Tip of the Week #16: Beginner’s Q & A - April 24, 2007

    [...] You can read more about linking to other pages in the previous tip. [...]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 88 other followers

%d bloggers like this: