Browsing Tag »Theme

How to build a Custom WordPress Site 3

May 17th , 2012 → 11:14 am @

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:

  1. How to build a Custom WordPress Site 2
  2. How to build a custom WordPress Site
  3. Custom Widgets for WordPress
  4. WordPress 3.4 Beta
  5. Facebook Strategy with WordPress

Category : Yorgo Nestoridis

How to build a Custom WordPress Site 2

May 14th , 2012 → 12:25 pm @

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:

  1. How to build a custom WordPress Site
  2. Semiomantics XO Transparent WordPress Drafts
  3. How to make WordPress Themes Responsive
  4. WordPress Themes and Development
  5. WordPress 3.4 Beta

Category : Yorgo Nestoridis

Customizing CSS in WP Mobile Theme

May 1st , 2012 → 6:36 pm @

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:

  1. XO Mobile Theme with WPTouch Pro
  2. Customizing WP Shop Theme
  3. Customizing Post Editing
  4. Best WP Business Theme
  5. Hosting South Africa Fun Theme

Category : Yorgo Nestoridis

Showcase Portfolio Photo Theme for WordPress

February 22nd , 2012 → 10:09 am @

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:

  1. XO Photo Press WordPress Theme
  2. The 1001 Faces of Semiomantics XO
  3. Glossy WordPress Theme Development
  4. Ycademy Online Seminar Photo Publishing with Evo for WordPress
  5. Best Car Dealer Theme for WordPress

Category : Yorgo Nestoridis

Ycademy Online Seminar Photo Publishing with Evo for WordPress

February 19th , 2012 → 11:37 am @

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:

  1. Ycademy Online Publishing Seminar
  2. Ycademy Online Publishing Seminar
  3. Ycademy Online Seminar January 2012
  4. Ycademy Online Seminar March 2011
  5. Ycademy Online Seminar May 2011

Category : Yorgo Nestoridis

Image Styling on Semiomantics XO

February 16th , 2012 → 10:21 am @

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:

  1. WordPress Date Styling
  2. Meta Tag Styling on WordPress

Related posts:

  1. Meta Tag Styling on WordPress
  2. XO Theme Typography
  3. The Image Caption Style
  4. Happy Valentine
  5. Transparent WordPress Semiomantics XO

Category : Yorgo Nestoridis

The Image Caption Style

February 14th , 2012 → 11:00 am @

Enjoy your Valentine! No related posts.
No related posts.
Related posts:

  1. Happy Valentine
  2. Meta Tag Styling on WordPress
  3. XO Theme Typography
  4. Happy Valentine Gals and Guys
  5. Web Design Workshop 17 Resizing Large Background Image

Category : Yorgo Nestoridis

The Image Caption Style

February 14th , 2012 → 11:00 am @

Enjoy your Valentine! No related posts.
No related posts.
Related posts:

  1. Happy Valentine
  2. Meta Tag Styling on WordPress
  3. XO Theme Typography
  4. Happy Valentine Gals and Guys
  5. Web Design Workshop 17 Resizing Large Background Image

Category : Yorgo Nestoridis

Happy Valentine

February 14th , 2012 → 10:39 am @

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:

  1. Happy Valentine Gals and Guys
  2. Happy New Year After Effects
  3. How to Customize your WordPress Typography
  4. Happy New Year
  5. 12 Principles of Animation with After Effects

Category : Yorgo Nestoridis

Meta Tag Styling on WordPress

February 13th , 2012 → 8:17 pm @

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:

  1. WordPress Date Styling
  2. Custom Typography on Semiomantics XO Theme for WordPress

Related posts:

  1. XO Theme Typography
  2. WP Author Blog by Semiomantics
  3. WordPress Seminar by Ycademy
  4. WordPress for Authors Seminar
  5. Semiomantics WordPress based Frameworks

Category : Yorgo Nestoridis