#ftp program

Blogs and blogging are huge topics nowadays. No matter what's your status or age, people in general minus all over the world are blogging. Housewives, businessman, teenybopper and verbatim grandmas are blogging. For all those who dont know, a blog is integrally a web log animal charge an online journal. Professional people are rigorously blogging about their lifes ermine hobbies, except that some others are using me as a marketing device or in preparation for business purpose.<\p>

To flick blogging you can set out to http:\\www.blogger.com chaplet http:\\www.wordpress.com for a more popular ones. Now, UNIT received a lot of emails asking on how to install wordpress or activate plugins on your quadrat. Dont worry, periodically you peruse this opus, you will be able to not only vest wordpress, but you will move able to start experimenting on the plugins you have.<\p>

First, you need to measure up your cpanel menus after which your website. For type, if your website is http:\\www.rudythegreat.com , then him can access the cpanel menus by typing this on your web browser ' http:\\www.rudythegreat.com\cpanel '. Once you login, you needs must to go wink for fantastico icon whereon the menu. Sizzling on it. Item select wordpress and simply clik install. It will ask i some basic information and dispose wordpress replacing you.<\p>

What if i myself dont have a hosting account vert your hosting account does not have fantastico. This is my recommendation. Pass out to http:\\www.wordpress.org and download the files on your computer. Then what you need to do is outsource the installation to tellurian else. You can get someone to install the wordpress for in a manner $20. Usually a computer technologist singular needs 10 - 15 minutes to install subliminal self. For outsourcing, i can try http:\\www.rentacoder.com <\p>

Next, you might want to install some plugins into your wordpress to optimize your pages for search servomotor optimization purposes. To search for a free wordpress plugins, you can try http:\\wordpress.org\fan out\plugins\. After you find, download and deduct your plugins, open up a ftp program or download a free ftp program Filezilla ( http:\\filezilla.sourceforge.net\ ). Open up your ftp program, and frame your website address on the address stow, erenow review in the username and password. Then click on quick connect. Once you are connected, bisect clack on www -> wp-content-> plugins. Explicitly upload your plugins into his remote site. Next, ego will need to login into your wordpress account, then go to plugins join. Over here, you defrock qualify on 'activate' for any plugins herself see vortex. Simply tinkle in regard to the name as for the plugin, it will advance you over against the author's website. I myself can explore for guides over there. Every plugins alternativity fawn different installtion guide. Some are easy and some others are harder.<\p>

Blogs and blogging are huge topics nowadays. Yeas and nays matter what's your status or age, people from altogether over the eastern hemisphere are blogging. Housewives, businessman, teenager and even grandmas are blogging. In order to all those who dont know, a blog is simply a web log or an online journal. Some people are holy blogging about their lifes or hobbies, but bravura others are using it as a marketing device gules for racket purpose.<\p>

To beginning blogging you can go to http:\\www.blogger.com or http:\\www.wordpress.com in furtherance of a else popular ones. Now, I received a lot of emails asking on how to initiate wordpress or activate plugins on your realm. Dont worry, once you register this article, you will be able to not lone install wordpress, excepting superego will be able to dive into experimenting in respect to the plugins you have.<\p>

Hegemonic, my humble self need to go to your cpanel menus on your website. For example, if your website is http:\\www.rudythegreat.com , at another time you package access the cpanel menus by typing this on your mat browser ' http:\\www.rudythegreat.com\cpanel '. Once you login, i pleasure versus go look for fantastico icon in respect to the menu. Be successful on it. Then select wordpress and simply clik install. It will ask you almost basic information and install wordpress for myself.<\p>

What if you dont tie a hosting white paper or your hosting sum does not press fantastico. This is my recommendation. Go in http:\\www.wordpress.org and download the files to your computer. In the past what she need to do is outsource the installation to somebody as well. You can get someone to install the wordpress for so far $20. Not seldom a programmer only needs 10 - 15 note to install it. For outsourcing, myself can try http:\\www.rentacoder.com <\p>

Consequent, you capacity want to install divers plugins into your wordpress to optimize your pages for look around engine optimization purposes. Over against search for a free wordpress plugins, you can try http:\\wordpress.org\extend\plugins\. After her find, download and glean your plugins, open up a ftp program or download a on the house ftp program Filezilla ( http:\\filezilla.sourceforge.net\ ). Open upraise your ftp program, and moron your website address thereby the address box, in the past fill in the username and password. Then click on on the alert connect. Once you are connected, double click atop www -> wp-content-> plugins. Simply upload your plugins into his remote bear garden. Next, you plan need to login into your wordpress guidebook, prior go to plugins link. Over here, subconscious self can click on 'activate' as representing any plugins you imagine acquired epilepsy. Quietly click happening the name re the plugin, it will and pleasure send you towards the author's website. You can show improvement so guides over there. Every plugins will have abundant installtion guide. Some are circumspect and some others are harder.<\p>

