Updated for Stallion Responsive 8.5 (October 2016). Within this part of the Stallion Responsive Tutorial Series we will take a look at one of the main Stallion Responsive SEO Package options pages, the Stallion Responsive Layout Options Page accessed under “Stallion Theme” >> “Layout Options”. The Stallion Responsive WordPress SEO Package includes a LOT of layout/design options, I’m not exaggerating when I say a LOT, I don’t think you’ll find another WordPress theme with this many layout and WordPress design options. With Stallion Responsive you can turn on/off almost everything via a tick box that with most themes would require hacking the themes code. Having so many layout and design options is great, there’s not a lot you CAN’T do […]
Continue Reading WordPress SEO Theme Design
WordPress Continue Reading Remove
David,
How can I make an entire post show-up on my home page without showing a partial post where it says “Continue Reading” and you have to go to another page?
Thanks,
Randy
Post Teaser WordPress SEO Plugin
Try the Post Teaser WordPress SEO Plugin from WordPress SEO Plugins.
That’s the quickest way.
David
WordPress Custom Designs
Hello, David!
I have chosen the layout (L200R200) but I want to get the flexible one when the visitor clicks to read my post. I meant that I dont want that post appear in the same layout (L200R200).
I want it to change to another layout.
Of course, I tried to change the new layout (L/R410) but if I chose L410, all parts from R will switch to place on L- side. In fact, I dont want it switch; I just want to disappear and appear only the one-side.
Please help me !
One more thing, I want to know how to use the custom layout!
Thank you!
WordPress Custom Designs
WordPress Widget Display Plugin
There’s no way to set a layout out the box to disable a sidebar, not easily anyway (would be a nice feature mind you).
With the single sidebar layouts the Left and Right sidebars stack on top of one another.
I added a Widget Display Plugin to Stallion, so you can set widgets not to/or to display on specific categories, posts/pages so if it was a single post you want to disable widgets really easy to do.
Under Stallion Layout set Widget Display ON.
Under your widgets page there will be new options under many widgets (not all). If it’s a new type of WordPress widget that allows for multiple uses you’ll find lots of settings at the bottom of the widget including Hide On Checked.
If you wanted a widget not to load on a particular category you’d set Hide on checked and tick that Category. If you want a single Post not to show a widget you have to find the Posts ID.
You can find a Posts ID by editing the Post and looking at the URL of the edit screen, it will look like this
The post=## bit is the Post ID, so in the example above the ID is 24.
If you typed 24 in the “Comma Separated list of IDs of posts not listed above:” box that Post would no longer show that widget.
This Stallion feature doesn’t work on the older widgets, the ones I’ve marked XX are all old widget code, a few not marked XX also don’t have this option (like the Facebook widget).
You would set all widgets within a sidebar to hide one at a time.
The Custom 01 layout uses a css file (that you have to create) in the folder /stallion-seo-theme/colors/layout-custom-01.css (the file currently won’t exist).
It’s available if you want to make adjustments to a layout without editing the layout css files, if you wanted to do something to the file layout-410r.css to change the 400 right layout rather than change the file layout-410r.css you would make a copy of the file layout-410r.css and rename it layout-custom-01.css and make your css changes to that file. This means you don’t mess/break the built in Stallion layouts.
If you want even more control install a Stallion Child Theme, there’s a free one on this site. This gives more options for editing and means you don’t loose your edits when you update main Stallion.
David
WordPress Widget Display Plugin
Remove WordPress Search Box From Header
Hi David,
I am using custom header, so want remove search box completely from header image and use stallion widget in right sidebar.
As you explained above I tried to find style-delicate.css file in wordpress, but not able to find it. Please help me on that.
Stallion Theme Layout Options
Would be easier to turn the header search form off under
Stallion Layout Options >> Search Form : Search Form OFF
Lots of items on that options page can be completely disabled.
David
WP Static Front Page for a Sales Site
I have not given up on the idea of redesigning something with the Stallion theme in terms of a static front page that is very different from a blog. I think you have given us all the tools we need, it is just CSS. For my main site, when I sell my product I would like to have something that looks like: www.libreoffice.org
– it is so nicely designed I think it will help conversion.
Not sure I know how to do this yet, but I think if people can see what can be done on that level it will make Stallion look good also. :) I just have to go back to my CSS books.
WP Static Front Page for a Sales Site
WordPress Design vs SEO
Looks good, but not so good SEO wise.
If you view source of the site you’ll see a lot of javascript and CSS related to slider coding.
It’s not unlike the code used for the Stallion slideshow. Best bet would be look for a WordPress slider plugin and create a Page template just for the home page.
David
WordPress Static Home Page for Better Conversion
I think for any sales site the first page and a couple others are for conversion the rest SEO. I have to determine who many people land on my first page percentage wise from organic search. I will have to build it an see if they come.
Basically you have hands down the best WP theme SEO wise. I wonder why people can not see this. You are the Stephen Hawking of the SEO world.
Yet if I have a static first page that rocks, does not even have to be a slider, I think it will help sales. I will test it and let you know. I have more time on my hands these days. No more my day job, back to full-time problogger.
WordPress Static Home Page for Better Conversion
SEO vs Website Design
I completely agree, the difficulty is creating a great looking page without it costing on the SEO side.
Easy to take everything away from the home page with Stallion via the Page templates, but take out all the sidebar links etc… and the rest of the site gets no link juice.
For example I’m thinking about adding a mememaker (images with captions) to some of my joke type sites, there’s a variety of PHP based scripts available for generating a meme site, BUT the SEO is non-existent, they look really good though. For me SEO comes first since without it my sites don’t gain traffic, with no traffic what’s the point!
Have you tried playing around with the Page templates? page-sales.php (template name Static Page Blank Sales No Sidebars) is a stand alone template, basically the header.php, content.php and footer.php template files combined into one file with the sidebar template files emptied of widget areas. If you are looking for a front page you build a lot like you’d built a html file that’s a good start.
David
SEO vs Website Design
H1 Position in Code for SEO
Hi Dave,
One question on using the H1 replacement widget and if there is any SEO affect based on its position.
I have implemented a header image as my blog title, and am now using the H1 Replacement widget in the sidebar (have turned title link off).
My question is about the position of the H1 tag in the code of the page. Does it matter where the widget is placed?
For instance, if I check the source code of a post (which would be using the post title as H1), the H1 appears fairly high, about line 60. But on the source code of my main index page, the H1 appears in the mid-400s. Does this matter for SEO purposes? If so should I move the H1 widget higher in the sidebar?
Thanks for any thoughts on this.
Erik
H1 Position in Code for SEO
SEO Content High in Code
In SEO theory having your most important content higher in the code as possible makes sense, BUT the actual evidence it matters a lot is weak at best.
If there is an SEO impact it’s very small.
There is an argument loosing some of the header code at the top (the setup you are using) pushes your other important content higher in the code, especially on single post pages. For your single posts the header code is far less important SEO wise than the main content, the header code links back to home is important to home, but it’s not important to the single posts SERPs. So loosing the header code pushes your single posts H1 header which includes the posts title higher in the code.
SEO swings and roundabouts, but very small ones since it appears to be a very small SEO factor :-)
David
SEO Content High in Code
WordPress Image Width Resizing Automatically
Hi Dave, just a quick question on images. I have noticed recently that when I upload a 540px image, the display width is inevitably crunched (for instance, down to 530 or even 506 pixels in a couple of recent posts). The image itself is not affected (it stays at 540px width), just how it is displayed on the published post.
I just started noticing this having recently upgraded to the most current edition of Stallion. This has also retroactively affected old posts and uploads are resized.
I am wondering if there is any property in the latest edition that may be causing this resizing, or perhaps it is coincidental, and external to anything with the theme? Have been searching online for similar issues but having trouble finding anything in the general WordPress ecosystem.
Thanks,
Erik
WordPress Image Width Resizing Automatically
WordPress Responsive Theme CSS Max-Width of Images
That’s a WordPress responsive theme CSS setting called max-width within the Stallion layout CSS files so images never stretch over the sidebars.
Under /stallion-seo-theme/colors/ you’ll find the layout CSS files name format layout-***.css where the *** relates to the layout used, layout-310r.css for example is the 310px wide right sidebar layout (like I use on this site).
Within those files you’ll find this CSS code:
.content_all img { max-width: 660px; margin: 0 0 24px 0; }Each file has a different max-width set, the one above is 660px for the right sidebar layout, the double sidebar layouts has it set at 560px and the no sidebars set at 970px. It’s set to take advantage of the entire content area without loading over the sidebars.
If you remove the code entirely the width of the image will determine if it loads over the sidebars or not. I find it looks unprofessional when images load over the sidebars.
David
WordPress Responsive Theme CSS Max-Width of Images
WordPress Images CSS Max-Width 100%
Thanks Dave, I think I figured out what I did. I think it was because I removed the thick grey image border when I was originally customizing the CSS.
I went into the css color layout I am using (style-talian.css) and bumped out the max-width for both the uncaptioned (img.size-full) and captioned image (.wp-caption) to 100% (they were at varying values, 97.5%, 96%). Now the images are displaying with normal width.
WordPress Images CSS Max-Width 100%