Infobox Wikia

Create blog post

Recent posts

Blog posts

  • FishTank

    "Hear ye, hear ye..." is a call that historically announced meetings in America's Town Halls. These days, such a herald is often an electronic one.

    At 2pm (US Eastern, 6pm UTC) on Saturday, March 25th, Fandom cordially invites all users to attend a very special "town hall" gathering of our own. "CSS: a Fandom Town Hall" is an event meant to educate, to inspire, and for us to listen and hear from you.

    Three presentations are scheduled for this two-hour CSS festival, each followed by a session for questions and answers.

    These presentations are geared towards editors who are novice to moderate at styling communities, but will have some insights for more advanced users, too. The prese…

    Read more >
  • Technobliterator

    Hey, folks! I’m your friendly neighborhood Vanguard guy, Technobliterator, here to talk about how to make your Portable Infoboxes better.

    The goal of Infoboxes is to convey summarized data on an article in a way that is easy for readers to consume and interpret. This may be four to five facts about the subject, but it can often include dozens of statistics and pieces of information. In instances where infoboxes are fairly long, it may be much more desirable to group parts of information together and organize it separately, to allow readers to more quickly search through it to find what they want.

    Whether an infobox is just a short list of facts, or a slightly longer list of data, it often becomes clear when data should be split in an infobox…

    Read more >
  • Dark Yada

    Bonjour ! I'm Dark Yada from Vanguard, here with another topic on how to make your communities a bit more accessible.

    Several communities on Fandom use tabbers in their infoboxes, which allows displaying several images in an infobox. The Portable Infobox tool comes with an integrated tabber functionality, usable via the tag, which may require JS, but this result won't be portable and the look of your infobox on the mobile skin won't be great and won't "look good". There are still other ways you can use to put your pictures on your infobox, or elsewhere on the page: the best ways are to put all the tabs "at the same level", with a more descriptive name, or to put your images on a gallery, elsewhere on the page. Those solutions are portable …

    Read more >
  • FishTank

    "Hear ye, hear ye..." is a call that historically announced meetings in America's Town Halls. These days, such a herald is often an electronic one.

    At 2pm (US Eastern, 7pm UTC) on Saturday, November 19th, Fandom cordially invites all users to attend a very special "town hall" gathering of our own. "Portability: a Fandom Town Hall" is an event meant to educate, inspire, and for us to listen and hear from you.

    Three presentations are scheduled for this two hour portability festival, each followed by a session for questions and answers:

    • "Portability, Elements, and Articles" by Isaac Fischer (FishTank)
    • "Best Practices with Images" by CzechOut
    • "Looking Forward: Portability and Mobile" b…
    Read more >
  • Trollocool

    Styling your infoboxes

    September 4, 2016 by Trollocool

    This blog is a translation of my German blog in the German portability hub.

    Thanks to Wikia's Tools and helpful pages, many users can already use portable infoboxes ("PIs" for short). With some experience, images, various types of data or subheadings are no problem at all. But this is only the first step of creating an infobox. In most cases, you need more than that, you need CSS.

    CSS is an important part of developing portable infoboxes, the other part being the PI language. The PI language on the template page is used to create a layout for the infobox by positioning its elements in a certain order for example. CSS, on the other hand, is used for styling the infoboxes, which means manipulating the infobox' look by changing the background colo…

    Read more >
  • Technobliterator

    Hey, I’m Technobliterator from Vanguard. Today I’m here to talk about why convenient access to information is important for games.

    When playing a game, there’s often a very strong desire to have a guide available for that game, or to be able to quickly look up a fact that’s needed. Whether it’s a strategy for a boss battle, the cost of a rare item, or the unlock conditions for an achievement, it’s likely that anyone playing will want to find out facts immediately rather than having to memorize it. As the technology on which people play games advances rapidly, so too has the technology to look up these facts that people will need on the fly.

    This is why portability is so important. Wikis have proven to be a fantastic resource for many gamers …

    Read more >
  • Flightmare

    Hello! My name is Flightmare and I'm not a member of Vanguard. I'm here to talk to you about some tricks that can make your infoboxes represent (dynamic) data in an alternate format. A nice feature of Portable Infoboxes is the ease of switching lay-out to horizontal mode to make a boring streak of numerical values a bit more interesting. But more so: "A picture is worth a thousand words", and perhaps it is worth a thousand data entries too.

    I have been experimenting with charts in infoboxes, inspired by the stat representations of Pokémon X & Y, my results are included in the sections below.

    Inspired by Pokémon, I first used this chart in a Pokémon infobox. Not long after, I started using this in more infoboxes such as this Fire Emblem infobo…

    Read more >
  • Speedit

    The majority of Wikia wikis have strong character coverage. This is well shown by the prominent character portals with colorful little cards going to the popular or prominent characters or content of the wiki's subject. These character portals are usually done using a template many are familiar with despite its broken status in the mobile view. This makes the content inaccessible to half the wiki's readership who may not see the content or any content at all because it lacks portability. Why is the code flawed and how could it be done better so that it works for mobile readers too?

    This is (but not for long, hopefully) done usually using customised yet minimal variations of a table-based template commonly known as . This template has multipl…

    Read more >
  • Technobliterator

    Hey! I'm Technobliterator from Vanguard, here with another topic on how to make your Portable Infoboxes better.

    When you're making an article as a wiki editor, naturally your aim is to list all the available and relevant information about the subject. But an equally important aim is to display that information on pages in a way that's convenient and elegant for readers, whether they're just passing by to quickly check a stat value, or whether they want an in-depth description. Infoboxes are an excellent way of conveying information to readers immediately, but they're by no means the be-all end-all.

    Infoboxes are useful for displaying quick facts, whether they’re for users who just want to check when Rey was born, or if they want to know wher…

    Read more >
  • TwoTailedFox

    Hello! My name is Stuart, also known as TwoTailedFox, and I am a member of Vanguard, Wikia's community outreach and future-proofing task force. I'm here today to talk to you about Portable Infoboxes, and why it is now a good idea to have more than one on your Wiki.

    Portable Infoboxes allow us to display information across a wider range of devices than the current Wikitext-based system currently allows, but they grant us several other features:

    • The appearance of these Infoboxes is standardised, as the CSS is stored in a protected location, and is no longer a concern when building an Infobox from scratch; the theme and appearance of these Infoboxes won't change. This means that, when creating your Infoboxes, you no longer need to duplicate and…

    Read more >
  • TOR

    As we recommended in the Portability Checklist, it's best to avoid inline styles on your pages in consideration of users who look at your articles via mobile devices. This is a more in-depth explanation of why inline styles create portability issues.

    Inline styles are the bits of CSS code that are put directly in the page (or template) content. You can spot them by looking for in wikitext) used to represent quotes or dialog. A device trying to interpret what kind of content this is won't recognize a quote as a quote, and won't realize that the table is supposed to be an infobox. This can result in incorrectly displayed pages. And these are just a few examples - there are many other ways to hide the true nature of a part of your page with C…

    Read more >
  • FishTank

    Cinematic Themes contest

    February 17, 2016 by FishTank

    In an effort to build a gallery of Themes to inspire Portable elements, Portability Hub is launching a contest: build Themes based on your favorite or most iconic films! We have a few films already in mind that we're working on (and will post some examples for), but we want to see what you're cooking up. Winners get special recognition badges and will have their creations featured in our Themes gallery.

    We intend to have at least two categories of awards for this particular contest: mockups (submitted images of your great designs drawn as infoboxes) and fully realized designs (functional CSS and any image files required for texture, etc.). Who knows, the winning mockups may even get design help to bring their creations to life! ☺ You'll als…

    Read more >
  • FishTank

    Templates are more than just Infoboxes. As we've seen, there are plenty types of Templates. However, some Templates are simply more portable than others. That's important when you are designing for future-proof communities (that aren't just using Desktop and Mobile). As part of being future-proof, our entire communities should be able to be seen on any platform; that's the essence of Portability. Most editors think of how things look on a desktop browser, but they need to think about how things will also present in other devices (especially those with smaller screens). The real benefits will come when smart devices and special interfaces, like virtual reality become more commonplace over the next couple of years.

    This series of articles is …

    Read more >

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.