Customizing WordPress Child Theme In this tutorial we will create Custom Post Types and add variables and functionality to them. Also we will add some styling for more user-friendly display in the dashboard. Having set up our basic Child Theme structure we will now proceed with the customization. But before that we will do some basic WP configuration and go through the settings. You may be used to building WordPress based sites and therefore you may have some habits in as much as settings and configuration are concerned. Some basic WP Settings Here is what I do in the dashboard: 1. Trash and permanently delete the Hello World Post. 2. Delete the default Links. 3. Set Permalinks to: /%category%/%postname%/ 4. Under Settings General enter Blog Name and Tagline; for the purpose of this exercise I use as a Title: WordPress TTP and as a Tagline: Tips, Themes and Plugins 5. Add some content to test content display by importing an RSS feed using a plugin such as Feedwordpress. I pulled into a new category called Blog the feed from my author-blog at: http://yorgonestoridis.com/feed Custom Posts and Child Theme We have set up a basic child theme for the purpose of [...]
Related posts:
How to build a Custom WordPress Site 2
How to build a custom WordPress Site
Custom Widgets for WordPress
WordPress 3.4 Beta
Facebook Strategy with WordPress
Customizing WordPress Child Theme In this tutorial we will create Custom Post Types and add variables and functionality to them. Also we will add some styling for more user-friendly display in the dashboard. Having set up our basic Child Theme structure we will now proceed with the customization. But before that we will do some basic WP configuration and go through the settings. You may be used to building WordPress based sites and therefore you may have some habits in as much as settings and configuration are concerned. Some basic WP Settings Here is what I do in the dashboard: 1. Trash and permanently delete the Hello World Post. 2. Delete the default Links. 3. Set Permalinks to: /%category%/%postname%/ 4. Under Settings General enter Blog Name and Tagline; for the purpose of this exercise I use as a Title: WordPress TTP and as a Tagline: Tips, Themes and Plugins 5. Add some content to test content display by importing an RSS feed using a plugin such as Feedwordpress. I pulled into a new category called Blog the feed from my author-blog at: http://yorgonestoridis.com/feed Custom Posts and Child Theme We have set up a basic child theme for the purpose of [...]
Related posts:
How to build a Custom WordPress Site 2
How to build a custom WordPress Site
Custom Widgets for WordPress
WordPress 3.4 Beta
Facebook Strategy with WordPress
Build a Custom WP with Semiomantics XO This post focuses on setting up our Main Theme and a Child Theme. For the purpose of this exercise we will use Semiomantics XO as the parent theme because it’s flexible, user-friendly and highly optimized. In fact you can use most any decent WP theme to follow this tutorial, namely the TwentyEleven which comes with the WP installation. Adding a Theme Like on any live site, our test site on BitNami allows us to add themes either from the Dashboard (upload the theme’s zip file) or by pasting the theme into the themes folder in wp-contents. Access your BitNami environment using Windows Explorer and surf to the themes folder. You will see the same folders and files structure under htdocs as you are used to when accessing your WordPress folder on a server using an FTP client. In order to add Themes, we just drop theme folders into the ‘themes’ folder as per above. As you can see, I have amongst others) added my Semiomantics XO (the ‘xo’ folder under themes). XO will serve as the parent theme of the new website. Instead however of customizing XO directly, I will create a child [...]
Related posts:
How to build a custom WordPress Site
Semiomantics XO Transparent WordPress Drafts
How to make WordPress Themes Responsive
WordPress Themes and Development
WordPress 3.4 Beta
iPhone Simulator or Emulator for WordPress? Subsequent to last week’s Ycademy Seminar, I read on Bianca Gubalke’s blog a post about the difficulty to create a WordPress Mobile version without having recourse to a preview tool. As I agree with this statement, I will show you here below a simple method to preview your WordPress Mobile version for iPhone, iPod and iPad. iPhone Simulator The first question is: Do we need an iPhone Simulator at all? I have not seen a single free online iPhone Simulator which would render the mobile version of our WordPress sites. Online Simulators are therefore useless for our purpose. iPhone Emulator Free online Emulators I have come across do not generate a preview of the mobile WordPress version. There are some paid solutions which are however pretty cool and accurate, namely the MobiOne emulator included in the Studio version. There is a 14 day free trial, thereafter a $99 fee. Surprisingly the emulator included with TheAppBuilder does not render the mobile version — this would be a real plus since it’s a free tool until you want to publish your app to a store. There is a much easier to use solution out there which [...]
Related posts:
Semiomantics Mobile Developments
Mobile WordPress and Shop
Semiomantics XO on iPad
iPhone 4S in stead of iPhone 5
WordPress on Facebook
App Look for WordPress Screenshots — under development Related posts: YORGOO Press Aggregators for WordPress Semiomantics XO Transparent WordPress Drafts Showcase Portfolio Photo Theme for WordPress Cap Sounio — Sea Urchins Transparent WordPress Semiomantics XO
Related posts:
YORGOO Press Aggregators for WordPress
Semiomantics XO Transparent WordPress Drafts
Showcase Portfolio Photo Theme for WordPress
Cap Sounio — Sea Urchins
Transparent WordPress Semiomantics XO
Mobile Developments for Small and Home Business The rapid expansion of the Mobile Web and the success of smartphones and tablets open new opportunities and imperatives for Website Developments. In as much as Semiomantics is concerned, the focus is set on two main issues: Conversion and integration of web content into an App Publishing on Multiple Platforms Optimization Conversion and integration of web content into an App Whether it is a simple blog or a shop, a photo site or a video library, a directory or any other content, your website can be converted and integrated into a mobile App. Production cost will vary in function of the complexity of the development. I mention cost at this point because for the time being, App developments are still relatively expensive, but that’s the price to pay for a seat in the front row. The mobile web and mobile devices and platforms offer today many features designed to enhance conversation, feedback and interaction which are much more dynamic, flexible and user-friendly than those offered on traditional websites. Also, an App is much easier to use on a smartphone than surfing a website. Bookmarking a website and then accessing (loading) it at a [...]
Related posts:
Semiomantics Mobile Developments
XO Mobile Theme with WPTouch Pro
WP Best Business Theme Home Page
Home Business Tax Benefits
Facebook and Home Business
Common Changes This post lists some CSS snippets to customize WPTouch Pro. Remove the Page Title Area Note: When removing the page title area we recommend using a child theme’s stylesheet and applying the code below to its corresponding stylesheet, per the instructions on applying custom CSS. In the iPhone theme: In the iPad theme: Remove reflection on calendar icons and post-thumbnails Change the size of the Post Thumbnails Change every instance of 46px to your desired size Remove rounded corners on Post Thumbnails Remove “Comments are closed” text when comments are disabled in WordPress p.nocomments, #respond { display:none !important; } Remove comments completely Remove comment # bubble Remove ‘breadcumb’ text in category and search pages Use custom color for the mobile header where #ffffff can be customized to suit. Remove “HelloBar” Related posts: XO Mobile Theme with WPTouch Pro Customizing WP Shop Theme Customizing Post Editing Best WP Business Theme Hosting South Africa Fun Theme
Related posts:
XO Mobile Theme with WPTouch Pro
Customizing WP Shop Theme
Customizing Post Editing
Best WP Business Theme
Hosting South Africa Fun Theme
How to build a Local Website Go Local is the name of the game in 2011/12 and the success of bringing the global web developments back home is a trend of the time. First it was about tagging people, now we tag locations, be it on social networks such as Facebook or on Photo sites, such as Picasa or Flickr. Based on the fact that surfers search for and prefer local business to cross border transactions, social networks namely have built in the local tags and stimulate users to hook media and events to geographically tagged locations. How to dominate the local market? In order to dominate the local market, you need to assess the use of the internet your neighbors make; chances are that they mostly hang out on social media, search Google and use email. This is of course an extremely simplified view but it gives an indication about where we need to build high visibility. You also want to have an idea about how people access the net and websites; you will notice an increased use of mobile deices, which means that your content needs to be formatted and optimized for desktops as well as for tablets [...]
Related posts:
How to Optimize your Impact on Social and Mobile Networks
Facebook Strategy with WordPress
Google Top 10 Dominate your Keyword 3
3 Web Design Trends in 2011
New Facebook Pages Publishing Concept
Mobile WordPress and Social Media The fast evolution of the mobile web has created new needs for publishers, whereas the objective remains to integrate mobile web targets into an existing workflow and to optimize productivity with the help of automated conversion scripts and tools. What’s New on Mobile WordPress and Social Media At Semiomantics the starting point for our development is the most comprehensive conversion plugin, called WPTouch Pro. WPTouch has released its latest version end of March 2012 with some adjustments for iOS 5.1 and many other fixes and developments: * Added: Custom advertising options for iPad * Added: Simple caching of desktop functions.php * Added: Russian language file * Added: Automatic archiving of previous settings in wptouch-data directory * Added: Compatibility setting for BuddyPress Mobile AJAX support * Fixed: Changing user-agent matching that may have interfered with advertising in certain scenarios * Changed: Replaced include with locate_template in theme files, should allow child overrides of custom WPtouch Pro template files * Changed: Algorithm to reload settings; may have caused settings to be lost in a certain scenario * Updated: All translations based on 2.6 strings * Fixed: An issue with Register and Lost password links in Classic * [...]
Related posts:
Facebook and Mobile Web Seminar by Ycademy
Ycademy Online Seminar January 2012
Ycademy Online Seminar May 2011
Facebook Online Seminar by Ycademy
Facebook Strategy with WordPress
WordPress 3.4 Beta Custom Headers and Backgrounds The release of WordPress 3.4 Beta raises a number of problemsquestions for theme designers in as much as Custom Headers and Custom Backgrounds are concerned. The implementation methods via add_custom_background() and add_custom_image_header() will be depreciated and replaced by a more powerful method via add_theme_support(). The impact for Semiomantics XO and EVO Due to the depreciation of the old calls, we will need to update the themes and make the modifications needed to take advantage of the new features provided by WordPress 3.4. The new theme versions will work with WP 3.4 minimum and must not be used with previous WP versions. Custom developments and child themes may need a special treatment, depending on the degree of customization. I will arrange for some developers calls or set up some tutorials in due course. For the time being I am testing WP 3.4 Beta to check backwards compatibility using our themes. I will keep you posted on results and updates. Incoming search terms:wordpress 3 4custom backgrounds wordpress 3 4 backward compatiblewordpress 3 4 betawp beta 3 4Related posts: Semiomantics XO Transparent WordPress Drafts How to Customize your WordPress Typography WordPress Themes and Development Showcase [...]
Related posts:
Semiomantics XO Transparent WordPress Drafts
How to Customize your WordPress Typography
WordPress Themes and Development
Showcase Portfolio Photo Theme for WordPress
YORGOO Blaster YB271 Beta
Ycademy: Facebook, WP and the Mobile Web Ycademy Online Seminar This month’s Ycademy Online Seminar will take place on March 24 and 25, starting at 1 pm London (GMT) time and ending at 21 pm London time on both days. Some of our developers have asked for a program covering Social Networks, namely Facebook and the Mobile Web and how to take advantage of them to distribute, promote and gain high visibility with own content. The Seminar will cover the following areas: 1. Facebook and other Social Networks Strategies for Individuals Strategies for Businesses Strategy for Brands As you may know, Facebook will change the rules of the game on March 31, when the new FB pages will be released (again!). In fact the new FB page format will be similar to the timeline format and a few important changes will be of utmost importance to businesses and promoters. New Facebook Cover Photo and Profile Image Larger, Highlighted and Pinned Posts Company Milestones New Applications Facebook Offers FB Insights, Admin Panel and Messaging Facebook Advertizing If some of the above topics do not have a meaning for you, never mind: we will deal with them and make sure you [...]
Related posts:
Facebook and Mobile Web Seminar by Ycademy
Facebook Strategy with WordPress
Social Network Publishing Model
Social Media Marketing Seminar
Ycademy Online Seminar May 2011
Media Focused Development for Professionals and Amateurs, The new Semiomantics EVO for WordPress sets new standards for beauty and excellent publishing paired with eCommerce.
Related posts:
XO Photo Press WordPress Theme
The 1001 Faces of Semiomantics XO
Glossy WordPress Theme Development
Ycademy Online Seminar Photo Publishing with Evo for WordPress
Best Car Dealer Theme for WordPress
Semiomantics EVO Developer Theme 2 years ago, about at the same time of the year, we have built Evo, an Action script driven Flash photo and portfolio website. This time we will make use of HTML5, CSS3 and Java Script to customize Semiomantics EVO, a Semiomantics development for Developers. Semiomantics Evo Flash is not anymore a smart option for development for as long as Apple mobile devices are as popular as they are and for as long as mobile Apple devices will not display Flash. Therefore we have been looking for an alternative to produce smashing and eye-catching sites based on HTML5. Of course the good old Evo Flash driven sites still look great. As a lot of work has been put into them we will try to use namely all the edited images and footage in the new EVO version. Semiomantics EVO Version 2012 The biggest changes are: EVO is now powered by WordPress EVO does not use any Flash but is a responsive HTML5, CSS3 and Java script theme. The new EVO assembles the ultimate in WordPress design and features for modern media display. Ideal for photographers, EVO features not less than 6 different Gallery Types. Galleries [...]
Related posts:
Ycademy Online Publishing Seminar
Ycademy Online Publishing Seminar
Ycademy Online Seminar January 2012
Ycademy Online Seminar March 2011
Ycademy Online Seminar May 2011
Image Borders, Padding, Captions on XO Theme Thumbnails on WordPress There are two kinds of thumbnails produced on your XO site: the native WordPress thumbnails and the thumbnails generated by XO for the purpose of display throughout the theme where the WordPress thumbnails don’t fit. WordPress Thumbnails Thumbnail sizes are set in your dashboard under Settings > Media. When we change the thumbs’ sizes, the change will apply only to new content. These thumbnails are used by default in the XO Basic Home Page Layout. In order to modify thumbnails created previously to a change in WordPress settings, we use the “Regenerate Thumbnails” plugin; install from your dashboard and then just run it: this will create thumbnails corresponding to the new WP Media settings for all images in the library and galleries. The Regenerate Thumbnails plugin will have no impact on syndicated posts unless you also pull in the images to your library when syndicating. XO Theme Thumbnails When we upload an image from our dashboard in XO, XO creates 12 thumbnails adapted to the needs of the site and stores them in the default uploads folder for faster loading. If we change the layout settings in XO advanced home [...]
Related posts:
WordPress Date Styling
Meta Tag Styling on WordPress
Related posts:
Meta Tag Styling on WordPress
XO Theme Typography
The Image Caption Style
Happy Valentine
Transparent WordPress Semiomantics XO
Enjoy your Valentine!
Related posts:
Happy New Year After Effects
How to Customize your WordPress Typography
12 Principles of Animation with After Effects
Related posts:
Happy Valentine Gals and Guys
Happy New Year After Effects
How to Customize your WordPress Typography
Happy New Year
12 Principles of Animation with After Effects
XO Theme for WordPress Styling After each post, we display Tag, Category and RSS references. They are not part of the actual post; they are of a rather technical nature and may help visitors to find contextual content on the site. The SEO impact of publishing such Meta Information is discussable. Styling the Author Name We want to display the author’s name underneath the main title in small but remarkable fonts: .post .meta, .hentry .meta,.post .meta a, .hentry .meta a { color:#111111;letter-spacing:5px; } Note: we just use letter-spacing to gain visibility. Bottom Tags Usually these meta tags are printed in small print, often difficult to read. For the purpose of this exercise we have switched to a serif font (Times) and increased letter spacing for better readability: .storycontent .postmetadata, .storycontent .tags { font-family: Times, "Times New Roman",serif; font-variant:small-caps; font-size:16px; line-height:1.1em;color:#101010; letter-spacing:2.5px; } .storycontent .postmetadata a, .storycontent .tags a{ color:#000000; } Nothing really exciting here: we are using small-caps (alternatively upper-cases) and letter-spacing of 2.5px.Note that letter-spacing can take decimal values. The fun is in experimenting with font, colors and styles! Related posts: WordPress Date Styling Custom Typography on Semiomantics XO Theme for WordPress
Related posts:
WordPress Date Styling
Custom Typography on Semiomantics XO Theme for WordPress
Related posts:
XO Theme Typography
WP Author Blog by Semiomantics
WordPress Seminar by Ycademy
WordPress for Authors Seminar
Semiomantics WordPress based Frameworks
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. Incoming search terms:wordpress Typographycustom typography wordpresshow to customize typographyhow to customize your wordpress teamtypography customization wordpresstypography wordpress 2012Related posts: How to Customize WordPress 2 How to Customize WordPress Semiomantics XO Transparent WordPress Drafts Customize WordPress with Semiomantics XO XO Photo Press WordPress Theme
Related posts:
How to Customize WordPress 2
How to Customize WordPress
Semiomantics XO Transparent WordPress Drafts
Customize WordPress with Semiomantics XO
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. Transparent WordPress Gallery Scripts and Plug-ins 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. Incoming search terms:xo theme wordpresstheme blogtheme wordpress typographyxo wordpress themewordpress semiomanticswindows 8 theme for wordpresswordpress transpert themewordpress transparent responsive themewordpress theme windows 8transparent wordpress theme cssRelated posts: Transparent WordPress Semiomantics XO Transparent WordPress Theme Design Semiomantics XO Blog The 1001 Faces of Semiomantics XO Semiomantics XO 2011 for WordPress
Related posts:
Transparent WordPress Semiomantics XO
Transparent WordPress Theme Design
Semiomantics XO Blog
The 1001 Faces of Semiomantics XO
Semiomantics XO 2011 for WordPress
XO for WordPress is a responsive, flexible and highly customizable Theme for high performance and excellence in publishing. Developed by Semiomantics since 2007, the XO is mainly used for custom High End sites. A DIY version is available since 2011 at http://semiomantics.com. News are published to Facebook at http://facebook.com/semiomantics.
Related posts:
Semiomantics XO Blog
Facebook Strategy with WordPress
Ycademy Online Seminar January 2012
Semiomantics XO 2010 Edition
WordPress Shop Version 3 by Semiomantics
May 17, 2012
0