Basic CSS3 to Customize your WordPress Theme

With the increasing browser compatibility of CSS3, additional customization of websites is in the reach of most anyone (Even a Monkey can do it, according to Nikos Advertizopoulos …). Tonight we will start with a series of calls to become familiar with the possibilities arising from the use of CSS3 on WordPress to improve typography and font styles.

You may follow the progress of the work at the Ycademy Demo Site which features the Semiomantics XO Theme.

Looking forward to seeing you on YorgoLive tonight.

Related posts:

1. How to Customize WordPress 2
2. How to Customize WordPress
3. Semiomantics XO Transparent WordPress Drafts
4. Customize WordPress with Semiomantics XO
5. XO Photo Press WordPress Theme

Transparent WordPress Custom Theme

Playing with the XO Theme Version 3.3.x from Semiomantics and CSS3, I notice how easy it is for most anyone to customize the XO Theme by adding transparencies and other CSS3 elements. Here below you find some drafts. You may visit the test site from : http://globalthebrand.com.

On the test site we use the Semiomantics Widgets and Theme Handler plug-in as well as a modified Supersized plug-in; the latter needs some more work to make it more responsive. Also we use TubePress which behaves fine also on mobile.

The Theme is Semiomantics XO with 3 custom child-themes; any theme can be associated with any page, post, category, tag or sidebar.

Related posts:

1. Transparent WordPress Semiomantics XO
2. Transparent WordPress Theme Design
3. Semiomantics XO Blog
4. The 1001 Faces of Semiomantics XO
5. Semiomantics XO 2011 for WordPress

New Semiomantics XO Theme for WordPress

The above Screenshots represent just some of the pages, features and looks the 2012 Edition of the high performance XO Theme for WordPress has up its sleeves. The above site is the fruit of the 2 Days Ycademy Online Seminar for Semiomantics Developers and designers.

The 2012 Edition of XO is focused on even more flexibility in as much as editing, cross-browser and cross-platform compatibility are concerned.

The Site displays perfectly on Mobile devices, showing responsiveness also of the plugged in scripts chosen of which some have been adapted to satisfy the high standards of Semiomantics Publishing Scripts for Excellence.

The site elaborated at the Ycademy Online Seminar this past week-end features some smashing features, such as:

• Background Slideshow, customizable for each page, post or archive
• Built in Directory
• Media Library for YouTube and Vimeo
• Pro-sliders which can be deployed anywhere on the site
• In addition to the responsive design, a separate light Mobile Version is available
• Bold and Efficient Navigation
• Built in Custom Fonts
• Social Network connectivity and publishing
• and much more.

The XO script is well commented and offers designers a clean and straight forward environment for custom developments. XO uses best practices for WordPress development and makes the best use of the possibilities offered by the WP back-bone, assuring smooth integration and optimized conflict handling.

XO is a great playground for designers. The DIY version allows anyone to adapt layout and colors to taste right from the back-office; there is no need to have any knowledge about coding or designing. The theme behaves like a Chameleon and adapts to specific needs with just a few clicks of the mouse: pre-configured layout elements transform your XO quickly into a Magazine, Newspaper, personal Author Blog, a Media Hub, a Shop, a Marketing Machine, a Social Media Publisher, a Product Promoter or a Fan Site or most anything your imagination dictates.

For the professional designer, XO offers a well commented environment. Custom code can be added right from the dashboard or, as I prefer using a child theme. XO is tuned for HTML5 and CSS3 use, making it a modern and inspiring framework for exceptional design effects.

Out of the box, the XO Theme for WordPress provides a stable and reliable, robust and optimized solution for common use. It provides built in features such a slider with multiple transitions and a one click selector for easy use.

Layouts can be easily adapted to needs and purpose of the site. In fact, most custom designers rely on the theme engine to format efficiently layouts.

The site featured in the above gallery uses a few pro plug-ins to add functionality in function of customer requirements. The integration of such add on scripts is a relatively simple process for designers and developers.

XO has been developed for high performance, productivity, excellence in publishing and flexibility. For the professional users, the XO Theme constitues a solid base with a huge potential for customization and creative artistic expression.

The release of XO Version 3.3.x is planned for the first week of February. The present Release Candidate has been thoroughly tested. A few minor issues will be taken care off before XO will be available to the public.

