FANDOM

A FANDOM user
  Loading editor
  • Hey! So I get portraits and donate them to this wiki. I don't have a list, as there are a lot of characters who don't have all their portraits. How do I edit in my own portraits I get? Thank you!

      Loading editor
    • I've seen you around on the wiki, thanks for your contributions!
      I'll do my best to write a guide, but please be aware that it's not going to be the best.

      Adding Portraits to Character Pages

      Preparing the Page for Portraits

      1. Consider if the character page you're adding portraits to has portraits uploaded already.

      If the character's page has NO portraits uploaded at all, then you'll have to add some source code to the page using the Source Editor before actually adding the portraits themselves.

      2. Figure out how many appearances that character has.

      • If a character currently only has one portrait and it's missing, then you can straightaway upload the portrait image. Once you've done so, skip ahead to here.
      • If a character has multiple portraits, figure out how many games they've appeared in first.
      I'll use Roki as an example. If you want to look at her page's source code, go check it out.
      Roki has appeared in 5 games: 11, 13 カーニバル, 19 TUNE STREET, Lapistoria, and peace.
      You want to organize the portraits from the most recent appearance to the earliest (Newest to Oldest), so in this case we will go from pop'n music peace backwards to pop'n music 11.
      If a character has TV/Anime or ee'MALL appearances, these count as separate games/appearances, and will go after all the other games as their own thing regardless of when the character had those appearances. (Example: See the order of the portraits in Yuli's page.)
      Now keep your organization in mind for the next step.

      3. Add the tabs for game appearances.

      Now that you know the number of appearances, you can start adding some code.

      Still using Roki as an example, we will look at the Character Info template and look for this line:

      |image = 
      • Since you're dealing with multiple portraits, you want to tell the Editor that you want to have tabs so you can switch between the images. Plug in some code to add those tabs to get this:
      |image = {{#tag:tabber|
      
      }}
      • Remember the number of appearances the character has? You want to tell the wiki you want a tab for each appearance. Still using the Roki example, put each game in its own line as shown below.
      |image = {{#tag:tabber|
      
      {{!}}-{{!}}peace▾=
      
      {{!}}-{{!}}LT▾=
      
      {{!}}-{{!}}19▾=
      
      {{!}}-{{!}}13▾=
      
      ​​​​​​{{!}}-{{!}}11▾=
      
      }}

      4. Add the lines for the 1P/2P portraits.

      • If a character has 1P/2P portraits, then you need to add more tabs. That way, you can switch between game appearances AND 1P/2P variants! Add another set of tabbers to each game like before, except now we have a line for 1P and 2P.
      The extra set of closing brackets is there because you have started another "tabber", so it makes sense that you want to close your argument like you would with parentheses ( ).
      {{#tag:tabber|
      
      {{!}}-{{!}}1P=
      
      {{!}}-{{!}}2P=
      
      }}

      Add this to your source code to get the following:

       
      |image = {{#tag:tabber|
      
      {{!}}-{{!}}peace▾= 
      
      {{!}}-{{!}}LT▾={{#tag:tabber|
      
      {{!}}-{{!}}1P=
      
      {{!}}-{{!}}2P=
      
      }}
      
      {{!}}-{{!}}19▾={{#tag:tabber|
      
      {{!}}-{{!}}1P=
      
      {{!}}-{{!}}2P=
      
      }}
      
      {{!}}-{{!}}13▾={{#tag:tabber|
      
      {{!}}-{{!}}1P=
      
      {{!}}-{{!}}2P=
      
      }}
      
      {{!}}-{{!}}11▾={{#tag:tabber|
      
      {{!}}-{{!}}1P=
      
      {{!}}-{{!}}2P=
      
      }}
      
      }}

      Note 1: I did not add 1P and 2P tabbers to the peace section since I'm not sure if Roki has a 2P variant in that game.

      Note 2: If a character has 3P colors, just add another line like 1P and 2P.
      Roki has a 3P portrait in 19 TUNE STREET, so here it is added to the 19 section.

      {{!}}-{{!}}19▾={{#tag:tabber|
      
      {{!}}-{{!}}1P=
      
      {{!}}-{{!}}2P=
      
      {{!}}-{{!}}3P=
      
      }}

      Note 3: Let's say Roki gets a license song appearance. Remember when I mentioned TV/Anime and ee'MALL appearances? You treat each like a game appearance. If a character has multiple TV/Anime appearances, treat each song appearance like the 1P/2P tabs. Shorten the song title (for recent licenses) or use the song's genre (for older licenses) as the name of the tab instead.

      HELLO POP'N MUSIC, TV/Anime, and ee'MALL appearances go after all games.

      {{!}}-{{!}}11▾={{#tag:tabber|
      
      {{!}}-{{!}}1P=
      
      {{!}}-{{!}}2P=
      
      }}
      
      {{!}}-{{!}}TV/Anime▾=
      
      }}

      Uploading Portraits 

      FINALLY, you get to upload your portraits!

      1. Upload to the wiki like you would a normal image.

      This step doesn't take much explaining.

      If you don't know how to upload images, you can either...

      • Click the Add Photo button on the editors and upload your image directly to the page.
      • Click the vertical 3 dots to the top-right of the page and select Add New Image. You can only do this before working on the page, as far as I know. When you work on the article, you can attach your image by writing "[[File:" and then the file's name. If you see it come up, go ahead and click on it. The brackets (]]) should automatically close the file name, and now the image is added to the article.

      There's no rules regarding the naming of the portraits, but... it would be more convenient to either keep the original file name (such as "Ha roki 25a.png") or use a name that makes the portrait's location clear, such as Roki Peace 1P.png".

      Make sure your portraits correspond to the right game and color variant (make sure your Carnival 1P is in the 13-1P spot, and your TUNE STREET 2P in the 19-2P spot).

      2. Make sure it's 200 pixels.

      After uploading your images, make sure they have a width of 200px. You can do one of two things - they do the exact same thing, so it's up to your preference.

      • Add "{{!}}200px" after the image name, as shown below.
      [[File:Peace 1P Example.png{{!}}200px]]
      • Add "|200px" after the image name.
      [[File:Peace 1P Example.png|200px]]

      3. Preview the page to see if it displays correctly.

      Below is the finished source code for Roki's page, taken straight from her character page.

       
      |image = {{#tag:tabber|
      
      {{!}}-{{!}}Peace▾ = [[File:Ha roki 25a.png|200px]]
      
      ​​​{{!}}-{{!}}LT▾ = {{#tag:tabber|
      
      {{!}}-{{!}}1P = [[File:Roki_LT.png|200px]]
      
      {{!}}-{{!}}2P = [[File:Roki_LT_2P.png|200px]]
      
      }}
      
      {{!}}-{{!}}19▾ = {{#tag:tabber|
      
      {{!}}-{{!}}1P = [[File:Roki_19.png|200px]]
      
      {{!}}-{{!}}2P = [[File:Roki_19_2P.png|200px]]
      
      {{!}}-{{!}}3P = [[File:Roki_19_3P.png|200px]]
      
      }}
      
      {{!}}-{{!}}13▾ = {{#tag:tabber|
      
      {{!}}-{{!}}1P = [[File:Sabbatroki.png{{!}}200px]]
      
      {{!}}-{{!}}2P = [[File:Roki_13_2P.png|200px]]
      
      }}
      
      {{!}}-{{!}}11▾ = {{#tag:tabber|
      
      {{!}}-{{!}}1P = [[File:Roki11png.png{{!}}200px]]
      
      {{!}}-{{!}}2P = [[File:Roki_2P.png|200px]]
      
      }}
      
      }}

      Afterword

      I get the feeling a wrote a ton since I got carried away.
      I'll clean this guide up later, but feel free to ask me questions if anything I wrote confused you.

        Loading editor
    • Thank you very much! And your contributions are also invaluable to this wiki.

        Loading editor
    • A FANDOM user
        Loading editor
  • I'm new here, you can check my user page if you'd like. :)

      Loading editor
    • A FANDOM user
        Loading editor
  • Thanks, Lapistoria. You have corrected my mistakes I made in the MZD page!

    Usamimichan333 (talk) 15:07, February 12, 2020 (UTC)

      Loading editor
    • A FANDOM user
        Loading editor
  • Hi, I'm an admin for the Pop'n Music Wiki community. Welcome and thank you for your edit to DTO!

    If you need help getting started, check out our help pages or contact me or another admin here. For general help, you could also stop by Community Central to explore the forums and blogs.

    Enjoy your time at Pop'n Music Wiki!

      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.