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
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
eval base64 on WordPress or other Sites WordPress and other CMS powered sites are often targets for hackers who mass-inject some code into php and or html files. What to look for The cases I came across so far showed a hack just before the closing body tag in form of a short script pointing to an external source. Also, in some cases I found some php file in the uploads folder (in WP the uploads folder should not contain any php files). Once the script executed, a long string starting something like this: is placed on php and/or htm/html files. This eval base64 encoded and injected PHP code will hit all php archives. How to get rid of the hack without destroying your site To start with: change your passwords (FTP and Admin). Make sure your site script WP and Plugins are updated. Check your footer.php (theme folder) and delete eventually the script added by the hack (or just load your backed up footer.php and replace the file). Check your uploads folder for php files and delete them. Check your plugins folder for unusual php files and as the case may be delete them. If you are not familiar [...]
Related posts:
How to get rid of eval base64_decode Hack
WordPress eval base64_decode Hack
Upgrade your WordPress in 5 seconds
Ycademy Easter Contest 2
Facebook Profile Picture Hack
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
Facebook Page Publishing with New Timeline As from March 30, Facebook pages will change their look and features. I have presented the new options at last week-end’s Ycademy Seminar. In order to take advantage of the new features, companies, brands or people in general must adapt to the new format and can optionally expand visibility and interactivity using a well thought publishing concept. The concept I am talking about is the Semiomantics Facebook Publishing Concept. Semiomantics Facebook Publishing Concept Semiomantics has been focused on developing high performance scripts for online publishing since 2008. Originally the main target was SEO to reach Google Top 10 listings and to gain high visibility and traffic on and from search engines. Semiomantics main concern has always been to control and secure content and to make it available online in the customer’s own rights, rather than to entrust third party sites such as social networks with the content and letting them handle the publication. The second most important concern is productivity and an efficient workflow, allowing to edit and publish on one place only all content for the web (including the mobile web) and to channel it then to the different target locations, networks and [...]
Related posts:
Facebook Strategy with WordPress
Best Facebook Pages
Facebook Marketing 2
Semiomantics Optimization for Facebook
WordPress for Facebook Fan Pages with FBlaster
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