FANDOM


  • We’re reaching out to a few of our top communities, hoping to get you on board with the migration to the new infobox markup. And we have tools to help!

    Why we’re doing this

    Simply put, most current infobox structure translates very poorly to mobile experiences and any device that doesn’t use desktop-style displays. On desktops and laptops, they often look amazing. The problem is that Wikia’s traffic is trending mobile. There is an important graph on our recent forum post about infoboxes that illustrates this trend.

    Mobile is the future, not just for Wikia, but for the web as a whole. Take a look at the recent trends and future growth predictions for mobile traffic. It's staggering.

    We partnered with the Wikia community to create this new markup to make sure that your hard work can be easily displayed on mobile devices (as well as any future technologies) without any new coding conventions. It’ll take some effort up front, but we’re here to help, and the work you put in now will pay for itself tenfold in the future.

    Tools we’ve designed to ease the process

    We’ve enabled two new features on your community. One is a tool for migrating the “old” infobox code to the new markup. It identifies templates on your community that look like infobox templates and places a box on the right rail of the template page. When you click the “Generate draft markup” button in this box, it opens a new tab containing a draft of your infobox using the new markup. You can read more about the migration tool at Help:InfoboxMigration.

    The second is a new feature on Special:Insights that will highlight which infoboxes on your community have not been migrated to the new infobox markup. You can click on the infobox title link itself to see the old markup, or simply click the “Convert!” button on the right, which performs the same action as the “Generate draft markup” button mentioned above.

    This is our help page for the new markup, which goes into detail and includes multiple examples.

      Loading editor
    • This community only uses one infobox, Template:Infobox, so I created Template:NewInfobox using the same parameters, to show an example of the new markup. You can see it working at User:JoePlay/test.

      Notice that there are two input parameters not included. The imagewidth parameter is absent because the new infobox has a static width, so that parameter is not supported.

      The other absent parameter is bgcolor, which is also not supported in the way that it is on the old infobox. However, custom themes can be created to display different colors for the infobox's title area, similar to the way the current (old) infobox appears. For example, the Telekinesis infobox uses a color named darkslategrey. On the first line of code on the new infobox markup (Template:NewInfobbox), you can insert theme="darkslategrey", so that would look like this:

      <infobox layout="tabular" theme="darkslategrey">
      

      Then add a small bit of CSS to MediaWiki:Common.css to display the title area using the darkslategrey background color, which would look like this:

      .portable-infobox-theme-darkslategrey .item-type-title {
          background-color: darkslategrey;
      }
      

      I would be happy to help finalize the conversion of the one infobox that is used here, as well as create the needed CSS for any color themes that you will want to use.

      I look forward to your feedback and answering any questions you have.

        Loading editor
    • Sounds cool I'll give it a try

        Loading editor
    • It's been two weeks since I brought up this topic, so I wanted to check in.

      Please let me know if you have any of you has questions and/or feedback.

        Loading editor
    • nice

        Loading editor
    • Go with the flow I always say.

        Loading editor
    • sweet

        Loading editor
    • And so am I.

        Loading editor
    • I understand why.

        Loading editor
    • Hey all!

      Back in July and early August, you guys seemed to be okay with going ahead with the infobox conversion. Just wanted to stop by and make sure that's where we still are. Ya see, we have a rare opportunity to offer you direct help from our team of engineers.

      So we can just go ahead and finish the work JoePlay started in July?

      If we do, would you be okay with having your infoboxes look the same on every page? Many of our biggest wikis have chosen to go with consistently-colored infoboxes, as it unifies the wiki's styling and doesn't disadvantage the color blind.

      Of course, we can offer you different colors for different situations, like Joe told you back in July. But you might well want to consider agreeing on standardised colors.

      Either way, we'll be happy to help you. But please try to agree on the look you'd like your infoboxes to have within the next week. After that, it'll be harder to get the attention and time of our Engineering staff. And trust me — as a long time admin at Wikia, time with an engineer is not something you want lose out on!

      Hope to hear from you guys soon!

        Loading editor
    • sweet ill try it

        Loading editor
    • The new infobox looks good, but considering we have a about... 5000 pages with old infobox, making it a standard would require full-time employment for a looong time ^ ^;

        Loading editor
    • Too true

        Loading editor
    • Oh hey, thanx for the help on my wikia Joe!

        Loading editor
    • Thanks for the replies, guys. So can we just port over what Joe's already done, or were there changes you wanted to make?

        Loading editor
    • DYBAD
      DYBAD removed this reply because:
      Irrelevant now
      12:12, October 23, 2015
      This reply has been removed
    • This new Info Box seems to appear automatically on every edited page now. Is there a way to allow users to selectively add it to their individual blogs ? Despite its practical advantages, Kuopiofi and I agree that it is a painful loss in terms of aesthetics, and we would like to have the Info Box we're used restored as the standard for main pages.

        Loading editor
    • Hey hey :)

      I've read on Joe's talk page and seen the comment here that you're not happy with the version 1.0 of this infobox. That's fine! We can easily adapt to your needs. Since no one had really given us design specifics in this thread since it was opened in July, I made the call to proceed with a basic infobox redesign, in the hopes that it would provide us all something to look at! I'm thrilled that you both have expressed an opinion, even if it's negative.

      This infobox is not "the way it has to be". Instead of retreating, if you tell us what, specifically, you don't like, we can make it more closely fit your needs! So please feel free to comment below how you'd like to see it change.

        Loading editor
    • Wouldn't the problem be solved if you just change all of the boxes back to normal? 

      We appreciate that you're trying to help, but, I think we would like to stick with the original info boxes please.

        Loading editor
    • It's simple, you just need to revert the infobox template back to the original one, which I already did an hour ago. And before at least one admin really wants to change something in the future, please leave it that way.

        Loading editor
    • Hey guys :)

      Thanks for the responses. I've gone back and looked at what happened and I have to apologise. We didn't mean to push the infobox live, making it appear on all pages at once. Rather, we wanted to have it for you in a draft state so that you could compare the new one with the old one and then work with us to craft it into the infobox of your choice.

      Would it be okay if we restored the old infobox as a draft and then put it on one single page so that you could tell us how to craft it to your liking?

        Loading editor
    • Well it doesn't seem like the blogs were affected by the change

        Loading editor
    • @Truth: because you didn't use the template in the blogs, so they weren't affected ^ ^

      @CzechOut: I don't have any problem with it but I'm just one ordinary member, so you have to wait for response from others, especially those with authority on this site.

        Loading editor
    • Hey again, guys!

      So, after waiting a few days to make sure no one had any objections, I today built a Draft of the new, portable infobox, and I wanted to share it with you, for your approval.

      If you go to User:CzechOut/Infobox_example, you'll see the current infobox on the top and the new, portable one on the bottom. The only significant difference is the color of the title's background.

      While it's true that we could set up different themes for you, so that you basically retained the various colors that you use for the title backgrounds, I strongly urge that you go for a single, unified color scheme. I've made it the same yellow that are otherwise used for your buttons and top nav.

      The reason for this recommendation is not because it's impossible to have different colors for different context. JoePlay's advice from a few months ago still holds. We could create different colors for different instances.

      Rather, I think it's impracticable to do so. To make the multicoloured approach work, we'd have to edit each page where this template lived so as to indicate which theme we were using.

      Please lemme know what you think of the new design, and whether the single-color approach can work for you.

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.