Open main menu

Wikipedia:Signature tutorial

Your signature, left on talk pages, is usually the first thing seen by users who meet you for the first time. As a result, many users choose to customise their signature, or 'sig'. These changes can vary from providing a link to your talk page to completely redesigning the entire signature. This page will attempt to provide some helpful tips and advice for producing a unique signature.

Be sure to comply with WP:SIGAPP, a Wikipedia policy, which says "Your signature must not blink, scroll, or otherwise cause inconvenience to or annoy other editors."

Note that changing your signature will not change signatures that have already been produced, only ones that are created after save has been clicked.

Also note that the basics to changing the background of signatures is included on the Wikipedia:Signatures page (though more in-depth instructions are soon to follow)

UserBob currently has a very simple signature:

UserBob 22:04, 11 February 2019 (UTC).

As a result, he would like to produce a more complicated signature.

NicknameEdit

The easiest way to customise your signature is to change the 'Nickname' section of My Preferences. This changes the name shown to other users to the new nickname.

For example, if UserBob typed "Bob" into the 'Nickname' section of his preferences page and clicked 'save' (making sure the box marked "Raw signature" is not selected), his signature would change to

Bob 22:04, 11 February 2019 (UTC).

Note that it still links to User:UserBob, but says "Bob". This is useful if you no longer like your name, but don't want it changed altogether. However, it is good practice to have your nickname related in an obvious way to your real username; if UserBob chose the nickname "Jenkinson", this would be confusing, since other users would have no idea who "Jenkinson" was, even if UserBob's real name is Jenkinson.

Talk pagesEdit

UserBob would like to link his signature to his talk page. To do this, he needs to produce a 'Raw Signature'.

To create a link to your talk page, click on My Preferences. In the Signature heading, there is a checkbox labeled Treat the above as wiki markup. Check this box, and then type into the "Signature" field:

[[User:(your name)|(your name)]] [[User talk:(your name)|talk]]

and click "Save".

For example, if UserBob types

[[User:UserBob|UserBob]] [[User talk:UserBob|talk]]

then his signature would become

UserBob talk 22:04, 11 February 2019 (UTC).

These can be changed to use any other text. For example, [[User:UserBob|Bob]] [[User talk:UserBob|Chat]], which would make

Bob Chat 22:04, 11 February 2019 (UTC).

Some users "hide" their talk page link; it is there, but it is not labelled.

UserBob 22:04, 11 February 2019 (UTC).

This looks like the plain UserBob, but clicking on "Bob" leads to his talk page, as the code for it shows: [[User:UserBob|User]][[User talk:UserBob|Bob]].

To find these, hover your mouse over different parts of the signature. The status bar at the bottom of your web browser should show you where each bit of the signature leads.

Getting colourful...Edit

See WP:Manual of Style/Accessibility/CSS colors for text on white and WP:Colour contrast for advice on choosing colours that are accessible to people with colour blindness or other conditions.

UserBob doesn't much like the colour blue, and decides to produce a more colourful signature.

In order to produce a signature with colours other than blue (or red), you'll need to use a bit of HTML, specifically the <span> tag.

If I put at the start of some text <span style="color: darkgreen">, all the text I write turns darkgreen. Note that the text will not turn back into black until I type </span> .

Bob wants a darkgreen and maroon signature, so he types [[User:UserBob|<span style="color: darkgreen">UserBob</span>]] [[User talk:UserBob|<span style="color: maroon">talk</span>]], producing

UserBob talk 22:04, 11 February 2019 (UTC).

He can even use different colours in the same part. For example, [[User:UserBob|<span style="color: darkred">User</span><span style="color: darkgreen">Bob</span>]] [[User talk:UserBob|<span style="color: maroon">talk</span>]] produces

UserBob talk 22:04, 11 February 2019 (UTC).

Note that "User" and "Bob" are now different colours.

Also, some users don't use a white background; many users prefer light colored text on a dark background and may have enabled the Gadget "Use a black background with green text on the Monobook skin". So, if you specify foreground colors, you should consider specifying background colors as well.

If you want to manually edit colors, as so; <span style="background-color: blue; color: white"> everything typed becomes highlighted blue, and is in white text.

But, since we know UserBob doesn't much like the color blue, so he chooses the colors greenyellow (for the text) and maroon (for the background). Therefore, [[User:UserBob|<span style="background-color: maroon; color: greenyellow">UserBob</span>]] [[User talk:UserBob|talk]] produces:

UserBob talk

