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
Custom WordPress Design and Developments This post will start a series of articles about building custom Websites based on WordPress and the Semiomantics XO Theme. We will therefore use most of our remaining daily Ycademy calls this month to go into advanced customization issues. But first we will start at the beginning by planning and formulating a project which will allow us to test code, functions and design. The WordPress Custom Project For the purpose of this exercise, we will build plan and execute a hypothetical customer’s project. The new website will be about WordPress, namely about WordPress Tips, Themes and Plugins. It’s a site for a WordPress developer and web designer. The Architecture of the site The structure of the Website will be based on WordPress and include some static pages such as the About, Contact, Imprint and Privacy pages as well as structured dynamic content. As the site will focus on 3 main topics, Tips, Themes and Plugins, we will build for each of these topics custom Posts and Taxonomies. The Developer’s environment To build the new website in a test environment, we install BitNami and namely the WordPress stack (free download). BitNami creates an independent (Apache) server [...]
Related posts:
XO Photo Press WordPress Theme
Elegant WordPress by Semiomantics 101
How to Customize your WordPress Typography
Semiomantics XO Transparent WordPress Drafts
WordPress Personal CMS and Blog
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
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
Original Article at Own Domain on Tumblr.Own Domain on Tumblr from cPanel - This post will show you how to point the A record of a sub-domain to Tumblr from cPanel.
Copyright © Yorgo Nestoridis - Original Article at Own Domain on Tumblr.
Related posts:How to add an Own Custom Domain to Tumblr
How to Move your WordPress Blog
Facebook Graffiti
YORGOO Blaster YB271 Beta
Google Wave Seminar by Ycademy
Original Article at How to Style the WordPress Menu.WP Custom Menu with Rollover Effect This tutorial is based on a recent Custom Photo Blog Theme Development for WordPress on the base of Semiomantics XO. The Solutions apply to most any clean WordPress theme whereas some of the style sheet syntax may vary from theme to theme. The WP Photo Theme — XO Photo The Goal of the exercise was to build a site which will display on mobile platforms as well without the use of WPTouch Pro for example and which offers the possibility to navigate without zooming on mobile phones. This gave us the opportunity to style the Main Navigation (horizontal menu on top of the site. As we are on a photo site we thought about using Menu tabs with images and rollover effects which can be achieved either with sprites or as individual images. We opted for a solution without sprites in this case considering that the difference will not be material on this site. The screenshot shows the rollover effect as it has been taken while the mouse was hovering over the CONTACT tab. The Menu Normal View and the Hover View show the same picture, whereas we put a transparent black layer (85% [...]
Copyright © Yorgo Nestoridis - Original Article at How to Style the WordPress Menu.
Related posts:Transparent WordPress Semiomantics XO
Transparent WordPress Theme Design
How to Customize WordPress 2
How to Create an Ad with Rollover Effect
Web Design Workshop 4 – Navigation
How to associate different widgets with different posts or categories or pages, or archives or ... We could of course create multiple sidebar models and associate them to different variables such as categories or archives, however, for a recent project we opted for a more flexible solution.
Related posts:WordPress Seminar by Ycademy
YorgoLive May 9, 2011
Create a Header Widget in Thesis
Glossy WordPress Theme Development
WordPress 3.0 and Semiomantics
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/semiomantics/how-to-build-your-sd-skin-for-xo/.Full with Skin for SlideDeck Pro Our Tuesday session was a bit rough on some :-). For this reason we will build tonight a custom full width and full height SlideDeck Pro Skin, similar to the one in use in the header of this blog. As you know, I like it minimalist and bold — so, we will build a very simple but eye-catching slider skin. To anticipate the session and for those who cannot assist, here is a tutorial: 1. Create a style sheet While Dreamweaver may be the default editor for css files, we will just use our text editor, PSPad in my case. Go File and select New — Cascading Style Sheet Now save this empty file into a new folder called whatever the name of your skin is: in my case ‘semiomantics’ and name the file: skin.css 2. Add a header comment to skin.css Now we start by entering the header information in form of a comment: /* Skin Name: Semiomantics 1024 Skin URI: http://shop.yorgonestoridis.com/wordpress/slidedeck-skin-1024-px/ Skin Type: fixed Description: The skin is used at http://sd.xo2011.com - full width and height, no borders, no padding adapted for [...]
Related posts:Ycademy Online Seminar March 2011
Christmas Skin for XO 2011 WP Theme
SlideDeck Pro on XO
Semiomantics XO Media Slider goes Mobile
Build your Flash Website with Gene
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/semiomantics/best-wp-shop-custom-design/.WordPress Shop Theme Customization The week-end was busy with the Ycademy Seminar and the new doors opened by the Seminar Content lead to a busy schedule for our daily calls in the near future. There are two areas of development: 1. WordPress Shop Theme Customization and 2. WordPress Customization fo r the Mobile Web This week we will focus on WP Shop Customization on the base of the Semiomantics eShop. The Semiomantics Shop The Semiomantics eShop is based on a clean and user-friendly WordPress Theme which has been adapted to comply with Semiomantics standards and requirements for high visibility and performance. The Theme is ideal for customers with a straight forward business selling namely to a targeted local audience. I say this right at the beginning: the shop does not offer multi-currency features or tax rates by country or state. Besides this the Shop is flexible and bears quite a number of interesting built in features also for affiliate marketers as well as for people who would like to offer to their customers an affiliate program. Considering the price, the Semiomantics eShop is the best deal online, second only to [...]
Related posts:Customizing WP Shop Theme
Mobile WordPress and Shop
WordPress Shop Version 3 by Semiomantics
WordPress Development Seminar
Semiomantics Mobile Developments
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/semiomantics/how-to-add-a-3d-banner-to-xo-2011/. Contents [ hide ] 1 Create a smashing Home Page on XO 1.1 Preparation of the Project 1.2 Implementation 1.3 1 Download, unzip and rename the 3D Component 1.4 Edit images.xml 1.5 Edit settings.xml 1.6 Rename the swf file 1.7 Embed the Banner to the XO header 2 Author: Create a smashing Home Page on XO This tutorial will show step by step how to add a 3D banner to the XO header. As an example we will use Boruch Rappaport’s Ycademy Sandbox. Preparation of the Project The ingredients of our Project are first of all a WordPress with the XO theme loaded, then we need a flash component, the 3D banner and finally we need some images to load into the component to display on the home page of XO. Finally we need to properly embed the component. Implementation To start with I have loaded XO to Boruch’s ycademy sandbox and activated the theme. Then I have added some content by syndicating some posts from boruchrappaport.net. Quich configuration of XO includes a basic layout, a header and a background (which I copied in rom boruchrappaport.net). The site width [...]Related posts:Banner Rotator for SemiomanticsThesis Tutorial Header Banner RotatorInstall XO 2011 on Ycademy SandboxChristmas Skin for XO 2011 WP ThemeSemiomantics XO 2011 for WordPress
Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/ycademy/business-card-and-newsletter-design/.
Contents
[ hide ]
1 Business Card and Newsletter Design with Office 2010
1.1 Branded News Letter and Business Cards
Business Card and Newsletter Design with Office 2010
Subsequent to the February Ycademy Seminar and our Tuesday session, we have continued to work on branding printed matters yesterday. ...
Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/people/bianca-gubalke-people/custom-book-cover-design/.
Contents
[ hide ]
1 Custom Book Cover Design
1.1 Custom Book Cover Design with Bianca Gubalke
1.2 Book Cover Designers
Custom Book Cover Design
My earlier post about Book Cover Design triggered immediate feedback. Of course the two samples were smashing and I understand authors who would like ...
Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/design/book-cover-design/.
Contents
[ hide ]
1 Book Cover Design
1.1 Custom Book Cover Design
Book Cover Design
Book Cover Design is a delicate matter. Bianca Gubalke from Noordhoek in South Africa applies advanced Graphic Design to Book Covers with smashing results. Book shops know: the cover sells.
Bianca designs custom ...
By Yorgo Nestoridis
Contents
[ hide ]
1 WP Best Business Theme Home Page
1.1 The WP Best Home Page Page Structure
1.2 The WP Best Home Page strong points
WP Best Business Theme Home Page
Once the WP Best business Theme selected and the layout defined we can now add our content to structure the home page in a [...]
By Yorgo Nestoridis
Contents
[ hide ]
1 WP Best Business Theme Home Page
1.1 The WP Best Home Page Page Structure
1.2 The WP Best Home Page strong points
WP Best Business Theme Home Page
Once the WP Best business Theme selected and the layout defined we can now add our content to structure the home page in a [...]
May 17, 2012
0