This post is here for discussing WordPress theme development, what would you like to see added to the Stallion Responsive theme?
Continue Reading Responsive WordPress Theme Development
Stallion Responsive
The best responsive WordPress SEO theme, guaranteed!
WordPress SEO Theme Development
» This post is here for discussing WordPress theme development, what would you like to see...
PageSpeed Insights Tool
» Since the release of the free Google PageSpeed Insights Tool I’ve spent a LOT of...- Increase Your Blog Comments
- Nofollow Deletes Link Benefit!
- WordPress Remove Actions
- Phentermine Comment Spam
- WordPress Theme Features
- All In One SEO Plugin Noindex SEO Damage
How to Change Theme Fonts?
David,
Can the font “color” be changed for the “Tags” under each post?… if so where do I find the area to change it?
Thanks,
Randy
How to Change WordPress Theme Fonts by Editing style.css
There’s no options page for changing font colours in Talian 5 except for changing the colour of the ads.
Unfortunately the tags code doesn’t have a default CSS class associated with them (many WordPress generated links do) so you’d either have to change the colour of all links or edit the template files to put the tags within a CSS class so you can add some CSS to the CSS file to set the colour of anchor text etc… In Stallion 6 I’ll put a class around the tags code to make it easier.
Right now the tag links anchor text inherit the font colours from the themes CSS files, so you’d have to edit either the style.css file or better yet the css file for the colour scheme you are using. Guess you don’t want to change the colour of every link in the main content.
After I release Stallion 6 you’ll be able to add a little CSS to a style sheet and change the tags anchor text only. For Talian 5 it would involve editing around a dozen files.
David
How to Change WordPress Theme Fonts by Editing style.css
How to Add a Clickable Banner Image to WordPress
Dave, I want to monetize the banner image. I have already put my banner on the site but I need to add link and make it clickable. I found this code but do not know exactly how to change it. Any help would be appreciated.
<div id="put-image-here" style="background: url(.jpg)”>
Thanks,
Landon
How to Change the Talian 5 Banners into a Clickable Banner Link
Change the Talian 5 banners into a clickable banner link
Edit the landscape-images.php file and replace:
<?php if(bannerson()==1){ ?><div id="put-image-here" style="background: url(<?php bloginfo('template_url'); ?><?php _e('/banners/' . bannerset() . '/landscape-'); ?><?php echo(rand(1,bannersize())); ?>.jpg)"></div>With
<?php if(bannerson()==1){ ?><div id="put-image-here"><a href="http://www.domain.com/"><img src="<?php bloginfo('template_url'); ?><?php _e('/banners/' . bannerset() . '/landscape-'); ?><?php echo(rand(1,bannersize())); ?>.jpg" alt="Add Relevant Keyword Rich Text Here" /></a></div><?php } ?>Change with the URL you are linking to and ‘Add Relevant Keyword Rich Text Here’ with something you want the link to rank well for.
This will change the current banner set you have now to link to a site. This is not a good idea as the 10 banner images will be indexed by Google etc… and they don’t really add anything SEO wise.
To avoid this problem, in the Talian options set the “Banner Set” to “Custom” and the “Banner Set Size” to “1”. this will mean only one image will be shown and so only one will be indexed.
Create a new banner called landscape-1.jpg (dimensions 560px x 120px or very close to that size) which is your affiliate banner. Put this in the folder /talian-adsense-clickbank-seo-05/banners/custom/ on your server.
This will turn the random banner into one banner image that links to the site of your choice.
If you wanted to SEO the image name from landscape-1.jpg to something like keyword.jpg you’d create a file called keyword.jpg (name it anything you like), put it in the custom folder and change the code above to
<?php if(bannerson()==1){ ?><div id="put-image-here" style="background: url(<?php bloginfo('template_url'); ?><?php _e('/banners/' . bannerset() . '/landscape-'); ?>keyword.jpg)"></div><?php } ?>where keyword.jpg is the image name.
The image will be SEO’d as well then, though if it’s an affiliate banner/link probably not a great deal to gain SEOing it.
David
How to Change the Talian 5 Banners into a Clickable Banner Link
Monetizing WordPress Banner Image
Dave,
You’re the MAN! Thanks for a quick response to my post above about monetizing the banner image. Your code and instructions worked like a charm.
Take Care,
Landon Wilkes
LTW Marketing LLC
How do I Change the Header Image in WordPress?
I don’t know if anyone else has asked this question or not. Is there a way to change the header? And also when you start the affiliate program let me know. I want to build a affiliate site and promote Talian or Stallion. Thanks David…
Billy
How to Change a WordPress Theme Header Image
It’s difficult to change the header in Talian 5, but easy in Stallion 6.
Stallion has header images (over 20 of them + custom slots for your header images), the search form can be disabled, navigation links moved to the top of the page or disabled, the sites tagline can be moved to the footer, the site title can be disabled. If you turned everything off/moved things around (all via the options pages) you can have just the header image at the top on it’s own in Stallion 6.
I’ll probably add the option to turn the header area off completely as well before the release: in a future update want to add different size/designs for the header area as well.
There’s also a new widget area in the header area, so you can add an ad or custom code (you can add almost anything to a widget via a Text widget): example might be create a unique header image and use the widget area to add a large 700px+ wide AdSense ad that takes up most of the header area.
There’s a lot of flexibility in Stallion 6. Going to have a heck of a time creating tutorials for Stallion :-)
I’m working on the Stallion Clickbank affiliate program now, almost setup. This will be my first affiliate product so having to learn a new system, currently looking to sell Stallion with a 50% affiliate revenue share. Actually a little concerned I might get over run with orders and not be able to cope with support requests: IMO nothing more important than high quality support.
Planning on releasing Stallion and the Stallion affiliate program at the same time, so as a Talian customer you’ll get the new theme and the affiliate program details at the same time (will be emailing all Talian customers).
BTW got my eldest son (he’s a computer programmer) to create a ‘registration’ system that should significantly reduce Clickbank refunds (I understand it’s a problem for Clickbank products). Basically if a customer orders the theme and asks for a refund from Clickbank (which they’ll get, there’s a 60 day money back guarantee) the theme is disabled (actually turns off and activates the TwentyTen theme). I can put the Stallion theme available for download for free, but to use it with your AdSense ID (and gain access to all options) there needs to be a valid transaction ID. Add no transaction ID and my AdSense ID is used (I get the earnings), add an invalid transaction ID and Stallion is deactivated and TwentyTen is activated (useful having a computer programmer as a son :-)). Because of this system those who order a Clickbank product, get a refund and keep using the product will not be an issue for Stallion (Clickbank refund rates for Stallion should be very low).
David
How to Change a WordPress Theme Header Image
WordPress Recipes Blog?
Hi, David:
I am planning on creating a chinese recipes blog, it will have lots of videos(my own) and photos. Does Talian 05 work well with this type of blog or any other suggestions?
Thanks
WordPress Recipes Theme
I run a couple of recipe sites and they do quite well traffic wise. I’m lazy and not added photos or videos :-)
Depending on how you organize it, it will probably look a bit like one of my wife’s sites Happy People Good Karma Blog assuming you use YouTube to host the videos.
For sites where we add YouTube videos we use the Smart YouTube Plugin by Vladimir Prelovac , makes it easier to add the videos and allows you to add some formatting without messing around with the YouTube embed code.
David
WordPress Recipes Theme
WordPress SEO Theme Review
Haiyan.
talian theme is great, Stallion will be even better plus the support you get from david is the best on the net.
Regards
Nigel
WordPress Theme CSS Stylesheet
the css style doesn’t work as it should do. any help?
WordPress Theme CSS Code
Works when I use that type of CSS.
What site you using it on?
David
Stallion WordPress SEO Theme Support
Got your email you are a Stallion theme user for Stallion support go to the Stallion SEO WordPress Theme Support otherwise it gets confusing.
The Stallion theme style.css file isn’t used like it is with Talian
You’d need to add it to
to get the same effect as adding it to the Talian style.css file.
As you are currently using the Delicate colour scheme it’s style-delicate.css. If you change colours edit the css file for that colour scheme.
There are already CSS classes for center, left and right:
.align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; }also these you might find useful
.floatleft { float: left; } .floatright { float: right; } .adsspace { padding: 5px 0 10px 0; } .centerad { text-align: center; margin: 0px; padding: 10px 0 0 0; } .adscenter { text-align: center; margin: 0px; padding: 5px 0 5px 0; } .fadright { float:right; padding: 0px 0px 6px 4px; } .fadleft { float:left; padding: 0px 4px 6px 0px; }Note: these won’t work for Talian users (yet: next Talian update will use the Stallion theme framework, after I release Stallion 6.3 will create Talian 6.3).
If you wanted something centering with a little padding above and below use class=”adscenter” just want centering class=”align-center”. Want something floating to the right class=”floatright”. These are built into all Stallion colour schemes, so you can switch colours and the alignment will remain.
To avoid editing the css files (makes it a pain to upgrade) if you want to add some styling for something within a post I’d add inline styling mixed with the built-in styling above. For example if you wanted something centering and the text red.
You can replace red with a colour code like #FF0000
Or you could go all inline
That will work with any theme since it’s all inline CSS.
David
Stallion WordPress SEO Theme Support
Talian Theme with a Logo in the Header
Hi David,
I have tried to create a clickable logo for my Talian site while keeping the SEO strength of the logo in the header.
What I’ve learned is that most CSS tricks for logo in the header using a background logo and H1 with a display: none or indent=-9999, which is wrongful when it comes to search engine optimization.
The original Talian theme uses a clickable site name and was SEO friendly because it puts in h1 the blog name and also a paragraph with the site info.
My workaround for the logo was somewhat different, here is what I did:
On the header.php:
And on the css.style file:
.header_site_desc { float: left; clear: left; } .header_site_desc h1 a { display: block; margin-top: -10px; } .header_site_desc a img { border: none; display: block; }While, this way still doesn’t have the same SEO strengths as it was in the original theme, it puts the logo in an H1.
What do you think?
Talian Theme with a Logo in the Header
SEO Value of Alt Text of a Image Link Within a H1 Header
If you put your code between code tags CODE —- /CODE it should render it correctly without having to edit the code (can be a bit temperamental). I edited your code.
If you look at the Talian 5 code I used you’ll see a lot of if statements that I’m not clear if your code has removed them.
Original Talian 5 header code.
<?php if (is_page("archives") || is_year() || is_month() || is_day() || is_home() || is_404() || is_author()) { ?><h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1><?php } ?> <?php if (is_category() || is_single() || is_page() || is_search()) { ?><span><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></span><?php } ?> <?php if ( function_exists('is_tag')){ ?><?php if (is_tag()) { ?><span><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></span><?php } ?><?php } ?>Try something like this
<?php if (is_page("archives") || is_year() || is_month() || is_day() || is_home() || is_404() || is_author()) { ?><h1><a href="<?php echo get_settings('home'); ?>"><img alt="<?php bloginfo('name'); ?>" src="/images/logo.png" /></a></h1><?php } ?> <?php if (is_category() || is_single() || is_page() || is_search()) { ?><span><a href="<?php echo get_settings('home'); ?>"><img alt="<?php bloginfo('name'); ?>" src="/images/logo.png" /></a></span><?php } ?> <?php if ( function_exists('is_tag')){ ?><?php if (is_tag()) { ?><span><a href="<?php echo get_settings('home'); ?>"><img alt="<?php bloginfo('name'); ?>" src="/images/logo.png" /></a></span><?php } ?><?php } ?>The above basically replaces the anchor text with an image.
You will also have to edit your CSS to take into account the above isn’t just a H1 tag, it’s span tags as well. The H1 code is used on the home page and monthly archives basically, the span code for posts,pages and categories and tags which have a H1 tag using the name of the post or cat/tag and we don’t want the site name asa H1 on those pages. Didn’t check your CSS in detail, but as is I think it would work on the home page and archives, but not posts and pages etc…
Possible SEO issue with this is it’s not clear how Google treats image links with keyword rich alt text surrounded by a H1 header in place of a text link with keyword rich anchor text surrounded by a H1 header.
Anchor text is visible, alt text is semi-hidden, if I had to hazard a guess I’d say it’s given less SEO value than anchor text and the H1 might even be ignored – I don’t know which is why I stick with either body text or anchor text within the H1, you can be reasonably confident Google counts it as a H1.
David
SEO Value of Alt Text of a Image Link Within a H1 Header
WordPress SEO : Use a H1 Widget to Replace the H1 Header Code
To add to the above if you wanted to keep it simple you could strip out all the H1 code and add a replacement H1 as a widget.
In the Stallion SEO Theme there’s a lot more options and layouts than with Talian and some of them completely disable the header area so there’s no home page link within a H1 which meant there’s no H1 header on some layouts.
For users who wanted this layout I added a H1 Header Replacement widget that basically mimicked the H1 text link as just a H1 header (not a link) that holds the site title. Like the header.php code this loads a H1 header on the homepage, monthly archives and a span code for posts, pages, cats and tags.
This is the Stallion widget code, add it as is to the bottom of the functions.php file of Talian and you should get a new widget which can be added to a sidebar.
<?php function st_h1re() { ?> <?php if (is_page("archives") || is_year() || is_month() || is_day() || is_home() || is_404() || is_author()) { ?><h1 style="font-size: 1.1em; font-weight: normal;"><span class="gat_widget"><?php bloginfo('name'); ?></span></h1><?php } ?> <?php if (is_category() || is_single() || is_page() || is_search() || is_tag()) { ?><span class="gat_widget"><?php bloginfo('name'); ?></span><?php } ?> <?php if(st_tagline()=='1'){ ?><p><?php bloginfo('description'); ?></p> <?php } ?> <?php } wp_register_sidebar_widget( 'st_h1re', 'Stallion H1 Replacement', 'st_h1re', array( 'description' => 'Stallion SEO Theme H1 Header Replacement for sites with Title Link OFF (Under Layout Options).' ) ); ?>It includes the tagline as well, if you want the tagline elsewhere delete the relevant code. Reasonably sure the CSS will work with Talian.
If you use this widget you can do whatever you want with the header.php home page link, I would remove the H1 code (you don’t want two sets of H1s) and have it as a basic clickable image link with alt text as the title of the site.
What you are trying to achieve is kind of possible with Stallion with no code editing. There’s two types of header areas with Stallion and one of the includes a clickable image link which can have randomly rotating images or a fixed image example at Images and Pictures Photography Blog (refresh the page, new image loads). In Stallion the top header part (with the link back to home and tagline) can be disabled which would leave the clickable image at the top of the page, which is what you are trying to achieve. Example of end result with one clickable image and the H1 replacement header in place (warning site filled with racists slagging one another off!). The widget with heading “Really Funny Stuff” is the H1 replacement widget and the text below it is the tagline.
My long term plan is to update Talian to use the Stallion code, just have to figure out how to do it without causing a major headache for myself on theme updates :-)
David
WordPress SEO : Use a H1 Widget to Replace the H1 Header Code
Stallion Theme H1 Header
David,
You’ve improved my solution. But as you indicated, it has a SEO risk and that is why I was so hesitated and won’t go with this solution – I am too cautious when it come to Search Engines.
As for the second option (Stallion widget) and the new Stallion (two types of header areas), these are brilliant options to choose for the logo :-)
You haven’t missed this important SEO part of the Stallion theme (what so many theme creators wouldn’t even notice).
Stallion Theme H1 Header
Talian SEO Theme Header Logo Code
David,
Please delete this message after reading. [It’s just to show another good way of doing it.]
I managed to include the logo Plus the blog name in a single header.
I have decided to remove the blog info, which is less important.
for the header.php
<div class="header_site_desc"><a href="http://localhost/wordpress/"><img alt="<?php bloginfo('name'); ?>" title:"Home" src="http://localhost/wordpress/images/logo2.png" /></a> <?php if (is_page("archives") || is_year() || is_month() || is_day() || is_home() || is_404() || is_author()) { ?><h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1><?php } ?> <?php if (is_category() || is_single() || is_page() || is_search()) { ?><span><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></span><?php } ?> <?php if ( function_exists('is_tag')){ ?><?php if (is_tag()) { ?><span><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></span><?php } ?><?php } ?> </div>And for the css.style:
.header_site_desc { float: left; clear: left; width: 435px; height: 90px; } .header_site_desc a img { border: none; display: block; margin-top: 10px; margin-bottom: 3px; padding-left: 0px; } .header_site_desc h1, .header_site_desc span { margin-top: -8px; padding: 0px; float: left; width: 400px; font-size: 1.2em; color: white; font-weight: bold; } .header_site_desc h1 a:link, .header_site_desc h1 a:visited, .header_site_desc span a:link, .header_site_desc span a:visited { color: #FFFFFF; text-decoration: none; padding-left: 3px; border-left-width: 2px; border-left-style: solid; border-left-color: #000000; } .header_site_desc h1 a:hover, .header_site_desc h1 a:active, .header_site_desc span a:hover, .header_site_desc span a:active { color: #FFFFFF; text-decoration: none; padding-left: 3px; border-left-width: 2px; border-left-style: solid; border-left-color: #9ACA3C; }Also played with the navigators ul margin to make it fit the header bottom.
Thanks for your time and technical support.
Talian SEO Theme Header Logo Code