If your site is running on Semiomantics XO suing basic customization, the theme can just be overwritten. (Save your custom CSS beforehand.)

If you are using a custom version with custom developments or a child theme, some of your customization will need to be adapted to the enhancements of XO 2012. This concerns namely custom headers and footers as well as custom functions.

Support for developers and designers is available as usual at our Ycademy Online Calls and Seminars or through Semiomantics Pro Support.

Related posts:

1. Semiomantics XO Blog
2. Facebook Strategy with WordPress
3. Ycademy Online Seminar January 2012
4. Semiomantics XO 2010 Edition
5. WordPress Shop Version 3 by Semiomantics

Responsive Themes for WordPress

Responsive Websites become a must in 2012. This tutorial demonstrates how to make your WordPress Theme Responsive.

In very simple terms: Responsive Web Design aims to display content adapted to the visitors screen size. This means namely that the layout width must be fluid, i.e. expressed as a percentage of the width of the screen, typefaces expressed in em and images must be scalable.

Responsive WordPress Theme XO by Semiomantics

Practically speaking: a responsive designs can be viewed on a smart-phone or on a large PC screen, the display will always be the same and adapted to the size of the screen or browser window. n stead of using multiple style-sheets for different screen sizes, designers use Media Queries which allow to create multiple layouts using the same content. To achieve scalability, CSS media queries, such as min-width or orientation are used.

A quick and easy way consists in creating a child theme; this allows you to upgrade your theme as the case may be without altering your customizations.

1. Create a new folder in your wp-content/themes folder and name it anything you like; for the purpose of this exercise I call it “responsive”

2. Create a style sheet in your new Child Theme folder (call it styles.css).

3. Suppose your main theme is called “wptheme”; paste the following into style.css

 /*
 Theme Name: wptheme Child
 Theme URI: http://www.yourdomain.com/
 Description: Child theme for wptheme
 Author: Your Name
 Author URI: http://www.yourdomain.com
 Template: wptheme
 Version:1.0
 */

The only line you really need to respect is Template:wptheme; this line refers to the parent theme folder.

4. Import the parent themes style-sheet by adding now the following line to your new style.css:

@import url(“../wptheme/style.css”);

5. Define the screen sizes you design for. (Smart-phones, tablets, PC) To test the result we just create different h1 color values for the different screen sizes:

@media screen and (max-width:320px)
{
h1 {
color: #ff0000;
}
}
@media screen and (min-width:321px) and (max-width:768px)
{
h1 {
color:#00FF00;
}
}
@media screen and (min-width:769px)
{
h1 {
color: #0000FF;
}
}

Having set these basic parameters, you can now apply styles and layout values to taste, such as vertical navigation display on small screens.

To make images responsive we will need to take some WordPress specifics into account and there fore we will intervene with CSS3 and Media Queries and modify styles.css and functions.php of our theme.

Add the following to your style-sheet to make images scalable:

img{max-width: 100%;}
img{ -ms-interpolation-mode: bicubic; }

Now the images will be re-sized to fit horizontally, while the vertical scaling is still defined by WordPress. We need to remove WordPress image height and width values to scale our images proportionally.

In WP, image classes come with a with and height properties; we delete these properties like so:

change in your WP editor:

<img class=”imgclass” src=”../images/imagethumb.jpg” alt=”” width=”100? height=”100? />

to this:

< img class=”imgclass” src=”../images/imagethumb.jpg” alt=”” />

This will work for your post and page images, however not for the images created by WP dynamically, such as post thumbnails. We need to delete with and height properties dynamically with a function.

Add to functions.php:

function remove_wp_width_height($string){
return preg_replace(‘/\/i’, ”,$string);
}

Now you need to make a final modification in your template and replace:

the_post_thumbnail();

with the following:

echo remove_wp_width_height(get_the_post_thumbnail(get_the_ID(),’large’));

That’s all!

Hopefully the above will help you to do additional customization wok and as the case may be, to adapt your great themes to the requirements of 2012 Web Design.

• ?ervený k?íž
• is there a wau to make a wp theme responsive after creation
• how to create a wordpress theme
• how to make a responsive wordpress theme
• how to make wordpress theme responsive
• how to make a wordpress theme responsive
• make wordpress responsive
• make a responsive web design wordpress child theme
• wordpress responsive theme
• responsive wordpress theme

