Link Modification

WikiText does **not** function in the comments. To test out your coding, please either visit your sandbox or this page's talk page.

**See also:**

* Imagemaps
* Text Color, Text Shadow and Text Modification
* Fonts

## Introduction

**Link modification** uses WikiText to modify the font family, text displayed, and the location of the link. This guide will teach you how to do all of those!

## Modifying Links

### Changing Internal Link destinations

Internal links are links that link to **other Wiki pages on this Wiki.** For example, you could make a link to the Box Shadow article, or to the {{CloseOffYourCoding}} template!

To make a link from a page, type in:

```
[[Page Name]]
```

To make a link from a template/badge, type in:

```
[[Template:TEMPLATE NAME]]
```

Internal links will not have a small arrow next to them.

### Changing External link destinations

External links are links that link to  **pages outside of the wiki.** For example, you could make a link to the Wikipedia page on dogs. External links will automatically have an arrow next to them and show up as a number in brackets if not otherwise specified.

To make an external link, type in:

```
[FULL_URL_HERE]
```

By full, you must type in the prefix (such as https:// or http://, and the link cannot contain any spaces, etc.). If the link has spaces, you have to use underscores (\_) instead.

### Changing the Displayed Text

#### For Internal Links

Displayed text is what actually shows up on the page. Internal links will default to the page name. To change this, type in the following.

For templates:

```
[[Template:NAME_OF_TEMPLATE|Displayed text]]
```

For articles:

```
[[NAME_OF_ARTICLE|Displayed text]]
```

For categories:

```
[[:Category:NAME_OF_CATEGORY|Displayed text]]
```

#### For External Links

Displayed text is what actually shows up on the page. External links will default to the link itself. To change this, type in the following:

```
[URL Displayed text]
```

Be sure to put a space between the URL and the displayed text! Replace **URL** with the actual FULL link and  **Displayed text** with the text you want for the link.

### Changing Link Fonts

You can change link fonts by putting the following before your code (but if it links to an staff's profile, the defaults will override and it'll be a certain color and font!). Replace the FONT NAME with a font available on this wiki:

```
<span style="font-family: FONT NAME;">LINK</span>
```

Choose a font from our Fonts page!

EX: Random link to fonts page as an example

### Changing Link Colors

Link colors are often overlooked, as they're hard to do! You can make them, however, with a span gradient text (And this ONLY, for some reason!). If you want a solid color, you can just make ALL the colors in the gradient the same color!

```
 <span style="background:linear-gradient(90deg,COLOR, COLOR, COLOR, ETC); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent;">Text Here</span>
```

Replace the colors with colors from our Colors, Hex Codes, and/or RGB/RGBA pages! This will work as long as admin defaults do not have another color!

Ex:

 Random link to the colors page as an example

Internal links can be solid colors using this code as well:

```
[[Page name|<span style="color:COLOR"> Display name </span>]]
```

You can change the page name with a page or template in the wiki and change the color to the color of your choice.

Ex:

Link to the colors page

### More Attributes

To add more attributes to a link, simply continue adding attributes. Here we have shown a few commonly used attributes, but you can also use Gradients, Backgrounds, Text Shadow, Border Radius, and Border Radius, to name a few.

### Removing Arrows from External Links

Something annoying that happens with external links is that a little arrow shows up!
Like the picture on the right! This can be super annoying if you don't want the link to stand out. To get rid of this, type in the following:

```
<span class="plainlinks">LINK HERE</span>
```

*Note that plainlinks must be outside the link, not inside of it.*