Help:Portals: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 3: Line 3:
<section begin="intro" />'''Portals''' are essentially a page with a bunch of smaller pages contained in blocks which can easily be reorganized on a page.  They utilize a responsive web design allowing content to be resized on different sized screen and mobile devices.
<section begin="intro" />'''Portals''' are essentially a page with a bunch of smaller pages contained in blocks which can easily be reorganized on a page.  They utilize a responsive web design allowing content to be resized on different sized screen and mobile devices.


The idea of a portal is to help readers and/or editors navigate their way through Saintapedia topic areas through pages similar to the Main Page. In essence, portals are useful entry-points to Saintapedia content.
The idea of a portal is to help readers and/or editors navigate their way through USApedia topic areas through pages similar to the Main Page. In essence, portals are useful entry-points to USApedia content.


They intended to serve as "[[Main Page]]s" for specific topics or areas. It is meant for both readers and editors of [[Saintapedia]], and should promote content and encourage contribution.  A portal may be associated with one or more [[WikiProjects]]. <section end="intro" />
They intended to serve as "[[Main Page]]s" for specific topics or areas. It is meant for both readers and editors of [[USApedia]], and should promote content and encourage contribution.  A portal may be associated with one or more [[WikiProjects]].
 
See how to [[Help:Portals#Creating%20a%20portal|create a portal]].
 
<section end="intro" />


{{Comment|{{#lst:Help:Portal|intro}}}}
{{Comment|{{#lst:Help:Portal|intro}}}}
Line 336: Line 340:
Create a new page using <nowiki>[[Portal:Topic]]</nowiki> as the title of the page (where "Topic" is the subject of your portal).
Create a new page using <nowiki>[[Portal:Topic]]</nowiki> as the title of the page (where "Topic" is the subject of your portal).


*'''Option 1''' -  Use the '''Portal''' [[boilerplate template]].
*Enter the following text
 
*'''Option 2''' - enter the following text


  <nowiki>{{subst:box portal skeleton}}</nowiki>
  <nowiki>{{subst:box portal skeleton}}</nowiki>
Line 350: Line 352:
====Box-header====
====Box-header====


Create <nowiki>[[Portal:Topic/box-header]]</nowiki> with
Create <nowiki>[[Portal:Topic/box-header]]</nowiki> with by copying and adding the text below.
*'''Option 1''' -  Use the '''Portal''' [[boilerplate template]].
  <nowiki>{{subst:Portal:Box-header}}</nowiki> <!-- For alternate styles try "Portal:Box-header-round" or "Portal:Box-header-groovy" -->
*'''Option 2''' - By copying and adding the text below.
 
  <nowiki>{{Portal:Box-header | title={{{1}}}</nowiki> <!-- For alternate styles try "Portal:Box-header-round" or "Portal:Box-header-groovy" -->
 
  &#0124;editpage={{{2}}}  
  &#0124;editpage={{{2}}}  
  &#0124;border=#aaaaaa          <nowiki><!-- This is the color of the borders around Box Sections --></nowiki>
  &#0124;border=#aaaaaa          <nowiki><!-- This is the color of the borders around Box Sections --></nowiki>
  &#0124;titleforeground=white    <nowiki><!-- This is the color of the Box Section Title Bar text --></nowiki>
  &#0124;titleforeground=white    <nowiki><!-- This is the color of the Box Section Title Bar text --></nowiki>
  &#0124;titlebackground=#aaccff  <nowiki><!-- This is the color of the Box Section Title Bar --></nowiki>
  &#0124;titlebackground=#aaccff  <nowiki><!-- This is the color of the Box Section Title Bar --></nowiki>
  &#0124;background=#f9f9ff      <nowiki><!-- This is the color of the Box Section background --></nowiki>
  &#0124;background=#f9f9ff      <nowiki><!-- This is the color of the Box Section background --></nowiki>
  &#0124;<nowiki>foreground=black}}</nowiki><nowiki><noinclude>      <!-- This is the color of the Box Section text --></nowiki>
  &#0124;<nowiki>foreground=black}}</nowiki><nowiki><noinclude>      <!-- This is the color of the Box Section text --></nowiki>
  <nowiki></noinclude></nowiki>
  <nowiki></noinclude></nowiki>
See lots of [https://en.wikipedia.org/w/index.php?search=intitle%3A%2Fbox-header&title=Special:Search&profile=advanced&fulltext=1&advancedSearch-current=%7B&#x22;fields&#x22;%3A%7B&#x22;intitle&#x22;%3A&#x22;%2Fbox-header&#x22;%7D%7D&ns100=1 Wikipedia box headers].


====Box-footer====
====Box-footer====


Create <nowiki>[[Portal:Topic/box-footer]]</nowiki> with
Create <nowiki>[[Portal:Topic/box-footer]]</nowiki> by copying and adding the text below.


*'''Option 1''' -  Use the '''Portal''' [[boilerplate template]].
  <nowiki>{{subst:Portal:box-footer}}</nowiki>
 
*'''Option 2''' - By copying and adding the text below.
 
  <nowiki>{{Portal:box-footer | {{{1}}} }}<noinclude></noinclude></nowiki>


===Begin editing===
===Begin editing===
Line 463: Line 452:


===Color===
===Color===
[[File:Portal color options.png|thumb|485x485px|Portal color options]]The colors of the portal can be adjusted in the box-header [[subpage]].
[[File:Portal color options.png|thumb|485x485px|Portal color options]]The colors of the portal can be adjusted in the box-header [[subpage]].
*Replace "Topic" with your portal's name - "Portal:Topic/box-header"
*Replace "Topic" with your portal's name - "Portal:Topic/box-header"
 
*Please remember that colors need to be [[Accessibility|accessible]] to those with disabilities (color blindness, low vision, etc.).  See [[USApedia:Accessibility]] for more details.
*Please remember that colors need to be [[Accessibility|accessible]] to those with disabilities (color blindness, low vision, etc.).  See [[Saintapedia:Accessibility]] for more details.
**[https://toolness.github.io/accessible-color-matrix/ Accessible color palette builder] - U.S. General Services Administration (GSA)
 
**[https://toolness.github.io/accessible-color-matrix/ Accessible color palette builder] - [[U.S. General Services Administration]] (GSA)
 
**[https://venngage.com/tools/accessible-color-palette-generator Accessible color palette generator]
**[https://venngage.com/tools/accessible-color-palette-generator Accessible color palette generator]
*Wikipedia has [https://en.wikipedia.org/wiki/Template:Box-header#Box-header_color_palettes Box-header color palettes], but they have not been vetted for accessibility
*Wikipedia has [https://en.wikipedia.org/wiki/Template:Box-header#Box-header_color_palettes Box-header color palettes], but they have not been vetted for accessibility
*[http://www.color-hex.com/color-names.html HEX Colors] can be useful
*[http://www.color-hex.com/color-names.html HEX Colors] can be useful


Line 491: Line 473:


===Tabs===
===Tabs===
[[File:Saintapedia tabs.png|thumb|870x870px|Example tabs|link=Special:FilePath/Saintapedia_tabs.png]]Tabs can add more places for information, while keeping most content above the fold.
[[File:USApedia tabs.png|thumb|870x870px|Example tabs|link=Special:FilePath/USApedia_tabs.png]]Tabs can add more places for information, while keeping most content above the fold.


It is recommended to:
It is recommended to:
Line 584: Line 566:


====Examples====
====Examples====
*{{W|Portal:Human rights/Things you can do/Tabs}}
*{{W|Portal:Human rights/Things you can do/Tabs}}
*{{W|Portal:African American/Tabs}}
*{{W|Portal:African American/Tabs}}


====Renaming====
====Renaming====
To rename a tab:
To rename a tab:
#Follow to tab link
#Follow to tab link
#[[Rename a page|Rename the page]] as normal (keeping it in the Portal [[namespace]])
#[[Rename a page|Rename the page]] as normal (keeping it in the Portal [[namespace]])
#Go to the tab subpage (such as [[Portal:Occupational medicine/Tab2]])
#Go to the tab subpage (such as [[Portal:Occupational medicine/Tab2]])
#Change the link and the tab title
#Change the link and the tab title
#Save the page changes
#Save the page changes