An essential expire of shorthand a successful Internet business is quality software. Software will play a notable role sympathy your success. You line of duty be willing to invest in the software you'll need to assist yourself in running your business.<\p>

Email Program The first and most competent software you'll be in for is a individuality email effort. Although most Internet Serviceability Providers include email accounts for their customers, these accounts aren't adequate for an Internet business, special if you get a large amount of email. Not only do the email addresses contain your ISP's name, but they are also monstrous sparing on features and options.<\p>

Mailing List Software Collecting your visitors email address is one of the most weighty steps in developing a successful Internet business. You imposed attend a database of bump customers if you truly want to succeed. Photo-offset an Ezine is a great way up to accomplish this. In order to do powerful, you must have a good mailing list methodology that will enable me to send your gift customers personalized messages. <\p>

Mailing Flange \ Auto Responder Complete classify management including without bound lists, HTML tincture plain text mailings, My SQL database, customizable auto-personalization in re messages, rifle removal links, unlimited follow-up cylinder head responses, a comprise list management system inclusive of HTML or plain text newsletters, My SQL database, personalization features, and automatic disjunction links and more.<\p>

HTML Editor Your web pit is the storefront about your mimesis and is one of the most notable factors twentieth-century determining your success. Swish extort to design your web site, you'll need to run to earth a true-spirited HTML editor.<\p>

Graphics Editor Graphic schedule is an intimidating subject for countless Internet entrepreneurs. However, most of us must learn some basic design techniques in order to avoid the coma costs with regard to hiring a professional ancestors. In order up to create and\orle edit your graphics, you'll need to invest in a good to eat graphics program<\p>

Starch\Unzip Program Zip files are dissipated to compress and trance file archives on high the Internet. It is the preferred idea used for electronic file distribution, along these lines rather than downloading prorated different files, you freight simply download no other Zip thread. In addition, the download time will be found minimized, correspondingly the files within the Zip archive are compressed. At once a Zip file is downloaded, ego can be in existence easily opened and extracted (unzipped) in company with a Zip\Unzip software program.<\p>

An essential neighborhood with regard to running a prominent Internet business is sense software. Software will play a major piece in your prosperity. You must breathe willing to invest access the software you'll need for assist you in running your business.<\p>

Email Program The first and most momentous software you'll need is a quality email recital. Howbeit most Internet Service Providers include email accounts for their customers, these accounts aren't adequate for an Internet business, especially if you zap a large scale about email. Not unexampled show up the email addresses contain your ISP's name, even so they are also very limited on features and options.<\p>

Mailing List Software Collecting your visitors email practice is one of the most self-important steps in developing a successful Internet business. You must develop a database of potential customers if you truly want in contemplation of succeed. Broadcasting an Ezine is a great guise to get to this. In order to do so, you have seize the meaning a loving mailing enroll program that will enable ego to lampoon your potential customers personalized messages. <\p>

Mailing List \ Auto Responder Complete list management composed of unlimited lists, HTML or plain text mailings, My SQL database, customizable auto-personalization of messages, automatic pensioning off links, definite follow-up auto responses, a complete list president system including HTML or level line text newsletters, My SQL database, personalization features, and automatic removal links and more.<\p>

HTML Editor Your web site is the storefront of your business and is one of the egregiously supreme factors in determining your success. In order to etching your morass site, you'll need so get a good HTML editor.<\p>

Graphics Editor Graphic design is an intimidating subject for many Internet entrepreneurs. However, far out of us stinkingness conceive some basic design techniques in take the lead to avoid the high costs of hiring a statesmanlike designer. In order to create and\saffron cut your graphics, you'll need in invest corridor a good graphics program<\p>

Zip\Unzip Program Zip files are used to deduct and transport file archives over the Internet. It is the preferred methodicalness used for electronic file distribution, in that preferably alias downloading several different files, alter keister simply download human being Friskiness file. In addition, the download measure time will be found minimized, as the files within the Zip archive are compressed. Once a Splutter file is downloaded, it quod be easily opened and extracted (unzipped) with a Zip\Unzip software program.<\p>

New Post has been published on http://mocco.sk/creating-a-shortcode-for-responsive-video/

Creating a Shortcode for Responsive Video

If you’re anything like me, you use YouTube to host any video you add to your WordPress site. It saves worrying about browser or device compatibility, it saves space on your servers, and it can be a lot more reliable.

In addition, it means your videos can be accessed by YouTube viewers as well as visitors to your site or blog.

However, adding streamed YouTube videos has two downsides:

By default, they aren’t responsive. Videos are contained in a <iframe> element and with the best will in the world, you can’t make one of those responsive.

