Social Network Publishing
Skip to content

Tag Archives: Web

Image Styling on Semiomantics XO

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
Posted 16 February 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , , , , , , , , , , , , , , ,

The Image Caption Style

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
Posted 14 February 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Happy Valentine

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
Posted 14 February 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Meta Tag Styling on WordPress

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
Posted 13 February 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

XO Theme Typography

Font Styling on WordPress   Related posts: Custom Typography on Semiomantics XO Theme for WordPress
Related posts:

  1. Custom Typography on Semiomantics XO Theme for WordPress

Related posts:

  1. How to Customize your WordPress Typography
  2. XO Mobile Theme with WPTouch Pro
  3. Christmas Skin for XO 2011 WP Theme
  4. XO Photo Press WordPress Theme
  5. Transparent WordPress Theme Design
Posted 13 February 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , , , , , , , , , , , , , , ,

How to Customize your WordPress Typography

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:

  1. How to Customize WordPress 2
  2. How to Customize WordPress
  3. Semiomantics XO Transparent WordPress Drafts
  4. Customize WordPress with Semiomantics XO
  5. XO Photo Press WordPress Theme
Posted 08 February 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , , , , , ,

Semiomantics XO Transparent WordPress Drafts

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:

  1. Transparent WordPress Semiomantics XO
  2. Transparent WordPress Theme Design
  3. Semiomantics XO Blog
  4. The 1001 Faces of Semiomantics XO
  5. Semiomantics XO 2011 for WordPress
Posted 08 February 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , , , , , , , ,

The 1001 Faces of Semiomantics XO

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:

  1. Semiomantics XO Blog
  2. Facebook Strategy with WordPress
  3. Ycademy Online Seminar January 2012
  4. Semiomantics XO 2010 Edition
  5. WordPress Shop Version 3 by Semiomantics
Posted 30 January 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

How to make WordPress Themes Responsive

Responsive Themes for WordPress Responsive Websites become a must in 2012. This tutorial demonstrates how to make your WordPress Theme Responsive. What is Responsive Web Design? In very simple terms: Responsive Web Design aims to display content adapted to the visitors screen size. This means namely that the layout width must be fluid, i.e. expressed as a percentage of the width of the screen, typefaces expressed in em and images must be scalable. Practically speaking: a responsive designs can be viewed on a smart-phone or on a large PC screen, the display will always be the same and adapted to the size of the screen or browser window. n stead of using multiple style-sheets for different screen sizes, designers use Media Queries which allow to create multiple layouts using the same content. To achieve scalability, CSS media queries, such as min-width or orientation are used. Make your WordPress Theme responsive using a Child Theme A quick and easy way consists in creating a child theme; this allows you to upgrade your theme as the case may be without altering your customizations. How to create a responsive child theme? 1. Create a new folder in your wp-content/themes folder and name it [...]
Related posts:

  1. WordPress Christmas Themes
  2. WordPress Themes and Development
  3. Best WordPress Business Themes
  4. How to Style the WordPress Menu
  5. New XO53 Theme for WordPress
Posted 25 January 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , ,

Ycademy Online Seminar January 2012

Ycademy Online Seminar January 2012 – The XO Theme for WordPress remains the most flexible theme for custom development, accessible to most anyone
Related posts:

  1. Ycademy Online Seminar January 2010
  2. Ycademy Online Seminar May 2011
  3. Ycademy Online Seminar
  4. Ycademy Online Seminar April 2011
  5. Ycademy Online Publishing Seminar
Posted 24 January 2012 † Yorgo Nestoridis § Social Network Publishing § Social network Publishing Model § Social Network Publishing on Google § Social Network Publishing Seminar ‡ Comments (0) ° Also tagged: , , , , , , , , , , , , , , , , , , , ,
Proudly using Semiomantics by Yorgo Nestoridis