Australia's Leading Digital Marketing Experts. T. 1300 235 433  |  Aggreagtion Enquires Welcome

Add a LinkedIn Personal Profile Widget To WordPress With Shortcode

Add a LinkedIn Personal Profile Widget To WordPress With Shortcode

LinkedIn provide an online tool to generate a profile widget for use on your website. While not commonly used, we've seen it convert well in professional circles. The code in this article will provide the necessary shortcode to embed the Widget into a WordPress post or page. There are three primary types of Widgets: an inline widget, icon with name, and icon. Our shortcode provides for all three.

Note (November 2020): Parts of this code are broken. It'll be updated when time permits.

An article to follow shows how to embed the company widget into your WordPress website in a similar manner.

The Result

The result of the primary profile widget is as follows. Shortcode used is [linkedpersonal style="1"]. The style="1" forces the container to be centered. No attributes are defined since they're included in the shortcode function.

To align the container within text, use [linkedpersonal style="1" align="right"] (or left).

The inline icon format is useful when referencing an individual in text. For example, the shortcode of [linkedpersonal type="icon"] returns . Hover over the icon and my personal profile container will be returned to the screen. The same inline inclusion can be used with the icon and name format. Shortcode of [linkedpersonal type="iconname"] returns: . By default no styling is applied. You can force alignment and padding by simply adding style="1".

WordPress Shortcode

Copy and paste the WordPress function into your theme's functions.php file or, if you sensibly have one installed, your custom functions plugin.

1
<?php 
2
/*
3
 Add a LinkedIn Personal Profile Widget To WordPress With Shortcode
4
 https://www.beliefmedia.com.au/linkedin-personal-widget-wordpress
5
*/
6
 
7
8
 
9
  $atts = shortcode_atts(array(
10
    'profile' => 'martinkhoury',
11
    'name' => 'Martin Khoury',
12
    'type' => 'inline', /* inline, iconname, icon */
13
    'format' => 'hover', /* hover, click */
14
    'style' => false,
15
    'padding' => '8px 15px 15px 15px',
16
    'align' => false,
17
  ), $atts);
18
 
19
   /* Formatting */
20
   $css = ($atts['style'] !== false) ? ($atts['align'] !== false) ? 'float: ' . $atts['align'] . '; padding:' . $atts['padding'] : 'text-align:center; padding:' . $atts['padding'] : 'margin: 0; display: inline;';
21
 
22
   switch ($atts['type']) {
23
      case 'inline':
24
        $format = ' data-format="inline" data-related="false"';
25
        break;
26
      case 'iconname':
27
        $format = '  data-format="' . $atts['format'] . '" data-related="false" data-text="' . $atts['name'] . '"';
28
        break;
29
      case 'icon':
30
        $format = ' data-format="' . $atts['format'] . '" data-related="false"';
31
        break;
32
    }
33
 
34
   $return = '<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
35
   <script type="IN/MemberProfile" data-id="https://www.linkedin.com/in/' . $atts['profile'] . '" ' . $format . '></script>';
36
 
37
 return ($atts['style'] !== false) ? '<div id="linkedin-personal-profile" style="' . $css . '">' . $return . '</div>' : $return;
38
}
39
add_shortcode('linkedpersonal', 'beliefmedia_linkedin_widget_personal');

If you require shortcode to work in a sidebar widget, you'll have to enable the functionality with a filter. If you're using our custom functions plugin, you'll have that feature enabled by default.

Shortcode Attributes

The following shortcode attributes are available.

profile

The default vanity username or user ID.

name

The default user's name.

type

The type may be inline, iconname, or icon as demonstrated above.

format

The format determines if a hover or click is required to return the profile badge. By default we use hover. Use format="click" to alter.

style

By default no styling is applied. Use style="1" to apply styles.

padding

If styling is true, the default padding of 8px 15px 15px 15px is applied. Alter as required.

align

By default we'll center all profile badges when styling is applied. Alter as required.

Download


Title: LinkedIn Personal Profile Widget in WordPress (Shortcode)
Description: Add a LinkedIn personal profile widget to WordPress with shortcode. Returns either the inline, icon, or icon & name widget.
  Download • Version 0.1, 823.0B, zip, Category: WordPress Shortcodes

Download our 650-page guide on Finance Marketing. We'll show you exactly how we generate Billions in volume for our clients.

  AUS Eastern Standard Time (Connecticut)

  Want to have a chat?
 

Like this article?

Share on facebook
Share on Facebook
Share on twitter
Share on Twitter
Share on linkedin
Share on Linkdin
Share on pinterest
Share on Pinterest

Leave a comment

READY TO HAVE A CHAT? CALL US ANYTIME ON 1300 235 433