A step by step tutorial with pictures for making a lyrics page and using the templates and wiki markup. This tutorial is currently incomplete, but until it is finished, thorough information for filling out the lyrics pages can also be found in the notes on Template:LyricsPage.
Making the Page[]
To make a new page from any page of the wiki, click on the "New page" icon in the header from any page of the wiki.
A dialogue that looks like this will appear. Type the name of the page you want to make or choose one of the suggested page names, if it is the page you're planning on making.
An alternative way to make a new page is to click on any red link on the wiki (like the suggested pages in the dialogue), which will immediately take you to the edit page for a page with that name.
Editing the page[]
Templates[]
Once you've created the page, you will be taken to an blank edit page that looks like this:
You can go ahead and ignore the warning on the side, but note that in the top center it says Visual Editor.
To input the template that will make making the page a lot easier, you will need to switch to Source Editor, as seen below:
Once you are in source mode, you can enter {{subst:LyricsPage}}.
The {{}} characters indicate that you are inputting a template, and "subst:" indicates that you are substituting the template (basically pasting it in), so that you can edit the code yourself rather than keeping the code in a separate place on the wiki and only changing certain variables, as with most templates.
Press save to make the template take effect. You should have a page with a blank template that looks like this:
If you want, you can fill at least some of it in with the Visual Editor, which should be self explanatory for most parts, but I'm going to show how to fill it in with the source editor.
When you open the source editor, you should see the various template codes used on the page, together with notes written <!--like this-->, which are meant to guide you through filling out the page.
Because this song, Aki Urara is on both a single (Nanchatte Ren'ai) and an album (Morning Musume Zen Single Coupling Collection), I'm going to use the Song_Infobox2 template provided in the notes. I'm also going to copy the IndexLink navigation template and fill out one version of it for the single release and one version for the album release.
This is what the source code for the page looks like after I have filled out the top templates and edited the introduction. Some notes:
- To get most of the information, I went The Main Hello! Project wiki and searched for the song, and checked the articles for the releases. Also note that the link for the releases in the blurb are not to this wiki, but to the release pages on the main wiki. any page on the main wiki can be linked to by typing [[w:c:helloproject:(page name)]], but you will want to put a | and the name of the page again before the closing brackets, so that the link text only shows up as the name of the page (I forgot to do this in the second link).
- For the "color" section of the Song Infobox template, see Template:Color/doc
- The {{PAGENAME}} template will automatically output the name of the page when viewed, but if you want you can write out the song title too.
Because our wiki is incompatible for shared images with the main wiki, you may have to upload the album or single covers yourself. An icon to do this is right in the navigation bar for editing.
Simply choose a picture and upload it, then give it a fitting name. Note that when you use this picture in the template all you have to type is [[File:filename.jpg]]. If it pastes with "|thumb", you should delete that portion.
If you want, you can switch to Visual Editor or click Preview to see if the templates all look okay.
Song Data[]
The next section of the page you will want to fill out is song data, which can be found in English on the release page of the main wiki, or in Japanese on Hello! Project's website or in the booklet that comes with the song.
To make it easier to find more songs by the same lyricists, composers, and arrangers, we have the Role template, which automatically links to the desired category, as well as adding the category to the page. This template is also embedded in the Song Infobox template, automatically adding the release (single and album) categories to the page.
Here is an example of the source code for Song Data from Mou Gaman Dekinai wa ~Love ice cream~. Note that even though the same person, Tsunku, did both the lyrics and composition, he is listed twice so to add both categories to the page. Also note that the supplemental credits such as instruments and chorus (other songs may feature credits such as programming and music video), are simply listed with plain text rather than using the role template.
Featured Members[]
The next category is Featured Members. Thanks to the hard work of our editors, multiple lineups for each active group of Hello! Project, as well as for some inactive groups, are available on the FeaturedMembers template. If the group or lineup you are looking for is not there, you are free to make your own value using the guidelines listed in the documentation.
This is an example of inputting Featured Members via the template:
However, some songs are sung by irregular, one-off units. In this case you will have to input the featured members manually. Because the Mcolor template contains all current and present Hello! Project members, this is a fairly straightforward task. The members should be listed in the same order as the official Hello! Project website, which is usually by generation, and within generation, by age or leadership status. Reference the following picture, from Koi wa Toki ni, or the source code of the template for additional formatting:
Lyrics Table[]
At the time of this writing, the wiki is transitioning to a new format for lyrics, seen on Template:Lyrics. Not every page on the wiki is using this template yet, but anyone is free to make the transition on a given page.
This is how the template looks in the source code before adding new text to it.
[pic]
If needed, you may add a brief note to the top of the table by adding a new line with |Note = (your note). This should be mainly used for notes about the color coding, such as "Underlined members take the main melody". Notes that will be longer than one or two lines or that are about specific lyric phrases should not be put here, but in the Notes section under the lyrics.
For wiki tables (the previous format used for lyric tables), it was necessary to double space or use <br> line breaks to separate lines of lyrics. However, the new table makes use of the <poem> tags, which means that a single press of the enter key is sufficient to break lines. (See the picture below for what I mean.)
In addition, for wiki tables it was necessary to separate the paragraphs of lyrics cell by cell for alignment, but we have decided to choose ease of use over alignment for the new format. However, this does present a challenge for converting old tables to the new format.
Please add the lyrics in plain text, and in the same format and spacing as seen on the CD booklet and Japanese lyrics sites. If you have a plain text form of the lyrics already available, you're set to just copy and paste it within the <poem> tags. If you have the booklet and are able to type in Japanese, you can also type the lyrics out within the tags.
If you want to copy the lyrics from a Japanese lyrics site, do note that many sites disable selecting and right clicking. To get around this, you can use Ctrl+U to view the page source, and copy and paste the code of the lyrics from the source code. There are various ways to turn it into plain text, including using find and replace on the source editor itself, or using a free service like this one.
For romaji lyrics, most songs that will be put on this wiki likely already have romaji (as well as color coding) transcribed from Cafe Kica.
In the case that they don't, you can use this service to automatically convert the Japanese lyrics to romaji. However, before using these romaji lyrics, give the song a listen while following along to check, as kanji may have unexpected readings. In addition, you will have to adjust punctuation and double vowels (ii rather than ī and ou rather than ō, etc).
Color Coding[]
Before I start adding the color code, I like to change the size of the text for the names written in brackets that are used for shared lines and harmonies. It's easy to do this automatically, if you edit the source of just the lyrics section, which you can do by clicking on the "edit source" button next to the category on the saved page.
Once you are in the category source, make sure to temporarily delete any [brackets] that you might have for links, or be ready to fix them after doing this.
Press ctrl + F or command + F to open the find and replace prompt. In the top box, input [ and in the second box input <small>[, then click replace all.
Repeat this with ] and ]</small>, and then all the text inside brackets will be made smaller with minimal effort.
Next, add member colors using Template:mcolor. As you can see in the documentation on the template's page and in the image below, the format is {{mcolor|Member Name|Output Text}}. You use this template both for solo lines:
And for the member's abbreviated name in shared lines:
Underlining for harmonies can be added manually with <u>text</u>, or can be done automatically by selecting the text and pressing ctrl + U or command + U.
Because the member's abbreviated name is the same code every time, I usually like to copy it and manually paste it around everywhere it appears. The replace all feature is not a good idea for this, because the abbreviation for the member's name likely also appears within the romaji and translated lyrics, but using the replace function manually is a good timesaver. In addition, if the same members share several lines in the song with the same harmony division, you could use replace all for all repetitions of that member listing, like [Tak|Lin] and [Ni|Jun] in the above example.
One last note is for cases in which one member's solo lasts multiple lines. If you are using the double space method to break lines, you will have to restart the template for the subsequent lines. This can be avoided by using the <br> method of line breaking, for which you can place as many lines as you like in the template.
The last thing to add in the lyrics table is credit for the color code and translation. If the person in question is a member on this wiki, you can link to their user page with [[User:username|Nickname]]. If applicable, you then should include a reference to their website, especially if more of their work might be found there, using <ref>[website.url Website Name] </ref> Page Author. If necessary, you might add the platform (such as Blogger or Tumblr) and the year the page was published as well.
For certain prolific users, we have templates in place for crediting them like Template:CCKicaCredit and Template:TLShellsCredit so that you don't have to copy and paste their info every time. More templates like this may be made later.
In the case that a color code is a correction of the color code posted on Project Hello, be sure to also credit Project Hello and link to the page on their site.