Guide to Guild BBCode Commands

rank-journeyman
 
These are Guild Member Features!
If you want to use them, please consider supporting World Anvil!
  This page contains all BBCode commands or tags that are exclusive to the Guild. To understand how BBCode works, as well as learning BBCode tags available to all users, please see the Guide to BBCode Commands.   The tags of this page are sorted by Guild tier, starting with tags available to all members and ending with tags available to Grandmasters and above tiers only. Note that many tags don't need to be memorised, as they can be copied from different places. These are usually the tags that require an ID number.  

Journeyman tags

Comments

Use this to hide text from the presentation view. This will hide text even from you.
Code:
BBCode - comment.png
Result:
(Note: nothing shows on the presentation. It only shows on the editing side.)
 

Secrets

Secrets let you hide pieces of content. See the Guide to Secrets for more information.
Code:
[secret:id]
Explanation:
This will embed a secret into the article. It will only be visible to you and whatever subscribers you give permission to.
 

Master tags

rank-master
These features are available to masters, grandmasters and sages of the guild!
Become a Guild Member to use these features!

Family trees and bloodlines

Use these tags to embed a family tree or bloodline in an article. You don't need to memorize them —simply copy them from the family tree widget in the character article editing interface. See the Guide to Family Trees for more information on this feature.
Code:
[familytree:ID]
Explanation:
When you copy the code from the family tree widget, ID will be replaced by a string of numbers and letters. Paste the tag anywhere to get an interactive embed of the family tree.

[familytree:id|50]
This will embed the family tree with a starting zoom level of 50. The starting zoom level can be anywhere between 50 and 150.

[familytree:id|left]
This will make the family tree go leftwards instead of downwards. Accepted values are top, down, right, and left.

[bloodline:parent-1-id&parent-2-id]
This will display only the parents and descendants of a character, not the full tree. Replace parent-1-id and parent-2-id with the IDs of the characters (you can copy them from the family tree widget).
 

Diplomacy webs

Use these tags to embed a diplomacy web in an article. You don't need to memorize them —simply copy them from the diplomacy section in the organization article editing interface. See the Guide to Diplomacy webs for more information on this feature.
Code:
[diplomacy:7cd2cc23-fcde-4e93-be63-5eddf8a6f3be]
Result:
This displays a web centered on the selected organization.
Code:
[diplomacy:web]
Result:
This displays a web including all the organizations tagged with the specified tag. In this example, the tag used was webs.
 

Grandmaster tags

Containers and sections

Containers and sections are custom CSS Blocks which you can define and then style using CSS. See the Grandmaster Container CSS guide for more information.  

Container

Code:
[container:box-green] Containers block out text. [/container]
Result:
Containers block out text.

Sections

Code:
A [section:box-green]section[/section] can go within text.
Result:
A section can go within text.
It's up to you to write the CSS for your world, but there are resources for you with the CSS guides and on the Discord server. Here is the CSS code used for the above examples.
.box-green {
background: #7cfc0047;
border: 1px solid #7cfc00;
}
 

Icons

Using section tags, you can use icons from FontAwesome and RPGAwesome, two extensive icon libraries. You can find all of the icons in the FontAwesome and RPGAwesome web sites. The Grandmaster Container CSS also has some information on how to use them.   These are some examples:  

FontAwesome examples

Code:
[color:#7d4cae][section:far fa-2x fa-compass] [/section][/color]

[color:#233d94][section:far fa-2x fa-book-dead] [/section][/color]

[color:#5b5c4a][section:far fa-2x fa-bone] [/section][/color]
Result:



 

RPGAwesome examples

Code:
[color:#f1f1f1][section:ra ra-2x ra-key] [/section][/color]

[color:#387a46][section:ra ra-2x ra-dinosaur] [/section][/color]

[color:#bd4d1b][section:ra ra-2x ra-wyvern] [/section][/color]
Result:



Notice how, in both FontAwesome and RPGAwesome, the part that changes is the last of the three elements inside the [section] ("fa-compass", "ra-key"). This is a name of the icon, and it must always be prefixed with "fa-" for FontAwesome or "ra-" for RPGAwesome. You can replace the 2x with higher numbers to have bigger icons.   The examples include the [color] tag. You don't need it, but it's a great combination of tags to improve the design of your articles.  

Colored text

Code:
[color:red]This is red[/color]
[color:#0000FF]This is blue[/color]
[color:#0000FF90]This is blue with 90% opacity![/color]
Result:
This is red
This is blue
This is blue with 90% opacity!
You can specify both HTML color names and hex codes (including transparency).  

User states

You can make certain content available to some readers only. As an extension of the subscribers feature, you can choose the kind of relationship with your world a reader needs to view some of its contents:  
Code:
[userstate:loggedin]You'll only see this if you're logged in[/userstate]
Result
Code:
[userstate:loggedout]You'll only see this if you're logged out[/userstate]
Result
You'll only see this if you're logged out
Code:
[userstate:follower]You'll only see this if you're following the Codex[/userstate]
Result
Code:
[userstate:notfollower]You'll only see this if you're not following the Codex[/userstate]
Result
 

Subscriber management

Subscribers are people you give permission to view some (or all) of your private content, and these tags can help with managing subscriber groups. See the Guide to Subscribers for more information.  

Subscriber containers

Code:
[subcontainer:ID]Content here[/subcontainer]
Explanation:
The content between these tags will be visible to the subscriber group specified in the opening tag. This tag can be copied for each group in the Access Rights page.

Self-assigned subscriber groups

Code:
[subgroup:ID|ID]Display text[/subgroup]
Explanation:
This will create a button with the "display text" as label that any logged-in user can click to join the specified subscriber group in the opening tag. This can be copied for each subscriber group in the Access Rights page.

Check this video for a quick and basic introduction to the World Anvil BBCode system:

Contents

 

Tips & Tricks

  • The BBCode Reference panel is available to the side of all articles for easy access and has a list of useful examples.
  • You can use BBCode in the sidebar panel content, footnotes and even in your own notes in worldanvil!
  • It's important to consider visual hierarchy in your articles, so try and make the things you want people to look at first bigger and bolder.
  • Most resources created in WorldAnvil can be added to an article with a BBCode. You can always copy these codes where you created these resources.
  • If you need further help with formatting, hop on the WorldAnvil discord and ask an in the help channel for assistance!
Check out this guide for an introduction to BBCode in general as well as the BBCode tags available to everyone:
Guide to BBCode Commands
Generic article | Mar 25, 2021

Using BBCode to format your text and layout

Other guides

BBcode: Dice Roller
Generic article | Jan 6, 2021

Adding dice rollers to pages and statblocks!

Guide to Images
Generic article | Mar 10, 2021

A quick and easy guide that explains how to add and use images in your world.

Guide to Embedding 360º Images
Generic article | Oct 2, 2020
And check out the full World Anvil Guides category.  

Community YouTube tutorial

You can also check this unofficial tutorial by Garrett Lewis:   And this quick BBCode reference by SoulLink:
BBCode Reference
Document | Feb 24, 2021

A World Anvil BBCode Reference, for quick lookup.


Comments

Please Login in order to comment!