Related posts:

1. WordPress Christmas Themes
2. WordPress Themes and Development
3. Best WordPress Business Themes
4. How to Style the WordPress Menu
5. New XO53 Theme for WordPress

Semiomantics XO with CSS3 and HTML5

Time has come to learn about new technologies available for web designers and developers. All common browsers are increasingly able to read and interpret CSS 3 and HTML5 and about all computers are equipped to read java and jQuery. Therefore new possibilities become available to XO developers which we will focus on during the January Seminar.

XO has evolved over the past 4 years along with WordPress Developments. The theme has become responsive and shows perfectly on smart phones and tablets.

Subsequent to the release of WordPress 3.3.x XO needed some adjustments and updates which we have implemented and tested. New design functions become available for advanced customization. XO remains the most flexible theme for custom development, accessible to most anyone.

The goal of the seminar is to become familiar with XO and it’s new features as well as to learn how CSS3, HTML5 and jQuery allow to adapt XO to most any customer’s needs.

Some of the technical issues we will have a detailed look at are:

• Transparencies with CSS3
• Background Sliders
• Mobile Verions using WPTouch Pro
• Content and Frame sliders with Pro Slider and SlideDeck Pro
• Social Network connectivity with FacePages
• How to make a WP theme responsive (adapting to different screen sizes such as Smart Phones Tablets and bigger)

The most obvious expansions are via plug-ins. We will show how to make the best use of plug-ins for the Mobile Web, Social Networking, Social Media Publishing, Social Network Marketing as well as for more attractive display. Time permitting we will look into additional functions, such as shopping cart or marketing specific scripts.

We also will start looking into another important chapter:

How to convert your XO sites into a Mobile App!

In order to make the understanding easier, we will build a new site during the 2 days event. Please join our pre-seminar call on Thursday to prepare the event by setting up a new XO powered site.

All materials will be provided. You will just need some images/photos, videos and other content you may want to use to populate the XO site.

Saturday and Sunday, 28/29 January, 2012 from 1 pm London time till 9 pm London time.

Tickets are available on our new shop at HIOD.com. Please click on the below image to order.

Discounts as usual for Ycademy Pros: Please mail Bianca at bianca(at)ycademy.com for the coupon code.

Related posts:

1. Ycademy Online Seminar January 2010
2. Ycademy Online Seminar May 2011
3. Ycademy Online Seminar
4. Ycademy Online Seminar April 2011
5. Ycademy Online Publishing Seminar

A clip with XO 2011 Sites

 

The clip presents some of the custom sites built on Semiomantics XO 2011.

Semiomantics XO 2012 will be released in January to catch up with the latest WordPress developments.

• semiomantics xo wordpress

Related posts:

1. Semiomantics XO 2011 for WordPress
2. Best WordPress and Semiomantics
3. Semiomantics XO 2011 Release FAQ
4. Semiomantics XO 2011
5. WordPress 2.8 Baker

10 Steps to Implement your Facebook Strategy with WordPress

Implementing your Facebook Strategy will be at the center of the November Ycademy Seminar. This hands-on Seminar and Workshop will stretch over two days and build with participants an eye-ball-twisting Facebook presence. See the seminar schedule at the bottom of the post.

The Seminar is designed for WordPress Developers and WP users who are looking for high productivity and customized publishing and marketing solutions.

This topic deals with efficient strategies which will efficiently improve your Facebook presence.

Visit the Semiomantics Facebook Page

Surfing through Facebook we notice some common errors well intended people commit when building their Facebook presence. We will discuss these issues and show you how to eliminate them from your personal or business Facebook.

While content is king, there are different ways of making it accessible to visitors. We will discuss the recent changes Facebook has implemented and show you where the focus should be in order to improve your visibility, traffic and business or network expansion on Facebook.

Function of your strategy we will define and optimize privacy settings in order to grant potentially interested visitors access to relevant information. Privacy, Accessibility and List-building as well as Targeted Communication are the essentials of this key session.

For people looking for you, your business, services or products, your Profile and Info page are of the utmost importance, the more that your info is visible from outside Facebook and therefore Google efficient. We will set up with participants an efficient Info Page.

