Stephen Burge's Blog, page 96

December 17, 2015

Create Vine Embeds that are Responsive and have a Square Aspect Ratio

Vines are funny, short videos that many people want to share on the site.

To embed a Vine in your site you need the HTML code from the provider, however if the CSS of your website doesn't include responsive support for a square (1:1) aspect ratio, then your Vines will look distorted in mobile devices.

In this tutorial, we'll show you how to insert Vines in your site and include responsive support in the right way, by using a few lines of CSS.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 17, 2015 19:54

Add a Custom Text Field to a Joomla Template

Do you need to add a new setting in your template? With a few lines of PHP and XML code you can add a text field to print custom text in your public site.

In this post, I'm going to share with you how to add a custom text field to a Joomla 3 template.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 17, 2015 16:21

Responsive Vines with Square Aspect Ratio

To insert a Vine in your site you need the HTML code from the provider, however if the CSS of your website doesn't include responsive support for 1:1 aspect ratio, the vines will look distorted in mobile devices.

In this tutorial, we'll show you how to insert Vines in your site and include responsive support in the right way, by using a few lines of CSS.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 17, 2015 16:21

December 16, 2015

Insert Font Awesome Icons in WordPress Posts and Pages

One of our users asked for a way to insert an icon in WordPress. AGP Font Awesome Collection plugin makes this process easy by integrating Font Awesome icons without the need of HTML.

In this short tutorial, I'm going to show you how to add icons to post and pages, with just a few clicks.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 16, 2015 16:15

MySQL Explained: Paperback and Kindle Versions Available

Do you use Drupal, WordPress, Joomla, Magento or other PHP software?

If you answered "yes", then you use MySQL.

MySQL is the world's most popular database program and if you build websites, you'll benefit from an understanding of MySQL.

MySQL Explained, is our first self-published book and is a clear, step-by-step guide to MySQL. This book is going to help you to understand how your data is being stored and give you the ability to design your own custom applications!

We're happy to say that paperback and Kindle versions of MySQL Explained are now available.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 16, 2015 05:28

New Video Class: Drupal 8 Site Building

This week's new video class is "Drupal 8 Site Building".

This class follows on from last week's Drupal 8 Beginner Class. If you watched the Beginner Class, you know the basics of Drupal 8.

Now, you're ready to build your first Drupal 8 site. Robert is going to show you the whole process of building a site, from creating content and views, to managing layouts, themes and contact forms.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 16, 2015 02:04

December 15, 2015

WordPress 4.4, Responsive Images and scrset

WordPress 4.4 shipped this week and it had a really interesting responsive images feature.

Joe McGill, who led the project, has an overview of the changes:
WordPress automatically creates several sizes of each image uploaded to the media library. By including the available sizes of an image into a srcset attribute, browsers can now choose to download the most appropriate size and ignore the others—potentially saving bandwidth and speeding up page load times in the process.

That was the goal. Here's an example of the actual code for an image in WordPress 4.4:



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 15, 2015 16:32

December 14, 2015

Update Joomla 1.5 and 2.5 With Security Hotfixes

Joomla 3.4.6 was released today in order to fix a serious security vulnerability. For Joomla 3 users, updating is a simple one-click process from their admin area.

However, unlike previous security issues, this one applies not only to Joomla 3, but also older versions including Joomla 1.5 and 2.5.

If you have sites running Joomla 1.5 or 2.5, follow these instructions to update today. According to security analysts, this vulnerability is being actively exploited, so please don't waste any time in updating.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 14, 2015 14:23

Watch ManageWP Talk About Their WordPress Tools and New Orion Project

Here at OSTraining, we're enthusiastic users of ManageWP. We have an in-depth video class on using ManageWP and use the service to maintain our own WordPress sites.

We're delighted to have hosted a webinar with Nemanja Aleksic from ManageWP.

We recorded and edited the webinar, and have published it below.

This video has something for everyone from ordinary WordPress users to experienced developers. Nemanaja talked about ManageWP tools and also about the challenges of overhauling such as popular system. Currently ManageWP are in the process of launching Orion, a completely redesigned and rebuilt version of their platform.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 14, 2015 14:10

December 11, 2015

Custom Permalinks for WordPress Category and Tag Pages

By default. WordPress includes the words category and tag words as basis for URLs. For example:

mysite.com/category/something - for a category page.
mysite.com/tag/something - for a tag page.


In this tutorial, I'm going to show you how to replace the words "category" and "tag" words in your URLs.



[[ This is a content summary only. Visit http://OSTraining.com for full links, other content, and more! ]]
 •  0 comments  •  flag
Share on Twitter
Published on December 11, 2015 19:36