link_socicon in actions

link_socicon module provides:
- field formatter Link Socicon: turn your links (field type link from Drupal's core) into Socicon's icons (http://socicon.com/).
- socicon library definition so you can use it anywhere

Installation

  1. Download Socicon (http://socicon.com)
  2. Copy downloaded folder to link_socicon (Correct path is modules/link_socicon/socicon)
  3. Enable module link_socicon

Use as a field formatter

  1. Add Link field to your content type, maybe you need to enable module Link first
  2. Follow Installation steps
  3. In your content type display settings (admin/structure/types/manage/{your-content-type}/display), select Link Socicon
    as field Link display.

Use as a library

  1. Follow Installation steps
  2. In your Drupal's render-able array, attach socicon library

    $elements = array(
          '#type' => 'container',
          '#attached' => array(
            'library' => array(
              'link_socicon/socicon',
            ),
          ),
        );
  3. Follow Socicon offical instruction to use it - http://socicon.com

<span class="socicon">A</span> <!-- Twitter icon -->

Change icon color, size

.socicon {
       font-family: 'socicon' !important;
       font-size: 16px;
       color: #cacaca;
   }

Project Information

Downloads