We will discuss the recent changes implemented by Facebook and how they impact on our strategies.  Friends, Fans and Subscription features impact on the way we expand our network and influence on Facebook.

Overview of the Facebook Page feature. Integration techniques, Apps, Content, Canvas and Pages.

The focus is on the technical set-up of a Facebook Page. As  content we will use a graphic, picture of video.

What is it you actually wish to display on your Facebook page? In fact there is no limit and it depends entirely on your strategy.

This is the center piece of the seminar. Creating Facebook Page right from your WordPress site is now possible. We will set up a reveal page and different Facebook pages depending on participants needs. In fact we show you how to create a whole website in Facebook, straight from your WordPress.

While this works with most any WordPress 3.1 enabled Theme, we will demonstrate the integration with Semiomantics XO.

In fact we will work with a professional plugin modified for Semiomantics XO.

The Seminar will guide you to master the following and more:

• Create Unlimited Facebook Fan Pages with WordPress

• Increase Likes by 150% with Reveal “Like” Tab Gateways

• Unlimited Customization Options When Designing Your Fan Pages

• Create Unlimited Custom Pages with the WordPress Page Editor

• Create Custom Menus and Navigation with Just a Few Clicks

• Comments, Like, Send and Over 50+ Custom Shortcodes for Enhanced Customization

• Facebook Open Graph Integration for Enhanced Facebook Integration and Google SEO

• Auto Post to Facebook From Your WordPress Blog

• Use Your Facebook Albums and Photos on Your Blog and Fan Pages

• Add Google Maps to Your Facebook Fan Pages

• Create Squeeze and Sales Pages with Just a Few Clicks on Facebook

Add Facebook related widgets to your front and/or content pages. Google+ and Twitter buttons. Pull in Facebook Albums, Events, like Buttons and more. Use Facebook Connect to log in to or to register with your blog.

Create content which is only accessible after visitors clicked the “Like” button. A smashing filter which allows you to manage accessibility right from your XO.

Saturday and Sunday November 26/27, 2011.

We start at 1 pm London Time and end at 9 pm London time both days.

You need a WordPress blog preferably with FTP access.

Scripts and all other materials are provided.

We will install the necessary scripts for you previous to the Seminar; please get your Tickets early. If we are not yet in possession of the FTP access to your site, please send it by email to Bianca Gubalke at bianca(at)ycademy.com.

The Price for Participating, Materials and access to recordings is $85.

Click to get your Ticket

Discount as usual for Ycademy Pros. Please contact Bianca Gubalke at bianca(at)ycademy.com for the code or any other question you may have pertaining to the Seminar.

• social community feature like facebook in wordpress
• strategy for facebook wordpress integration
• facebook strategy
• creating efficient blog pages in wordpress
• scheduled facebook page posts
• price create facebook page
• integrate wordpress blog with facebook page
• increase likes on a wordpress post
• implement strategy to add to our number of facebook fan
• auto post to facebook from wordpress

Related posts:

1. WordPress on Facebook
2. Facebook and Mobile Web Seminar by Ycademy
3. Facebook Marketing 2
4. WordPress for Facebook Fan Pages with FBlaster
5. Semiomantics Optimization for Facebook

WordPress 3.3 Update for XO by Semiomantics

Semiomantics XO users: update to WP 3.3 and appreciate the new admin bar featuring also your XO theme menu. Also new: the drag and drop media up-loader as well as the admin menu :-).

• update wordpress 2 9 3 3
• upgrade wordpress 2 9 to 3 3
• wordpress 3 3

Related posts:

1. WordPress Update 3.0.4
2. WordPress 3.0.2 update
3. WordPress Update – Webmaster Training
4. WordPress 2.9 update on Semiomantics
5. Apple Peel for WordPress

DuSunnah Online Bookshop

The DuSunnah Bookshop will shortly go officially online. This new Shop is an extension of the Masjid Daar us Sunnah in London. From a developer’s point of view, the shop is a challenge in as much as it has to fit into an existing online infrastructure. This post will show a possible concept about how to interlink various social networks with different websites and script for the purpose of serving the community in the most efficient and accurate way.

Dusunnah Bookshop

Let’s start with an inventory:

1. Dusunnah.com is a Joomla based CMS which up to now was the online presence of the Masjid in its own right.

