Title: Devicons
Author: Ryder Damen
Published: <strong>21. март 2018.</strong>
Last modified: 21. март 2018.

---

Претражи додатке

![](https://ps.w.org/devicons/assets/banner-772x250.png?rev=1843880)

Овај додатак **није испробан са последња 3 главна издања Вордпреса**. Можда се више
не одржава нити подржава и може имати проблема са усаглашеношћу када се користи 
са новијим издањима Вордпреса.

![](https://ps.w.org/devicons/assets/icon-256x256.png?rev=1843880)

# Devicons

 Аутор: [Ryder Damen](https://profiles.wordpress.org/ryderdamen/)

[Преузимање](https://downloads.wordpress.org/plugin/devicons.zip)

 * [Детаљи](https://sr.wordpress.org/plugins/devicons/#description)
 * [Рецензије](https://sr.wordpress.org/plugins/devicons/#reviews)
 *  [Постављање](https://sr.wordpress.org/plugins/devicons/#installation)
 * [Развој](https://sr.wordpress.org/plugins/devicons/#developers)

 [Подршка](https://wordpress.org/support/plugin/devicons/)

## Опис

Devicons is a plugin that allows you to easily display Devicons (Software and Web
Developer icons) on your WordPress site. Show off your skills by including them 
in a graphical way. This plugin is based on the [Devicon project by Julien Monty](http://konpa.github.io/devicon/).

## Снимци екрана

[⌊A screenshot showing a full list of rendered, coloured devicons without titles.⌉⌊
A screenshot showing a full list of rendered, coloured devicons without titles.⌉[

A screenshot showing a full list of rendered, coloured devicons without titles.

[⌊A screenshot showing devicons with titles, of a specific colour.⌉⌊A screenshot
showing devicons with titles, of a specific colour.⌉[

A screenshot showing devicons with titles, of a specific colour.

## Постављање

#### Using The WordPress Dashboard

 1. Navigate to the ‘Add New’ in the plugins dashboard
 2. Search for ‘Devicons’
 3. Click ‘Install Now’
 4. Activate the plugin on the Plugin dashboard

## ЧПП

  Installation Instructions

#### Using The WordPress Dashboard

 1. Navigate to the ‘Add New’ in the plugins dashboard
 2. Search for ‘Devicons’
 3. Click ‘Install Now’
 4. Activate the plugin on the Plugin dashboard

  How do I display one devicon?

You can show one devicon as an inline style by using the shortcode `[devicon icon
="wordpress"]` in a page or a post. This will return the colour, non-title version
of that icon inline. This means it’s returned in the html tag you put it in. If 
you wrap the shortcode in a h1 tag, it will return with the same font-size as your
h1 (page titles), or the same with a regular p (paragraph) tag.

  How do I display multiple devicons?

You can display multiple devicons either by stringing together the above ‘devicon’
shortcode, or by using the following shortcode:

    ```
    [devicons]
    wordpress
    facebook
    illustrator
    [/devicons]
    ```

Simply list the ones you want within the shortcode, (separated by a space, comma,
or enter key) and the plugin will display them for you. These once again default
to colour without titles, but are not displayed inline. These instead are displayed
as 50px size icons, giving you a better way to showcase a bunch of skills for a 
particular project.

  How do I display icon titles (wordmarks)?

If you hover over an icon, it will always return the title of that icon for web 
accessibility purposes. You can however show the title right on the icon if you 
like. This is available for most (but not all) icons, but the plugin will simply
return the non-titled version if it’s not available. To show titles, simply add 
the title=“true“ parameter to the shortcode. Here are a few examples:

When requesting a single devicon with a title:

    ```
    [devicon icon="wordpress" title="true"]
    ```

When requesting multiple devicons with titles:

    ```
    [devicons title="true"] wordpress docker [/devicons]
    ```

  How do I set a custom colour?

Icon colours can be customized with the color=“#cc0000″ (American spelling) tag.
You can input any CSS-valid colour here, but most people will just put in a hex 
code like #cc0000. Here are a few examples:

When requesting a single devicon with the colour #cc0000:

    ```
    [devicon icon="wordpress" color="#cc0000"]
    ```

When requesting multiple devicons with the colour #cc0000:

    ```
    [devicons color="#cc0000"] wordpress docker [/devicons]
    ```

## Рецензије

![](https://secure.gravatar.com/avatar/e8d3cd1c4e28bcfb97f114ac51edfe0b4bea5be343cdc3485367e822d349c9bc?
s=60&d=retro&r=g)

### 󠀁[Great!](https://wordpress.org/support/topic/doesnt-work-and-i-wish-it-did/)󠁿

 [yanike](https://profiles.wordpress.org/yanike/) 27. новембар 2018.

I found this to work using code like this [devicon icon=""] <i class="devicon-android-
plain"></i>. Using the [devicon icon=""] to activate the plugin and insert HTML 
tags after. Picked the icons from http://konpa.github.io/devicon/. You can see this
plugin working on my site at http://yeoworks.tk/index.php/experience/

 [ Прочитај 1 рецензију ](https://wordpress.org/support/plugin/devicons/reviews/)

## Сарадници и градитељи

„Devicons“ је софтвер отвореног кода. Следећи људи су допринели овом додатку.

Сарадници

 *   [ Ryder Damen ](https://profiles.wordpress.org/ryderdamen/)

[Преведите „Devicons“ на свој језик.](https://translate.wordpress.org/projects/wp-plugins/devicons)

### Заинтересовани сте за развој?

[Прегледајте кôд](https://plugins.trac.wordpress.org/browser/devicons/), погледајте
[SVN складиште](https://plugins.svn.wordpress.org/devicons/) или се претплатите 
на [дневник развоја](https://plugins.trac.wordpress.org/log/devicons/) преко [RSS-а](https://plugins.trac.wordpress.org/log/devicons/?limit=100&mode=stop_on_copy&format=rss).

## Дневник измена

#### 1.0

 * The first release.

## Мета

 *  Издање **1.0**
 *  Последње ажурирање **пре 9 година**
 *  Активних постављања **10+**
 *  Издање Вордпреса ** 3.5.1 или новије **
 *  Испробано до **4.9.33**
 *  PHP издање ** 5.6 или новије **
 *  Језик
 * [English (US)](https://wordpress.org/plugins/devicons/)
 *  [Напредни преглед](https://sr.wordpress.org/plugins/devicons/advanced/)

## Оцене

 5 од 5 звездица.

 *  [  1 рецензија са 5 звездицом     ](https://wordpress.org/support/plugin/devicons/reviews/?filter=5)
 *  [  0 рецензија са 4 звездица     ](https://wordpress.org/support/plugin/devicons/reviews/?filter=4)
 *  [  0 рецензија са 3 звездица     ](https://wordpress.org/support/plugin/devicons/reviews/?filter=3)
 *  [  0 рецензија са 2 звездица     ](https://wordpress.org/support/plugin/devicons/reviews/?filter=2)
 *  [  0 рецензија са 1 звездица     ](https://wordpress.org/support/plugin/devicons/reviews/?filter=1)

[Ваша рецензија](https://wordpress.org/support/plugin/devicons/reviews/#new-post)

[Види све рецензије](https://wordpress.org/support/plugin/devicons/reviews/)

## Сарадници

 *   [ Ryder Damen ](https://profiles.wordpress.org/ryderdamen/)

## Подршка

Имате нешто да кажете? Потребна вам је помоћ?

 [Види форум подршке](https://wordpress.org/support/plugin/devicons/)

## Донирај

Желите ли да подржите напредак овог додатка?

 [ Донирај овом додатку ](https://ryderdamen.com/buy-me-a-beer)