writing articles

writing articles

July 8, 2009  |  documentation

I guess you know how to write articles in wordpress, but BigFeature have added some new functionality to the posting procedure and also quite a few formatting and styling possibilities.

new-post-settings

The image above shows the meta box added to wordpress. This will show in posts and pages sections, so default images can be more easily added to the articles. The “upload an image” button, which is the same as the small “add an image” icon above the editor, was added because that icon is so small. The icon might be easy to miss for new users of wordpress, so a big button with clear text might be helpful.

There is also an “enter an Image URL” input box in the default image meta settings, which overrides any uploaded default image and will be displayed instead (write the full url to the image (not the timthumb url and external images (on other domains) doesn’t work)). The last option is to disable the default image for this post.

new-post-attachment

When uploading an image there is a setting called “default image” (marked in the image above) added to enable or disable the image as default for the post (displays as feature/normal/thumb images). To set an image as default choose yes and press save all changes. The scissors plugin (also marked) is useful for cropping the image for better fit.

From version 1.2 it is possible to add videos instead of the feature image. Actually it is a page that is inserted instead of the image, so any content can be added to that page. To use it add a custom field to a post called featurepage and the page ID as value.

some styling examples

Big and interesting heading

July 1, 2009  |  Documentation

Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor
  • venenatis ut, lacinia ut
  • Maecenas pede metus, ultricies non
  • Curabitur dapibus vulputate nibh.
  • Quisque eget lectus ut ipsum luctus facilisis.
  • Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

“Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.”

Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus.

The code
<p class="intro">Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> 

<div class="box alignright">
<h6>Lorem ipsum dolor</h6>
<ul class="checklist mb0">
<li>venenatis ut, lacinia ut</li>
<li>Maecenas pede metus, ultricies non</li>
<li>Curabitur dapibus vulputate nibh.</li>
<li>Quisque eget lectus ut ipsum luctus facilisis.</li>
<li>Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.</li>
</ul>
</div>

<p><span class="dropcap">I</span>n enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>

<p> Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. </p>

<blockquote class="alignleft"><q>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts."</q></blockquote>

<p> Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla.</p>

<p> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus.</p>

laying out the plans

July 1, 2009  |  Documentation

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo

Imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

construction3

Blueprint for my house

Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante.

Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla.

“Dreams pass into the reality of action. From the actions stems the dream again; and this interdependence produces the highest form of living.”Anais Nin

Project outline
  • venenatis ut, lacinia ut
  • Maecenas pede metus, ultricies non
  • Curabitur dapibus vulputate nibh.
  • Quisque eget lectus ut ipsum luctus facilisis.
  • Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.
  • Praesent hendrerit tempus risus. Donec sed purus.
  • Pellentesque id nisl. Etiam velit.

Vestibulum ante ipsum primis

In faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus.

construction3

About the project

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

The code
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>

<h2> In enim justo</h2>
<p>Imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>

<div class="caption alignleft"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/construction3.jpg" alt="construction3" title="construction3" width="346" height="346" class="alignleft size-full wp-image-183" /><p>Blueprint for my house</p></div>

<p> Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante.</p>

<p> Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla.</p>

<blockquote><q>"Dreams pass into the reality of action. From the actions stems the dream again; and this interdependence produces the highest form of living."</q><cite>Anais Nin</cite></p></blockquote>

<h5>Project outline</h5>
<ul class="pointerlist">
	<li>venenatis ut, lacinia ut</li>
	<li>Maecenas pede metus, ultricies non</li>
	<li>Curabitur dapibus vulputate nibh.</li>
	<li>Quisque eget lectus ut ipsum luctus facilisis.</li>
	<li>Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.</li>
	<li>Praesent hendrerit tempus risus. Donec sed purus.</li>
	<li>Pellentesque id nisl. Etiam velit.</li>
</ul>

<h2> Vestibulum ante ipsum primis</h2>
<p>In faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus.</p>

<div class="box boxstyle3">
<a href="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/construction3.jpg"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/construction3-150x150.jpg" alt="construction3" title="construction3" width="150" height="150" class="alignleft size-thumbnail wp-image-183" /></a>
<h6>About the project</h6>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
</div>

the last example

July 1, 2009  |  Documentation

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

vector-headphones

singer

dj

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

woman1

Photograph from a fashionshoot

Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante.

Aenean leo ligula

porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

fruit

Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.

Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque.

The code
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>

<a href="http://www.vfxdude.com/bigfeature/2009/06/like-these-sweet-mornings-of-spring-which-i-enjoy-with-my-whole-heart/vector-headphones/" rel="wp-att-110"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/vector-headphones-150x150.jpg" alt="vector-headphones" title="vector-headphones" width="150" height="150" class="alignleft size-thumbnail wp-image-110" /></a>

<a href="http://www.vfxdude.com/bigfeature/2009/06/like-these-sweet-mornings-of-spring-which-i-enjoy-with-my-whole-heart/singer/" rel="wp-att-112"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/singer-150x150.jpg" alt="singer" title="singer" width="150" height="150" class="alignleft size-thumbnail wp-image-112" /></a>

<a href="http://www.vfxdude.com/bigfeature/2009/06/like-these-sweet-mornings-of-spring-which-i-enjoy-with-my-whole-heart/dj/" rel="wp-att-108"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/dj-150x150.jpg" alt="dj" title="dj" width="150" height="150" class="alignleft size-thumbnail wp-image-108" /></a>

<p> In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>

<div class="caption aligncenter"><a href="http://www.vfxdude.com/bigfeature/2009/06/the-dense-fog-hardly-allowed-them-to-discover-the-earth/woman1/" rel="wp-att-441"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/woman1-528x327.jpg" alt="woman1" title="woman1" width="528" height="327" class="alignleft size-medium wp-image-441" /></a><p>Photograph from a fashionshoot</p></div>

<p> Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante.</p>

<h2>Aenean leo ligula</h2><p> porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.</p>

<img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/fruit.jpg" alt="fruit" title="fruit" width="283" height="424" class="alignleft size-full wp-image-116" />

<p> Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.</p>

<p> Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque.</p>
<div class="clear"></div>

Recent Posts

Leave a Reply