But wait, the talk is displayed in blue with no highlight! The reason is simple, the text to be entered into preferences must include the <span> tag before the [[User:UserBob|UserBob]] linking. Also, due to the fact that UserBob is displayed as a link, the color change must be included in the area of the link.

That would look something like this: <span style="background-color: maroon">[[User:UserBob|<span style="color: greenyellow">UserBob</span>]] [[User talk:UserBob|<span style="color: greenyellow">talk</span>]]</span> in order to produce:

UserBob talk

To increase the space around the text, use the css padding properties, where the padding sequence numbers are top right bottom left: <span style="background-color: maroon; padding: 2px 3px 1px 3px;">[[User:UserBob|<span style="color: greenyellow">UserBob</span>]] [[User talk:UserBob|<span style="color: greenyellow">talk</span>]]</span>, which produces:

UserBob talk

Note: The maximum length for a signature or underlying raw signature code is 255 characters including spaces. This may limit your ability to create more complex signatures. See WP:SIGLENGTH.

Fine tuningEdit

UserBob is reasonably happy with his signature. However, there are still many other ways to alter a signature. The most commonly used are: adding <sup></sup>, <sub></sub>, '''bold''', ''italics'' and <small></small> for special effects, and using special unicode symbols, such as ☯, ☺ and ★.

Some users may have other links in their signature. For example, Esperanza members had a green "e", which linked straight to Wikipedia:Esperanza. So, if UserBob had joined Esperanza, his signature might have changed like so:

[[User:UserBob|<span style="color: purple">Us</span>]][[WP:EA|<span style="color: green">'''''e'''''</span>]][[User:UserBob|<span style="color: purple">r</span><span style="color: green">Bob</span>]] [[User talk:UserBob|<span style="color: maroon">talk</span>]]
UserBob talk

Don'tsEdit

Tempting as it may be, there are some things that should not be done, as they annoy editors or increase server load. These include:


Using pictures in your signature

 UserBob talk 

Big signatures

UserBob talk

Blinking signatures (most modern browers will not display blinking text anyway)

Signatures that include line breaks

UserBob
talk

Or any mix of the above!

Real-life examplesEdit

Here are some actual signatures contributed by actual editors. Edit this section to see the code for each. Feel free to share your own creation! (Do not add someone else's signature, no matter how interesting it is.)

<font>...</font> tags were deprecated in HTML 4.0 and are unsupported in HTML5. This means that the popular browsers may drop support for them at any time. If your signature uses these tags, we ask that you remove them before adding your signature here. See existing examples below for how to achieve the same effect using <span>...</span> and CSS properties. For more information, see this talk page discussion (it is an archived discussion and should not be continued there).


  Mandruss |talk  01:31, 26 July 2014 (UTC) - (I found this 3D effect to be annoying when several were on-screen at the same time-Mandruss)


w.carter-Talk 13:45, 17 August 2014 (UTC)


~Helicopter Llama~ 15:43, 17 August 2014 (UTC)


 ΤheQ Editor  Talk? 15:55, 17 August 2014 (UTC)


Cullen328 Let's discuss it 21:11, 17 August 2014 (UTC)


Brandon (MrWooHoo)Talk to Brandon! 03:12, 18 August 2014 (UTC)


- Cwobeel (talk) 22:09, 18 August 2014 (UTC)


Darylgolden(talk) 09:28, 20 August 2014 (UTC)


RomtamTalkToMe 15:00, 3 September 2014 (UTC)


SounderBruce 01:56, 4 September 2014 (UTC)


--Chamith (talk) 11:10, 28 September 2014 (UTC)


-- Orduin T 23:04, 23 November 2014 (UTC)


PamD 16:51, 25 November 2014 (UTC)


Ochilov (talk) 15:57, 7 December 2014 (UTC)


aGastya  ✉ let’s talk about it  :) 17:09, 28 February 2015 (UTC)


 Padenton|   08:09, 1 April 2015 (UTC)


--♥Jewel-chanXOXO♥talk 09:54, 9 May 2015 (UTC)


-- adu ♣ Let's chat 7:49, 2 June 2015 (UTC)


SONIC678|Hang out with me! 17:26, 13 June 2015 (UTC)


MangoStone14Let's interview 8:15, October 2, 2015 (UTC)


~ NottNott talk|contrib 18:26, 4 October 2015 (UTC)


White Arabian Filly (Neigh) 19:57, 23 November 2015 (UTC)


themidget17blah blah blah 05:27, 26 November 2015 (UTC)


Tom29739 [talk] 20:21, 2 February 2016 (UTC)


