Social Network Publishing

Tag Archives: Tutorials

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

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

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

Own Domain on Tumblr

Original Article at Own Domain on Tumblr.

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.


Semiomantics Custom Design on WordPress

Copyright © Yorgo Nestoridis – Original Article at Own Domain on Tumblr.

Related posts:

  1. How to add an Own Custom Domain to Tumblr
  2. How to Move your WordPress Blog
  3. Facebook Graffiti
  4. YORGOO Blaster YB271 Beta
  5. Google Wave Seminar by Ycademy
Proudly using Semiomantics by Yorgo Nestoridis