Wordpress
Thursday, 18 December 2014
Wednesday, 17 December 2014
Wordpress: How to set thumbnail image for a child theme
Create image file in PNG Format having name screenshot.png and save it in themes root folder.The recommended image size is 880x660. Even recommended image size is 880x660 though it will only be shown as 387x290 but the double-sized image allows for high-resolution viewing on HiDPI displays.
For more information see this page.
If you don’t already have a screenshot of your theme, You can create one easily by following below steps:
- Point your browser to the blog currently using the theme.
- Press the Print Screen button on the keyboard.
- Open a new file in Photoshop.
- Change the size to 300 by 225 (in pixels)
- Press Ctrl + v or Right click > Paste.
- With the Move tool activated, resize the screenshot to in the 600 x 450 space.
- Go to File > Save for Web…
- Save it as a PNG file.
- Name it screenshot.
- Place your image file in the theme’s folder.
Wordpress: How to install child theme
- Open the file manager from your hosting (bluehost) cPanel
- Go to folder, wp-content->themes
- Create a folder, with the same name - child. For example for mystile theme, folder name will be: mystile-chile
- Copy the style.css file from the main theme folder, and edit the style.css folder
- Change the Theme name to Mystile Child Theme
- Add a line, Template: mystile (parent theme name). Template name is case sensitive. The name should according to the folder name.
- Import the styles from the parent theme
- You can add your customized css style
- Copy the header.php, footer.php or any other files if necessary into the child theme folder. Never copy function.php file. If you copy function.php file you will see blank page.
- Now go back to your wordpress admin, wp-admin
- In the Appearance->Themes you will see new theme name mystile-child
/*
Theme Name: Mystile Child Theme
Theme URI: http://www.woothemes.com/
Version: 1.3.0
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes
Template: mystile
Copyright: (c) 2009-2011 WooThemes.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../mystile/style.css');
/* =Theme customization starts here
-------------------------------------------------------------- */
head + body{
background: url("http://www.bestcarpets.co/wp-content/uploads/2014/06/body-bg-retina-wood.jpg");
background-position: center center;
padding: 0 13%;
}
/*
body.term-carpets{
background: url("http://www.bestcarpets.co/wp-content/uploads/2014/05/body-background1.jpg");
background-position: center center;
padding: 0 10%;
}
*/
Theme Name: Mystile Child Theme
Theme URI: http://www.woothemes.com/
Version: 1.3.0
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes
Template: mystile
Copyright: (c) 2009-2011 WooThemes.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../mystile/style.css');
/* =Theme customization starts here
-------------------------------------------------------------- */
head + body{
background: url("http://www.bestcarpets.co/wp-content/uploads/2014/06/body-bg-retina-wood.jpg");
background-position: center center;
padding: 0 13%;
}
/*
body.term-carpets{
background: url("http://www.bestcarpets.co/wp-content/uploads/2014/05/body-background1.jpg");
background-position: center center;
padding: 0 10%;
}
*/
Tuesday, 24 June 2014
Twenty Thirteen: Full width page
child theme style.css should read;
/*
Theme Name: Twenty Thirteen Child
Theme URI: http://sousvide.reynoldstocks.com/
Description: Child theme for the Twenty Thirteen theme
Template: twentythirteen
Version: 0.1.0
*/
@import url("../twentythirteen/style.css");
body .site-header {
background-size: 100%;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
margin: 0 auto;
max-width: 1440px;
width: 95%;
}
Copy page.php in to your child theme and rename it to full-width.php.
At the top of the new full-width.php where it reads: * The template for displaying all pages - change that to * Template Name: Full Width.
In style.css locate the elements
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
margin: 0 auto;
max-width: 604px;
width: 100%;
}
copy them to your child's style.css and rename thus:
.entry-header-full,
.entry-content-full,
.entry-summary-full,
.entry-meta-full {
margin: 0 auto;
max-width: 1110px;
width: 95%;
}
Back to your new full width template change those elements to match and you should have yourself a full width template which you can tweak to your needs.
Also, you may want to delete "<?php get_sidebar(); ?>" from your fullwidth.php if you want to not worry about overlapping sidebars over your full width text, it may or may not be a problem for you.
Saturday, 14 June 2014
Wordpress: How to prepare Image file for slideshow
The greatest lesson I have learn today. Basically before whenever I have resized an image to just to an specific height then I used that image in the slider. I was able to see only a portion of the image. In order to see the image fully. I resized all the image to a specific height and then I resized the canvas size to specific height and width using Adobe Photoshop.
Wednesday, 11 June 2014
Virtue Theme: Portfolio item not found.
Not Found
Sorry, but the page you were trying to view does not exist.
It looks like this was the result of either:
- a mistyped address
- an out-of-date link
Solution:
Settings-->Permalinks-->I select another permalink and then again selected Post Name
-->Save settings
Worked for me.
Wordpress Theme list
Theme source
zeeTastyVersion: 1.0.7
By ThemeZee
zeeTasty is a clean and neat WordPress theme designed for small business websites. The theme is fully responsive and looks great on any device from big screens through to smartphones. It comes with a great front page template which supports an intro text with action button and horizontal widget areas. The included theme options let you choose from seven different color schemes, left or right sidebar layout and upload your own logo image. Of course there is support of all WordPress core features like custom menus, widgetized sidebars, custom background, custom headers and featured images. Check out a full demo on http://preview.themezee.com/zeetasty/
Virtue
This free WordPress portfolio theme has a clean design, a responsive layout, a Bootstrap framework, Google Fonts, over 150 icons, WooCommerce support, custom widgets and post types, and more.
If you’re looking for WordPress hosting, then check out our UK web hosting plans! WordPress is one of the 300+ free scripts we offer with every hosting plan!
PHOTOGRAPHER
Photographer Free WordPress Theme is design for amateur and professional photographers to show and display their photography. This theme was inspired by the works of Thomas Hawk.
BONPRESS
BonPress is the perfect personal blog theme. Packed with Post Formats (audio, video) feature and multiple Custom Widgets, like Twitter, Flickr, will offer you a unique experience from blogging.
Full Details & Download» | Free
NEPTUNE
Neptune is a free WordPress theme by WPExplorer.com that’s perfect for portfolio, gallery and photography websites to showcase photos. The theme has been setup using a custom post type for the portfolio so you can add your portfolio items, organize them into categories and show them off on the homepage.
Features » Demo » Download »
BRIEFCASE
Briefcase is a portfolio based free WordPress theme that could be used for a lot of purposes, beginning from a portfolio and gallery site and finishing to a blog and magazine one. It’s minimalist design was special created to catch the attention of everyone.
Features » Demo » Download »
MINIMATICA
A stylish and modern minimalist theme with a beautiful image gallery slider and an optional blog view.
Features » Demo » Download »
SHOWCASE (Not continued)
This free theme uses a simple and clean design, allowing you to showcase your photos. With your photos at center stage this theme can help you to attract new clients and gain attention for your work.
Features » Demo » Download »
WALLBASE
Wallbase is our new fab series theme released following the success of the shuttershot theme. This too is a fullscreen slideshow portfolio theme. .The theme has option to use either a full screen slideshow on the homepage or a regular blog with image slideshow as the background.
IGNITE
Ignite is a responsive blog theme.
SHUTTERSHOT
Shuttershot is a fullscreen slideshow template. This is a fabseries theme. This theme is ideal for photography websites to showcase their portfolio in style.The theme has option to use either a full screen slideshow on the homepage or a regular blog with image slideshow as the background.
Subscribe to:
Posts (Atom)