2. Dusunnahbookshop.com is a new X-Cart based online shop.

3. Dusunnahbookshop.com/blog  is a WordPress based blog under construction.

DuSunnah has built a solid presence on Social Networks such as Twitter, Facebook and YouTube as well as a Newsgroup, reaching out to thousands of friends and subscribers.

Time has come to consolidate all these efforts and achievements and to streamline the online activity by integrating all pieces and bits into an efficient communication and publishing concept, targeting and expanding the existing communities.

While Joomla has for a long time been recognized as the most powerful Content Management System, we at Semiomantics have always felt that its performance is way inferior compared to WordPress when it comes to search engines. For this reason we have always privileged WordPress, ready to make concessions on the CMS side; WordPress has made and is making progress on the CMS front and with WP 4 we are expecting namely better media management as well as a more user-friendly admin area.

Joomla may be easier to use for non professional users, however it lacks the real power to gain high visibility we can achieve with WordPress. I guess Joomla users are good customers of all sorts of ads networks, while Semiomantics is specialized to build WP based sites which show on the left side of Google top 10 search returns, saving thus thousands of advertising bucks.

While there are some developments available to integrate WordPress into Joomla as a Joomla component, for example by Corephp.com, we prefer the flexibility and power of a self-hosted WordPress site separate from Joomla as Semiomantics Optimization for high performance conflicts with Joomla and would thus reduce the power of WordPress.

Having said the above, the WP extension by Corephp remains a brilliant and cheap solution to improve Joomla.

In as much as our publishing concept is concerned, we keep both sites separate, on separate servers and we create the link using RSS Feeds and technology, whereas we will stream the Joomla content into WordPress and use WordPress as the striking arm for SE targets.

When combining WordPress with e-commerce we always have preferred to separate the active WordPress site from the shopping site, even when using WP e-commerce plugins. The reason is simple: the purpose of both sites is not the same: a shop must provide a smooth shopping experience, while WP must first of all perform and gain high visibility on Search Engines.

The architecture of shops is not designed to reach high impact on search engines, they are a sort of a content management system for products integrating check-out and payment gateways. These features require configuration which conflicts with what we consider optimized semantic configuration as used on Semiomantics powered WordPress scripts.

We deal therefore with X-cart as we do with Joomla, we create a product stream targeting WordPress.

As you can deduct from the above, WordPress is the central element in our Publishing and Marketing strategy. The main reasons for this are:

• the powerful optimization by Semiomantics
• the aggregating possibilities of all content produced on all sites and networks
• the publishing power to reach Google top 10 rankings
• the publishing power to reach out for social networks
• the easy sharing of any kind of media, namely also YouTube
• the possibility to keep a maximum of traffic in stead of giving it away to third parties

The use of Semiomantics powered WordPress replaces to a large extent marketing budgets for Google Ads for example as we can bring our content and products right to the top of Google. The WordPress based site will be linked directly with all own sites as well as with the newsgroup and all social networks. This simplifies the work and publishing flow and assures optimized publishing.

The described concept has proven to be highly efficient for our own purpose as well as for our customers. Our publishing and marketing networks are custom built and fine tuned for the purpose of each respective customer’s needs and purpose, whereas we aim to provide time and money saving solutions achieving thus optimized productivity.

• masjid joomla
• daar us sunnah bookshop online
• dusunnah bookshop
• daar us sunnah online bookshop
• du sunnah
• dusunnsh

Related posts:

1. Semiomantics is going private
2. Online Tax Filing by Larrie Perkins
3. Social Network Publishing
4. Tutorials
5. YORGOO Publishing Network

1. Email Marketing
2. Affiliate Marketing

1. Technical issues
2. Look and Perception (Design)

• Opt-in list building
• Auto-responders
• Newsletters
• News blasts
• Individual mails
• Lead capture pages

• wordpress seminar themes
• good theme in marketing seminar
• online marketing
• wordpress marketing themes
• wordpress theme for seminar

Related posts:

1. WordPress Development Seminar
2. WordPress for Authors Seminar
3. WordPress on Facebook
4. Ycademy Online Seminar May 2011
5. Social Network Publishing and Marketing Seminar

Copyright © Yorgo Nestoridis - Original Article at Marketing with WordPress Seminar.