icons:new_icon_procedure

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision		 Previous revision
icons:new_icon_procedure [2023/02/25 09:30] – created suedunhamicons:new_icon_procedure [2023/02/25 09:40] (current) – suedunham
Line 11: Line 11:
   * [[https://nagoshiashumari.github.io/Rpg-Awesome/|RPG Awesome]]   * [[https://nagoshiashumari.github.io/Rpg-Awesome/|RPG Awesome]]
  
 +If, alternately, one is interested in doing all of a realm's hold & location icons in bulk, that process can be found at [[adding_all_realm_icons]].
  
 The steps are as follows. The steps are as follows.
Line 20: Line 21:
       - Link: [[realm_icon_coverage]]       - Link: [[realm_icon_coverage]]
   - [[#Create the icon-itself page]].   - [[#Create the icon-itself page]].
-    - [[#Replace some-color-class with the desired CSS class]].+    - [[#Replace the some-color-class placeholder wITH the desired CSS class]].
     - [[#Delete the mdi-icon class when not using an mdi icon]].     - [[#Delete the mdi-icon class when not using an mdi icon]].
     - [[#Use the icons-pages line for general category icons]].     - [[#Use the icons-pages line for general category icons]].
     - [[#Use the icons-pages-realms line for realm-specific icons]].     - [[#Use the icons-pages-realms line for realm-specific icons]].
-    - [[#Replace icon-pack with fa, ra, mdi, or other pack]]. +    - [[#Replace the icon-pack placeholder with fa, ra, mdi, or other pack]]. 
-    - [[#Replace some-icon with icon name]].+    - [[#Replace the some-icon placeholder with the icon name]].
     - [[#Clean up the title and label, if needed]].     - [[#Clean up the title and label, if needed]].
   - [[#Add the icon reference page link to the relevant key]].   - [[#Add the icon reference page link to the relevant key]].
Line 33: Line 34:
       - Link: [[.pages:realms:]]       - Link: [[.pages:realms:]]
   - [[#Create the icon reference page]].   - [[#Create the icon reference page]].
-    - [[#Edit page title, if needed]].+    - [[#Edit the page title, if needed]].
     - [[#Add remarks]].     - [[#Add remarks]].
   - [[#Add the icon reference page to the relevant right sidebar]].   - [[#Add the icon reference page to the relevant right sidebar]].
Line 43: Line 44:
  
 For our example, we will memorialize the creation of an icon for a map in Emelrene, which has already been faked on a couple ''works:'' pages. The process for making one realm-specific icon is very similar to that for making a more general category icon with a few distinctions that this procedure will attempt to highlight. For our example, we will memorialize the creation of an icon for a map in Emelrene, which has already been faked on a couple ''works:'' pages. The process for making one realm-specific icon is very similar to that for making a more general category icon with a few distinctions that this procedure will attempt to highlight.
- 
-If one is interested in doing all the realm's hold & location icons in bulk, that processes can be found at [[adding_all_realm_icons]]. 
  
 ===== Add the icon-itself page link to the relevant table ===== ===== Add the icon-itself page link to the relevant table =====
Line 102: Line 101:
 </code> </code>
  
-==== Replace some-color-class with the desired CSS class ====+==== Replace the some-color-class placeholder wITH the desired CSS class ====
  
 This value---and possibly the ''icon-pack'' and ''some-icon'' values to be used later---can be found on the [[coding]] page if an existing **Wrap class** is being used. If using a new Wrap class //that has already been added to the Hârnstrap3 CSS//, use that value minus the ''wrap_'' prefix needed in the CSS file. This value---and possibly the ''icon-pack'' and ''some-icon'' values to be used later---can be found on the [[coding]] page if an existing **Wrap class** is being used. If using a new Wrap class //that has already been added to the Hârnstrap3 CSS//, use that value minus the ''wrap_'' prefix needed in the CSS file.
Line 146: Line 145:
 In our example, we are creating a realm-specific icon. The link to the icon reference page should then be in the ''icons:pages:realms:'' namespace, so we delete the first of the two lines. In our example, we are creating a realm-specific icon. The link to the icon reference page should then be in the ''icons:pages:realms:'' namespace, so we delete the first of the two lines.
  
-==== Replace icon-pack with fa, ra, mdi, or other pack ====+==== Replace the icon-pack placeholder with fa, ra, mdi, or other pack ====
  
 The ''icon-pack'' placeholder is where the Icons plugin gets the value for the correct icon pack, like Font Awesome, etc. This placeholder is replaced with the appropriate value for the plugin. The ''icon-pack'' placeholder is where the Icons plugin gets the value for the correct icon pack, like Font Awesome, etc. This placeholder is replaced with the appropriate value for the plugin.
Line 154: Line 153:
 In our case, we need ''fa'' for Font Awesome here. The other icon packs in common use in HârnWiki are ''ra'' for RPG Awesome and ''mdi'' for Material Design Icons. In our case, we need ''fa'' for Font Awesome here. The other icon packs in common use in HârnWiki are ''ra'' for RPG Awesome and ''mdi'' for Material Design Icons.
  
-==== Replace some-icon with icon name ====+==== Replace the some-icon placeholder with the icon name ====
  
 The ''some-icon'' placeholder is where the name of the desired icon goes when using the Icons plugin. This value is replaced with that icon's name. The ''some-icon'' placeholder is where the name of the desired icon goes when using the Icons plugin. This value is replaced with that icon's name.
Line 258: Line 257:
 </code> </code>
  
-==== Edit page title, if needed ====+==== Edit the page title, if needed ====
  
 Again, the template generates a top-level heading from the pagename with which the new page is created. Often this is fine as is, but look it over to check. Again, the template generates a top-level heading from the pagename with which the new page is created. Often this is fine as is, but look it over to check.
  • icons/new_icon_procedure.1677346234.txt.gz
  • Last modified: 2023/02/25 09:30
  • by suedunham