Animal Crossing Wiki
All Contributors
Sannse
HOAFanguying
JGC12345
Poppyisacat
Dragonfree97
ShadeTempest
Cubcake2001
+4
• 8/4/2015

Portable Infoboxes

Hi all,

We're contacting 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 indeed 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 from our forum post about infoboxes a couple weeks back:

Wikia mobile traffic growth

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 worked with the Wikia community to create this new markup to make sure that your hard work can be displayed on mobile devices (as well as any future technologies) easily and without any new coding conventions. It'll take some effort up front, to be sure, 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 wikia 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.

The second is a new feature on Special:Insights that will highlight which infoboxes on your wikia have not been migrated to the new infobox markup. It's fairly intuitive - 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.

This is our help page for the new markup. I'll make sure that one of my more techy colleagues is available to help if you need it, as well as watching this forum post for any questions.

3 24
  • Upvote
  • Reply
Sannse
HOAFanguying
JGC12345
Poppyisacat
Dragonfree97
ShadeTempest
Cubcake2001
+4
0
• 8/7/2015

A solution (though it's a bit hacky) is to put both the tabular infobox and the portable infobox on the same page, give the tabular one style="display: none;" and class="desktop-infobox", and the portable one class="portable-infobox", then run on pageload the following code (via wikia.js)

$(".portable-infobox").css('display','none');
$(".desktop-infobox").css('display','initial');

I've just tested this now and it seems to work on desktop and mobile

0
• 8/8/2015

Sounds good!

0
• 8/8/2015

I've noticed it goes bad when I look at it on my tablet, but as my tablet is really bad at surfing the web, I assumed it was down to that! Now I understand!

0
• 8/8/2015
Can you screenshot a page with an infobox on your tablet?It'd be useful to be able to see what happens
0
• 8/8/2015

It doesn't work! It conked out last week and I can't revive it. Sorry!

0
• 8/8/2015

Aw, that's a shame. Thanks anyway.. I hope you can get it fixed soon :)

0
• 8/9/2015

Thanks!! Me too!! ;)

0
• 8/9/2015
天体ダチョウ wrote:
Mobile is very great addition, but mobile not primary future for us all.

Mobile is great, but the problem is that touch screen can't replace everything.

0
• 8/9/2015

Hey Sannse, while we have you here, I'd like to take the opportunity to ask you a question.

Earlier this year, Wikia was talking about the new skin on its way, Venus. Is there are news that can be said about it? There hasn't been anything on the subject in what seems like months. Even ?useskin=venus no longer works. Has the skin been delayed? Is it still going to be in play by the end of 2015?

0
• 8/10/2015

Dragonfree97: I'm told that's not gonna work :( The main mobile skin strips out CSS so that it displays consistently and cleanly. I think it will work on mobile browsers using the standard skin, but not the actual mobile skin (which is still in development).

I'm still hoping for the ability to style individual rows in a future version of this, the portable infoboxes are very much in development. They have changed a lot since version one, so I expect they will change more as we find out what features people need/want.

HOAFanguying: You have me here any time :) just ping on my message wall.

This is probably a topic for a separate thread, but anyway... Venus didn't fully get past the prototype stage. We got lots of feedback and comments from the early mock-ups we released, and it's likely that some aspects of it will show up in the future, but the overall skin concept didn't survive.

Write a reply...