Icons: Difference between revisions

From Freephile Wiki
adds import details
m Text replacement - "<(\/?)source" to "<$1syntaxhighlight"
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[Help:Contents]] provides details about using graphics.
[[Help:Contents]] provides details about using graphics.


In order to provide more utility for using Icons and graphics as interface elements in this wiki, we've installed the [[mw:Extension:Icon|Icon Extension]] This creates a new "parser function" which simply means that the syntax for using graphics is easier.
I formerly used the [[mw:Extension:Icon|Icon Extension]] before this functionality was included in newer versions of MediaWiki.
== Usage ==
<pre>
{{#icon: image title | image alt text | image width | page to link to }}
</pre>
* Only the '''image title''' argument is required - the rest are optional.
<pre>
{{#icon: Info.png|Info}} will display the Info.png icon in it's default size
{{#icon: Info.png|Info|24}} will display the Info.png icon with a width of 24px
{{#icon: Info.png|Info|24|Special:Help}} same as above and clicking on it will link to Special:Help
</pre>
 


== Installing Icons ==
== Installing Icons ==
In order to get the Oxygen icons into this mediawiki system, I installed the icon set (well actually I think it came as a dependency with some kde4 application) which provides the compressed svg files.  Then I copied the compressed files to a temporary location where I could decompress them and import them.  Using the import tool provided by mediawiki, I batch imported the ~800 images.  I didn't categorize them, which had I known about categorizing images I would have done first, rather than later.  If you want to categorize your images on import, just add the category to the comment.
In order to get the Oxygen icons into this mediawiki system, I installed the icon set (well actually I think it came as a dependency with some kde4 application) which provides the compressed svg files.  Then I copied the compressed files to a temporary location where I could decompress them and import them.  Using the import tool provided by mediawiki, I batch imported the ~800 images.  I didn't categorize them, which had I known about categorizing images I would have done first, rather than later.  If you want to categorize your images on import, just add the category to the comment.
<source lang="bash">
<syntaxhighlight lang="bash">
find /usr/lib/kde4/share/icons/oxygen/scalable/ -name '*svgz' -exec cp {} /tmp/ \;
find /usr/lib/kde4/share/icons/oxygen/scalable/ -name '*svgz' -exec cp {} /tmp/ \;
gunzip --suffix=svgz /tmp/*svgz
gunzip --suffix=svgz /tmp/*svgz
Line 23: Line 11:
cd phase3/maintenance
cd phase3/maintenance
php importImages.php --extensions=svg --user=Freephile --comment='Get the whole set at http://www.oxygen-icons.org' /tmp/
php importImages.php --extensions=svg --user=Freephile --comment='Get the whole set at http://www.oxygen-icons.org' /tmp/
</source>
</syntaxhighlight>
 
== Creating Favicons and Application Icons ==
You can use [[Inkscape]] as a tool to create your web and application icons.
 
Resources:
* [[wp:Favicon]]
* http://www.creativebloq.com/illustrator/create-perfect-favicon-12112760
* http://androidcookbook.com/Recipe.seam?recipeId=2549
 
== Emoji ==
See the list of official emoji at the Unicode Consortium website https://www.unicode.org/emoji/charts/emoji-list.html
 
[[Category:Images]]
[[Category:Graphics]]
[[Category:Logo]]

Latest revision as of 13:33, 24 February 2025

Help:Contents provides details about using graphics.

I formerly used the Icon Extension before this functionality was included in newer versions of MediaWiki.

Installing Icons

In order to get the Oxygen icons into this mediawiki system, I installed the icon set (well actually I think it came as a dependency with some kde4 application) which provides the compressed svg files. Then I copied the compressed files to a temporary location where I could decompress them and import them. Using the import tool provided by mediawiki, I batch imported the ~800 images. I didn't categorize them, which had I known about categorizing images I would have done first, rather than later. If you want to categorize your images on import, just add the category to the comment.

find /usr/lib/kde4/share/icons/oxygen/scalable/ -name '*svgz' -exec cp {} /tmp/ \;
gunzip --suffix=svgz /tmp/*svgz
for i in /tmp/*\.; do mv $i ${i}svg; done;
cd phase3/maintenance
php importImages.php --extensions=svg --user=Freephile --comment='Get the whole set at http://www.oxygen-icons.org' /tmp/

Creating Favicons and Application Icons

You can use Inkscape as a tool to create your web and application icons.

Resources:

Emoji

See the list of official emoji at the Unicode Consortium website https://www.unicode.org/emoji/charts/emoji-list.html