Blog Details

Add Multimedia to WordPress Posts


                                
                                    <h2>* <span style="text-decoration: underline;">how to add photos, videos and music to your WordPress site :-</span></h2>
&nbsp;
<h2><strong>Step 1 :</strong></h2>
<ul>
	<li>Adding photos, videos and music to your posts is an easy task with WordPress.</li>
</ul>
<ul>
	<li>Click on the text where you want to add the content and click on the <strong>Add Media</strong> button in the top left part of the editor.</li>
</ul>
&nbsp;

<a href="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am1.jpg"><img class="alignnone size-medium wp-image-556" alt="am1" src="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am1-300x110.jpg" width="317" height="176" /></a>

&nbsp;
<h2><strong>Step 2 :</strong></h2>
<ul>
	<li>The WordPress Insert Media pop-up will appear. Click on the <strong>Select files</strong> button in the middle of the screen.</li>
</ul>
&nbsp;

<a href="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am2.jpg"><img class="alignnone size-medium wp-image-557" alt="am2" src="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am2-300x153.jpg" width="348" height="179" /></a>

&nbsp;
<h2>Step 3 :</h2>
<ul>
	<li>Once pick the local file, WordPress will upload it and refresh the page depending on the file format.</li>
</ul>
<ul>
	<li>For images there are two things you should take care of.</li>
</ul>
<ul>
	<li>First, describe the image itself - enter its Alt tag, title for the link and optionally a caption.</li>
</ul>
<ul>
	<li>The caption will appear under the actual image on your front end.</li>
</ul>
&nbsp;

<a href="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am3.jpg"><img class="alignnone size-medium wp-image-558" alt="am3" src="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am3-300x106.jpg" width="344" height="157" /></a>

&nbsp;
<h2><strong>Step 4 :</strong></h2>
Once you do that, you need to specify the attachment settings of the image:
<ul>
	<li><strong>Alignment</strong> - How to align the image in your content. It depends on your actual theme how alignments will work on your site.</li>
	<li><strong>Link To</strong> - Select where to link the image to - the full size image file, the media page automatically created for each new attachment, custom URL or simply not to link it.</li>
	<li><strong>Size</strong> - When you upload an image, WordPress creates multiple copies of it in different sizes. Choose whether you want a thumbnail, medium sized image or the entire image added to your post.</li>
</ul>
&nbsp;

<a href="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am62.jpg"><img class="alignnone size-medium wp-image-559" alt="am62" src="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am62-300x116.jpg" width="350" height="158" /></a>

&nbsp;
<h2><strong>Step 5 :</strong></h2>
<ul>
	<li>After you enter the information for you photo and choose how to visualize it in your post, click the <strong>Insert into post</strong> button. You will see the image added to your editor window.</li>
</ul>
&nbsp;

<a href="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am4.jpg"><img class="alignnone size-medium wp-image-560" alt="am4" src="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am4-300x149.jpg" width="389" height="189" /></a>

&nbsp;
<h2><strong>Step 6:</strong></h2>
<ul>
	<li><strong>You can now update your post and go to the front end of your site. You will see the newly added image added to your post.</strong></li>
</ul>
&nbsp;

<a href="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am5.jpg"><img class="alignnone size-medium wp-image-561" alt="am5" src="http://www.wamasoftware.com/blog/wp-content/uploads/2014/04/am5-300x132.jpg" width="404" height="174" /></a>

&nbsp;
<ul>
	<li><strong>Following the same instructions, you can add music and video to your posts.</strong></li>
</ul>
                                    


Categories

Wordpress

Latest posts

13.05.14
Implementing CRUD Operations ΒΆ

<ul> <li>Now comes the fun part. We would like t

13.05.14
View

<ol> <li><a href="http://www.yiiframework.com/do

13.05.14
Creating Model

<ol> <li><a href="http://www.yiiframework.com/do

Get Free Quote