lunedì 25 gennaio 2016

How to Research and Locate Your Audience Using Social Media

rb-social-media-audience-560

Are you struggling to connect with your customers on social networks? Do you know where they hang out online? To optimize your social media marketing efforts, it's important to know who your customers are and which social networks they spend their time on. In this article you'll discover how to connect with your target audience [...]


This post How to Research and Locate Your Audience Using Social Media first appeared on .

- Your Guide to the Social Media Jungle

venerdì 22 gennaio 2016

Google Tag Manager: What Marketers Need to Know

ms-podcast181-christopher-penn-560

Do you use tracking codes on your website? Have you heard of Google Tag Manager? To discover what Google Tag Manager is and how to use it, I interview Christopher Penn. More About This Show The Social Media Marketing podcast is an on-demand talk radio show from Social Media Examiner. It's designed to help busy [...]


This post Google Tag Manager: What Marketers Need to Know first appeared on .

- Your Guide to the Social Media Jungle

giovedì 21 gennaio 2016

How to Add the Skype Share Button in WordPress

Did you know that Skype has a share button? We didn't either until a reader asked us for a tutorial on how to add the Skype share button in WordPress. Skype is one of the most popular communication apps in the world. In this article, we will show you how to easily add a Skype share button in WordPress.

Skype Share Button