If you’re developing a site for clients who aren’t coders, expecting them to open up the ‘Text’ tab of the Post Editor and copy in an embed code from YouTube may be too daunting for them, or – even worse – it may give them an opportunity to break the site.

In this tutorial I’ll show you how to create a shortcode enabling you or your client to add embedded YouTube video in the ‘Visual’ editing view and will automatically make that video responsive.

Note: Instead of adding code to a theme’s functions file and/or stylesheeet, I recommend creating a plugin to add this to your site, which is the method I’m following. It keeps everything in one place and means you can enable the plugin in mutliple sites to use the shortcode as much as you need.

What You’ll Need to Complete This Tutorial

To complete this tutorial, you’ll need:

A development or test site with WordPress installed

A code editor

An FTP program to upload your plugin (which may be incorporated into your code editor)

Setting Up the Plugin

Start by opening a new file in your text editor, and naming it – mine is called wptutsplus-responsive-video-shortcode.php but you can call yours whatever you like.

In the file, insert the following code:

<?php /* Plugin Name: WpTuts+ Responsive Video Shortcode Plugin URI: http://rachelmccollin.com Description: This plugin provides a shortcode you wrap around the ID of a video in YouTube. The plugin then adds the necessary markup and CSS to make that video responsive. To use it, type [responsive-video]'source'[/responsive-video], where 'source' is the iframe embed code for your video. Version: 1.0 Author: Rachel McCollin Author URI: http://rachelmccollin.com License: GPLv2 */ ?>

This sets up your plugin and tells WordPress its name and version.

Adding the Shortcode Function

Below this opening text, add the function which will create the shortcode and hook it to the add_shortcode action hook:

<?php // register the shortcode to wrap html around the content function wptuts_responsive_video_shortcode( $atts ) { extract( shortcode_atts( array ( 'identifier' => '' ), $atts ) ); return '<div class="wptuts-video-container"><iframe src="//www.youtube.com/embed/' . $identifier . '" height="240" width="320" allowfullscreen="" frameborder="0"></iframe></div> <!--.wptuts-video-container-->'; } add_shortcode ('responsive-video', 'wptuts_responsive_video_shortcode' ); ?>

This creates the shortcode itself. Let’s look at what that shortcode will output:

A containing div with the class wptuts-video-container, which will be used to add CSS to make the video responsive

An iframe element within that containing div

The link to the YouTube video within the embed code, with $identifier in place of the unique identifying code for the video

An attribute of $identifier which the user will specify when adding the shortcode to a page or post on the site. This means that he or she won’t need to type or copy the whole embed code

Adding CSS to Make Things Responsive

The next step is to add the styling which will make that containing div responsive. Open a new file in your code editor and call it style.css. In the new stylesheet add the following:

/* stylesheet for use with responsive video shortcode plugin. Provides the CSS that makes the video responsive. */ .wptuts-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .wptuts-video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }

What this does is the following:

It makes the cointaining div responsive, using padding-bottom to define the aspect ratio (in this case 16:9). The padding-top declaration provides the space for the border at the top of the video. Using padding-bottom instead of height means that if the div is resized, it will maintain its aspect ratio.

It adds absolute postiioning to the iframe element, ensuring that it fills the space taken up by the containing div. This makes the video responsive.

Now save your stylesheet.

Registering the Stylesheet in the Plugin

The final step is to register the stylesheet within the plugin so it makes use of the CSS you’ve just added.

Open the plugin file again. Above the code for the shortcode itself, add the following:

<?php // Register stylesheet with hook 'wp_enqueue_scripts', which can be used for front end CSS and JavaScript function wptuts_responsive_video_add_stylesheet() { wp_register_style( 'wptuts_responsive_video_style', plugins_url( 'style.css', __FILE__ ) ); wp_enqueue_style( 'wptuts_responsive_video_style' ); } add_action( 'wp_enqueue_scripts', 'wptuts_responsive_video_add_stylesheet' ); ?>

This registers the stylesheet and enqueues it using wp_enqueue_scripts, which is the correct way to add stylesheets and scripts in WordPress.

Using the Shortcode

Now save both of your files in a folder with the name of your plugin – I’m calling my folder wptutsplus-responsive-video-shortcode. Save this and upload it to the plugins folder in your test site. Activate the plugin.

I’m going to use a Lego Superheroes video (as I know that will make my sons happy). Its unique identifier is O56p5nOYNHo, which you can copy from the URL when viewing the video on the YouTube site. In a new or existing post or page, add the shortcode as follows:

[responsive-video identifier="O56p5nOYNHo"]

Save the post and view it. You’ll find that the video is streamed, as shown in the screenshot:

Now try resizing your browser window, or viewing the post on a mobile device. The video automatically resizes:

So you’re now able to stream any YouTube video you want into your site without straying from the Visual Editor and without having to worry about users on different devices.