***** Note: The explanation in this blog post is for wordpress.com users. For anyone with a wordpress.org account, please head to this link -> http://alienwp.com/documentation/oxygen-theme-documentation/ *****
I had an incredibly hard time trying to achieve the beautiful and professional look that’s shown in the Oxygen Theme demo picture. But, good thing for me, and you, that I’m incredibly stubborn and I hate giving up!
Thus, I’m able to explain to you how I went about getting the look I was aiming form.
My explanation may be a bit too detailed for some of you, but I would have liked to have a step-by-step process like this.
For the wordpress.com users, this link has all of the basic instructions on how to get a page that looks similar to the “Oxygen” demo picture -> http://theme.wordpress.com/themes/oxygen/
What you’re specifically looking for here, though, is the “Showcase Page” slider template.
So that you understand what this actually is, (I had issues with this at first) the “Showcase Page” slider is basically a scrolling stream for 6 sticky posts. I like to think of it as a slide show.
Before you start assembling your “slide show”, you’ll have to designate your desired page for the “Showcase Page” slider.
Note: Pages and posts are different things. A page is a place where you assign posts, a post is merely a post.
If you have not created a page you want to use, please do this:
1) Hover over your blog name at the top left corner of your screen, then click on “dashboard.”
2) From the dashboard section, choose the “pages” tab.
3) Select the “Add New” option from this tab to create your page.
4) You do not have to add anything to the text portion of this page, but do add a title. Also, if you want a banner on this page, do that by adding a “featured image” using the option at the bottom right. Just follow the prompts.
5) Click “Publish” or “Update” in the right margin to save the changes you made to this page.
If you want this “Showcase Page” slider to be your front page, you’ll have to make the page “static.”
Make your page static by:
1) In Dashboard go to the settings tab.
2) Under settings, choose the “Reading” option.
3) When this window opens, at the very top you’ll see a section for “Front Page Displays.”
4) Choose the option for a static page.
5) Right below that, you’ll have the choice to pick which page is your “Front Page.”
6) After you select the page you want, click “save changes” at the bottom of this window.
Now you can go ahead and start assembling your “Showcase Page” slider.
Instructions on how to get to the “Showcase Page” option:
1) Click on Dashboard at the top left of your page, and go to the “pages” tab.
2) Select the page you want your “Showcase Page” slider to appear on. (Typically that would be the page you just set as “static.”
3) On the opened page editing screen, you should have a box along the right margin that says “Page Attributes.” If you don’t see that box, click on the “screen options” tab at the top right of your page, and select the box that says “Page Attributes,” and you should now be able to see it in your editing window.
4) Under “Page Attributes” go to the drop down under “Template” and select “Showcase Page.”
Selecting this will give you the space you see in the “Oxygen” demo where there’s a large picture at the top of your page with a back and forward arrow at the bottom corners of the picture.
At this point, if you can see the space on your page, but there’s no picture and title in that space, it’s because you do not have any of your posts set as “sticky.”
Like I said earlier, the “Showcase Page” slider is just a scrolling stream for 6 sticky posts, much like a slide show.
To start assembling your “slide show” with “sticky” posts, follow these instructions:
1) Go to dashboard.
2) Select the “Posts” tab.
3) Choose the post you would like to have in the “slide show.”
4) Once in the post editing window, look for the “Publish” section near the top of your window.
5) Click on “edit” for the “visibility” portion.
6) Make sure the “public” option is selected.
7) Check the box that says “stick this post to the front page.”
8) Click “update” to save these changes.
Now, ideally your post should appear in the “slide show.”
Head over to your home page of your blog to see what it looks like.
If you still can’t see your post, here are some trouble shooting tips.
1) You may not have a “featured image” selected for that post.
– You need to select a “featured image” for your post in order for it to appear in the “slide show.”
To do this, you simply have to open the edit window for your post, scroll to the bottom right, and follow the prompts to select a featured image. Click “update” to save your changes.
2) Your “featured image” isn’t the right size.
– In order for your post and “featured image” to appear in the “slide show,” it has to be bigger than 750 pixels wide.
The following text is the exact excerpt from the “featured image” directions for the “Oxygen” theme. You can also find it here -> http://theme.wordpress.com/themes/oxygen/
Post thumbnails are 470 pixels wide, unless you make the post Sticky to show off in the featured slider, in which case they’re 750 pixels wide. Keep in mind: if you mark a post as Sticky but the featured image is less than 750 pixels wide, then it won’t display in the slider and will still disappear from the river of posts.
Keep in mind that it says 750 pixels WIDE.
That should be all you need to get the basic “Showcase Page” slide show effect on your page.
Some other things to remember:
– You can only have 6 “sticky” posts in the slide show. All other posts beyond that marked as “sticky” will not appear in your slide show, and it will be hidden from the blog list on the main page.
– You can decide whether you want to have a “header banner” on your “Showcase Page.”
To do this, you’ll need to go to the editing window for your selected page, and insert a “featured image” the same way you would for a blog post.
Keep in mind the dimensions for the header.
I don’t know the exact pixel size, but check this link for more information regarding headers -> http://en.support.wordpress.com/themes/custom-header-image/
This was long, but I do hope it helps. I would have benefited from a step by step instruction list like this.
Take care, and I hope your blog flourishes even bigger and better than you hoped!