First thing you need to do is install and activate Skype share plugin (see our beginner's guide on how to install a WordPress plugin).

Upon activation, go to Settings » Skype share button page to configure the plugin.

Skype share button settings page

The first option is to enable the share button. You must check this box to enable the Skype share button on your WordPress site.

Next, you need to choose a button size. Available sizes for the button are large share, small share, circle icon, and square icon.

Lastly, you need to choose the location of the button. You can either choose to show it on top of the article, below the article, or both.

Skype share can automatically detect the language of your WordPress site. But if it doesn't, then you can manually select the language.

Don't forget to click on the save changes button to store your settings.

That's all, you can now visit your website to see the Skype Share button in action.

preview of Skype share button

Manually Add Skype Share in WordPress Template

If you want to manually add this in your theme files, then you can follow the manual code instructions below.

First add the following script in the head section of your file. You can either do this by directly editing your header.php file or do it the proper way of adding scripts by using Enqueue scripts.


After that add the following code in your single.php, loop.php, index.php, page.php, category.php, and archive.php as long as it is placed within the post loop.

You can change the data-style to large, small, circle, or square.

You can also change the language to your desire language.

Basically, the code above will allow the user to share the individual post with the post title as the message.

We hope this article helped you add Skype share button on your WordPress site. You may also want to see our guide on how to how to add clickable phone numbers for smartphones in WordPress

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add the Skype Share Button in WordPress appeared first on WPBeginner.

mercoledì 16 dicembre 2015

ustwo: An Open Source Example of a React-Powered WordPress Site

ustwo-website

If you’re looking for a real-world example of the WordPress REST API with code that you can dig into, the new ustwo.com website is open source on GitHub. ustwo is a digital product agency most well known for their work on the award-winning Monument Valley app. They partnered with Human Made, a WordPress development agency, to build the backend of the site.

The ustwo.com frontend is a React.js single-page application that serves WordPress content via the WP REST API using custom endpoints. In a post called “Open Sourcing Our Website,” ustwo developer Daniel Demmel explains why the company put the site’s frontend up on GitHub.

“Ultimately, we’ve built something that feels novel and polished enough to share publicly,” he said. “We want it to be of real use to others – after all, it’s all very well reading on a blog about how nice it is using React or Docker, with some Hello World examples, but having a chance to look under the bonnet of a production website is an entirely different thing.”

The team at ustwo decided to get innovative with a “headless WordPress” setup earlier this year, before the WP REST API was officially merged.

“The way we used WordPress as a headless setup accessible only through the API for a high profile production website was a bit of a technological bet – with WP-API landing in WordPress core six months after we decided to go for it – so sharing our experience and codebase should give execution ideas and confidence to anyone else considering this setup,” Demmel said.

Advantages of Headless WordPress

If you’re wondering why an agency might go to all the trouble of creating their website as a single-page application, you need only check out ustwo.com to see the difference. The beautiful transitions and speediness of the UI put the site head and shoulders above similar portfolio sites.

“We chose to build the site as a single-page application in order to have full control over all of its aspects – including transitions between pages – and to make navigation super fast by not having to reload the browser,” Demmel said. “We chose React.js as a main JavaScript technology to do this, since it has built-in support to render pages on the server side too (called isomorphic rendering).

“Our content management system behind this is a WordPress instance which doesn’t actually render the pages itself, but instead serves content up via the API through a mixture of standard and customised JSON REST endpoints, making the vast majority of the content editable,” he said.

Coincidentally, WordPress.com’s Calypso project runs on a similar stack. “So if you like what they’ve done to make the editor experience awesome, you’ll like what we’ve done to make the visitor experience great,” Demmel said.

ustwo opted to make their work open source just like Automattic did with Calypso, recognizing the importance of sharing in helping the whole ecosystem move forward.

“For us, there’s so much more value to be gained from building on each other’s work and knowledge than trying to hold on to a short-term technological advantage,” Demmel said.

The REST API is Changing How Teams Work Together

In a case study published on Human Made’s website, the team reviewed how working on the ustwo.com project has changed the way they work.

Working with the WordPress REST API brought a separation of concerns that meant approaching project management in a new way. Our developers were focused solely on WordPress as a data entry and delivery application. We were just one part of a wider team that included a designer, a front end React developer, a front end CSS developer, a Node.js developer, a project manager, and the stakeholder. This allowed each part of the team to be completely focused on their component, working independently while feeding back to the rest of the team.

Human Made attributes this tidy separation of concerns to the new workflow that naturally comes out of using a REST API. Back and frontend developers are no longer stepping on each other’s toes:

The technology itself facilitated this change in project management: all that the front end developers need to make the site live is to change the URL where the data is. When developers are working locally in their development environments they can work with the content from the live site; it also streamlines the process of moving from staging to production. We found that the API hasn’t just changed WordPress but changed how people work together, creating a new workflow and pushing where WordPress is going.

For more details on the ustwo.com architecture, check out Human Made’s case study as well as ustwo’s post reviewing the process. Solid open source examples like this one are always helpful when learning to build with new technologies. All the code for the website is GPL-licensed and available on GitHub for anyone to use or repurpose.

mercoledì 2 dicembre 2015

How to Post Curated Content Across Multiple Social Platforms

kh-curate-content-560

Do you manage several social media accounts? Are you having trouble keeping them all active with fresh content? Content curation plays a key role in keeping your social profiles and pages active, and your audience satisfied. In this post I’ll show you how to quickly and efficiently post curated content across all of your social […]

This post How to Post Curated Content Across Multiple Social Platforms first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle

martedì 1 dicembre 2015

8 Twitter Tips to Improve Your Twitter Marketing

ef-8-twitter-tips-560

Is your Twitter marketing working? Do you want more engagement for your tweets? Knowing how to write your tweets and when to publish them can increase visibility, boost engagement and drive traffic to your site. In this article you’ll discover eight tips to deliver better tweets. #1: Tweet Without Links Research shows that tweets without […]

This post 8 Twitter Tips to Improve Your Twitter Marketing first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle

giovedì 12 novembre 2015

Tickets on Sale for WordCamp Europe 2016

WordCamp Europe Featured ImageNearly seven months before the event takes place, tickets for WordCamp Europe 2016 in Vienna, Austria on June 24-26 are on sale. There are two types of tickets available, General admission and Microsponsor.

General admission tickets are € 40.00 each and cover both days to the event, access to all sessions, lunch, coffee breaks, warm up events, and the after party. It also includes a WCEU 2016 t-shirt, stickers and other swag.

Microsponsor tickets are € 150.00 and includes everything the general admission ticket offers. The major difference between the two besides cost, is that the microsponsor ticket is a great way to support the European WordPress community. Microsponsorships shows appreciation of the event and grants you a special mention on the sponsorship page.

Before you purchase tickets, it’s important to note that due to Paypal’s 60 day refund policy, the event is not issuing refunds. If you buy a ticket and want to give it away as a gift, or sell it to someone, you’ll need to edit the details using the link in your ticket purchase confirmation email.

Although the schedule is not yet posted, WordCamp Europe has an established history of being one of the best WordPress events of the year. Let us know if you plan on attending.