Browsing Tag Web Design Workshop

Image Styling on Semiomantics XO

February 16th, 2012 // 8:21 am @ Yorgo Nestoridis

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 : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

Meta Tag Styling on WordPress

February 13th, 2012 // 6:17 pm @ Yorgo Nestoridis

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 : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

Facebook Strategy with WordPress

November 21st, 2011 // 6:51 pm @ Yorgo Nestoridis

Original Article at Facebook Strategy with WordPress.

Facebook Strategy with WordPress
10 Steps to Implement your Facebook Strategy with WordPress Contents 10 Steps to Implement your Facebook Strategy with WordPress 11 Efficient Facebook Strategies 7 Ways to jeopardize your Facebook success for sure 4 Important Facebook features to focus on Facebook Privacy and Accessibility settings Workshop: Information and Profile Friends, Fans and Subscriptions Facebook Pages Workshop: Build a simple Facebook page Creative and useful Facebook Page Content Integrating WordPress with Facebook Workshop: Build your Facebook with WordPress 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 Workshop: Add Social Network features to your WordPress Selective Access to your FB Content Seminar Schedule Time Materials Tickets [...]


Semiomantics Custom Design on WordPress

Copyright © Yorgo Nestoridis – Original Article at Facebook Strategy with WordPress.

Related posts:

  1. WordPress on Facebook
  2. Facebook and Mobile Web Seminar by Ycademy
  3. Ycademy Online Seminar May 2011
  4. Facebook Online Seminar by Ycademy
  5. Best Facebook Pages

Category : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

How to create a Favicon with Photoshop

March 9th, 2011 // 12:40 pm @ Yorgo Nestoridis

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/semiomantics/how-to-create-a-favicon-with-photoshop/.Create .ICO Files (Favicons) with Photoshop The favicon or icon is part of the customization of a website. The favicons show namely in the browser tabs. Nowadays most browsers will also show .gif and .png icons; the .ico format is preferred by Internet Explorer. A [...]

Related posts:

  1. Create a Favicon with Photoshop
  2. Create Apple Touch Icons and Startup Images
  3. Semiomantics Shop for WordPress
  4. Create Buttons with Photoshop
  5. Logo Design with Photoshop

Category : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

Best WP Shop Custom Design

February 28th, 2011 // 9:24 am @ Yorgo Nestoridis

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 [...]

Related posts:

  1. Customizing WP Shop Theme
  2. Mobile WordPress and Shop
  3. WordPress Shop Version 3 by Semiomantics
  4. Semiomantics Mobile Developments
  5. Google Top 10 with your Shop

Category : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

Photoshop Basics Workshop

February 23rd, 2011 // 8:02 am @ Yorgo Nestoridis

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/photoshop-basics-workshop/.More Photoshop Basics Tonight’s call will focus on more Photoshop Basics. The goal is to become familiar with more easy to use features to produce more interesting graphics for advertising or product presentation. I am looking forward to an inspiring session :-) . Related posts:3D Text [...]Related posts:

  1. 3D Text with Photoshop
  2. How to use Displacement Masks in Photoshop
  3. Book covers and Jewel Cases with Photoshop
  4. Web Design Basics
  5. Photoshop Ycademy

Category : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

Logo Design with Photoshop

January 31st, 2011 // 9:44 am @ Yorgo Nestoridis

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/logo-design-with-photoshop/.How to design a simple Logo with Photoshop After a rich Seminar, let’s relax with a simple Logo design at tonight’s call. The exercise will consist in using custom shapes, fonts and styles from Photoshop according to the below samples: Semiomantics Logo A colored version: [...]Related posts:

  1. Logo Design Study for Zo Nicholas
  2. Logo Design Study for Zo Nicholas
  3. 3D Text with Photoshop
  4. 3D Text with Photoshop
  5. Create Buttons with Photoshop

Category : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

3D Text with Photoshop

January 21st, 2011 // 8:01 am @ Yorgo Nestoridis

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/3d-text-with-photoshop/. Contents [ hide ] 1 Spectacular 3D Text for Print and Web Effects and Styles The interest of the exercise is in discovering some smashing effects we can achieve with Photoshop without using the 3D tools. We wil also see the number of operations needed to perfectly place shine, glow and shadows to give a glossy, high quality impression. Short Friday Call Please be on time as this exercise will take at least 1 hour to accomplish and understand. I hope you will be as smashed as I am by the result and this final session of our PS Basics workshops. Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics. If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription. This page is wiki editable click here to edit this page. Related posts:Photoshop Workshops Photoshop Ycademy 3D Photoshop Exercise Create Buttons with Photoshop Resizing Pictures in PhotoshopRelated posts:

  1. Photoshop Workshops
  2. Photoshop Ycademy
  3. 3D Photoshop Exercise
  4. Create Buttons with Photoshop
  5. Resizing Pictures in Photoshop

Category : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

Photoshop Workshops

January 14th, 2011 // 10:49 am @ Yorgo Nestoridis

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/ycademy/photoshop-workshops/. Contents [ hide ] 1 Bonus for Ycademy Seminar Participants 2 Author: Bonus for Ycademy Seminar Participants This month our daily calls are focusing on Photoshop basics. To prepare the sessions we are using the most popular resources and guides available out there. For Ycademy Seminar participants we have prepared a Library which we will feed before the Ycademy January Seminar time permitting. Amongst the best resources are the ones from Lynda.com, as well as CS5 for Dummies and the CS5 Bible. We are using these to elaborate tutorials and exercises which we make available for download. Please look out for a mail from Bianca with the access link and pass to the library. Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics. If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription. This page is wiki editable click here to edit this page. Related posts:Adobe Flash Workshops and Seminar by Ycademy Flash Workshops: Is the Time Right for you? Book covers and Jewel Cases with Photoshop Photoshop Ycademy Ycademy October SeminarRelated posts:

  1. Adobe Flash Workshops and Seminar by Ycademy
  2. Flash Workshops: Is the Time Right for you?
  3. Book covers and Jewel Cases with Photoshop
  4. Photoshop Ycademy
  5. Ycademy October Seminar

Category : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

Christmas Skin for XO 2011 WP Theme

December 6th, 2010 // 12:07 pm @ Yorgo Nestoridis

Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/semiomantics/christmas-skin-for-xo-2011-wp-theme. Contents [ hide ] 1 Time for a High Performance WP Christmas Theme 1.1 How to create a Christmas Website with Semiomantics XO 2011? 1.2 Sophisticated Christmas Theme for WordPress 1.3 Join our calls this week and we will build your site together Time for a High Performance WP Christmas Theme Beginners often are unaware of the impact a theme can have on the performance of a website and therefore they tend to change themes often. Downloading free themes is a great way of changing the look and feel of the site quickly, however there is more to a theme script than looks. Semiomantics XO 2011 is a theme which allows to quickly adapt to seasonal or mood challenges right from the dashboard. Further customization is always possible with some knowledge of CSS and php or by discussing the project with a Semiomantics Developer. How to create a Christmas Website with Semiomantics XO 2011? The easiest way is to follow just the following steps: 1. Choose a color scheme, say in the reds and greens and apply them to your backgrounds, fonts and features from the Semio XO menu [...]

Related posts:

  1. Christmas at Ycademy starts Tonight
  2. Semiomantics XO 2011 for WordPress
  3. Semiomantics XO 2011 Edition Release
  4. Semiomantics XO 2011
  5. Christmas Cards Personalized

Category : Google Top 10 &News &Performance &Project Management &Semiomantics &Showcase &Web Design &Web Development &Web Services &Website Features &Yorgo Nestoridis

Latest News

Subscribe

photostream