D'Ranged 1 | VTalk :  00:44, 26 February 2016 (UTC)       (The maroon and orange colors and stylized VT are references to my alma mater, VA Tech)


{{u|Checkingfax}} {Talk} 12:59, 27 February 2016 (UTC)  ‍—‌(Had to get creative to be able to include curly braces and pipes within my signature. This sigstyle allows other editors to copy/paste my sig to {{ping}} me.)


—{{u|Goldenshimmer}}|✝️|ze/zer|😹|T/C|☮️|John15:12|🍂 20:28, 1 June 2016 (UTC) (Includes Checkingfax's idea that's right above mine, cause it's AWESOME :) )


Natalie Desautels …as within, so without 21:34, 1 June 2016 (UTC)


BalchMike   talk 22:05, 25 July 2016 (UTC)


MediaKill13 (talk) 06:52, 9 August 2016 (UTC)


Level3Sentry ❯❯❯ Talk 01:06, 3 September 2016 (UTC)


Aru@baska❯❯❯ Vanguard14:39, 25 September 2016 (UTC)


Gestrid (talk) 02:04, 7 October 2016 (UTC)


{{u|Gamall Wednesday Ida}}  19:05, 12 October 2016 (UTC) (Compact, "pingable" signature for long username, with userpage/talk/contribs links.)


JackOfPanTrades | Card Hunter (Converse intellectually) 19:49, 15 January 2017 (UTC)


Mandruss  20:52, 28 April 2017 (UTC)


Deepro#mylifeas713 ❯❯❯ Wanna chat? 07:56, 14 July 2017 (UTC)


SaAnKe 19:13, 2 August 2017 (UTC)


♠Dinah♠ 🎤 15:55, 19 August 2017 (UTC)


Casktopicsay 20:21, 19 August 2017 (UTC)


BrandonALF talk edits 23:59, 12 December 2017 (UTC)


jd22292 (Jalen D. Folf) (talk) 03:30, 20 August 2017 (UTC)


SpiritPrince📞 21:26, 1 September 2017 (UTC)


Bey WHEELZ Let It RIP! 01:29, 27 October 2017 (UTC)


いくらBraden1127 イクラ 6:55, 6 November 2017 (UTC)


DeniedClub❯❯❯ talk? 07:46, 25 November 2017 (UTC)


-- Midgetmore ☀ |(talk to me) 13:05, 25 February 2018 (UTC)


HunterM267 talk 03:18, 13 March 2018 (UTC)


REALMMB(talk) 07:53, 19 March 2018 (UTC)


Thegooduser Let's Chat (See my contributions) 01:55, 7 April 2018 (UTC)


YoloMaxi Leave a Message! 01:20, 26 April 2018 (UTC)


~ WhitePaw 13:45, 14 July 2018 (UTC)      (still figuring it out)


Dannyyankee12let's talk 16:15, 15 July 2018 (UTC)


Oshawott 12 ==()== Talk to me! 03:11, 24 September 2018 (UTC)


Liz Read! Talk! 18:00, 10 December 2018 (UTC)


PorkchopGMX (talk with me - what i've done) 19:14, 3 January 2019 (UTC)


TruthToBeSpoken (talk) 20:37, 22 January 2019 (UTC)


Tsumikiria 🌹🌉 04:05, 28 January 2019 (UTC) ←Install the beautiful Lato font or import in your commons.css for best experience. Used the special character ⧸ to stylize and avoid breaking line width.


Vancian | 💬📜  20:22, 1 March 2019 (UTC) ←Looks best with the Lobster font.


Mooeena💌✒️ 03:56, 2 March 2019 (UTC)


Akbermamps talk 01:05, 28 March 2019 (UTC)


Genius Editor (TalkContribs) 15:09, 16 June 2019 (UTC)


Squeeps10 Talk to meMy edits 19:33, 24 August 2019 (UTC) It's not as fancy as some of the ones above me but it's unique as far as I can tell.


LewisTehMinerz💬✒️ 20:39, 24 September 2019 (UTC)


Wei4Green · 唯绿远大 01:57, 10 October 2019 (UTC) (222 characters or 239 bytes)


Wei4Green#TeamTrees🌲 21:45, 4 November 2019 (UTC) (178 characters or 185 bytes)
These signatures were updated and copied from User:Wei4Green/signature on 2019-10-22 and Wei4Green's preferences on 2019-11-04 respectively. They were compliant with the WCAG 2.0 AA level as of 2019-11-04.

RealCyGuy - Talk? 23:22, 6 November 2019 (UTC)