background preloader

Appearance

Facebook Twitter

Editing CSS. The Custom Design upgrade comes with a CSS editor that you can use to customize the appearance of any WordPress.com theme.

Editing CSS

It works by allowing you to add CSS to override parts of the theme’s stylesheet bit by bit or start fresh by turning off the theme’s CSS completely and building a new design from scratch. You may not edit HTML or PHP code, but there is an amazing potential to what you can do with CSS-only edits. To access the CSS editor, go to Appearance → Customize → CSS in your blog dashboard. Custom Design. With the Custom Design upgrade, you can personalize the look and feel of your blog with intelligent color tools, custom fonts, and a CSS editor that can be used to make more advanced design updates.

Custom Design

Custom Design is a paid upgrade that costs $30.00 per blog, per year. It replaces the Custom CSS and Typekit fonts upgrades. All of the Custom Design tools can be accessed through the Appearance → Customize in your blog dashboard where you can use the right-side menu to open panels for Colors, Fonts, and CSS. You can also access the same tools by going to Appearance → Custom Design and using the tabs at the top of the page. Preview Custom Design Before Purchase. Uploading Custom Themes. Because of the way WordPress.com’s technical infrastructure is designed, we are not able to support uploading of custom WordPress themes on our service.

Uploading Custom Themes

However, there are several options if you would like to change the theme of your blog: Several of the over 250 themes on WordPress.com have customization options to change the colors, backgrounds, layouts, and header images. Learn how to activate a new theme here.You can purchase a Custom Design upgrade for your blog, which allows you to edit the look and feel of any WordPress.com theme.You can move your WordPress.com blog to a web host that allows editing and uploading of completely custom themes. You can find suitable hosts here. Avatars. An avatar is an important part of your online representation of yourself, usually a picture of you that shows up in places where you leave comments or forum posts.

Avatars

What is a Gravatar? On WordPress.com, we use Gravatar to associate an avatar with a user’s account. If you’ve set up a Gravatar, it will be displayed when you post to the forums or comment on a blog, and it may also appear if your blog is featured on a tag page. Post Formats. Mobile Themes. When a visitor browses to a WordPress.com blog on a mobile device, we show special themes designed to work on small screens focusing on fast load times.

Mobile Themes

Depending on your current theme and the type of mobile device, you will see one of the mobile themes. Mobile-ready theme + rich browser on modern mobile devices: If you are using one of the themes that are smartphone-ready, that’s what you will see on rich browsers on iPhone, Android, and other smartphones and tablets.Non-mobile theme + rich browser on modern mobile devices: If your current theme is not smartphone-ready, the standard WordPress.com mobile theme is displayed on modern mobile devices. Any theme + older devices: To all other devices, you will see a version of the WordPress Mobile Edition theme.

The WordPress.com mobile theme features your header image and custom background. Premium Themes. WordPress.com’s collection of beautiful and amazing themes continues to grow with the introduction of Premium Themes, featuring intricate designs, exciting options for customization, and exclusive support directly from the theme authors themselves.

Premium Themes

Layout Issues. After publishing a new blog post, you may notice some strange formatting errors on your blog’s front page.

Layout Issues

Review the following article for how to identify the cause of the problem, and more importantly, how to fix it. If you are still having issues even after reviewing the following documentation, please feel free to Contact Support, and have us take a look. If your sidebar has mysteriously relocated to the bottom of your front page this most likely means that there is some extra HTML code in one of your posts breaking the layout. This extra code is normally added when any content is pasted from another web page, source, or program. The most common culprits are Microsoft Word and Open Office, which will both add extra HTML tags to any pasted content.

If this is all a bit too much for you, and you really don’t have the time to wrangle with your HTML, simply contact support, and we will be happy to fix it for you. ↑ Table of Contents ↑ The More Tag. Gravatars. Custom Header Image. Customization is a good thing.

Custom Header Image

Many of the themes on WordPress.com feature an option which allows users to upload their very own custom image header to obtain a much more personalized look and feel. The use of this option is completely free, and you do not need to purchase the Custom Design upgrade in order to change your header—as long as you’re using one of the themes that includes the option, of course. To get started, open the Customizer. Not familiar with the Customizer? Just hover over your blog’s name in the admin bar and click Customize. Here, you may choose between your own images—if you have recently uploaded any—and a selection of suggested images for your current theme if it has any. Want to add a new image instead? Like what you see? The image should appear immediately. Not all themes have support for flexible headers yet, but we are working to add support for more themes over time. Editing Templates and Themes. Blavatars. Blavatar is a term we came up with by combining Blog and Avatar.

Blavatars

Blavatars are used in a number of ways. It will be displayed as the favicon for your blog, which shows up in a browser’s address bar and on browser tabs. Using WordPress.com to Create a Website. With WordPress.com, it’s easy to create your own website or blog in seconds.

Using WordPress.com to Create a Website

For definition’s sake, a blog is a type of website that shows the newest content at the top of the page. A blog can also be one part of a website with multiple pages. On WordPress.com, you can choose any of those options, easily adding pages and other goodies to your site, customizing the style and appearance to your needs. Here are some suggestions on how to get started: Find Inspiration. Custom Menus. If you have a theme that supports the Custom Menus feature, you can create and arrange a group of navigation links for your visitors to find the important parts of your site faster. Most Custom Menus will show in the header area at the top of your site (the main navigation area), though this location can vary from theme to theme. With some themes, you may have the option to create and display multiple custom menus in different places on your site, such as the footer or special sidebar areas. Creating a custom menu allows you to do the following things: Change the order of pages in your menu, or delete them!

Themes. Overview A WordPress Theme is a collection of files that work together to produce a graphical interface with an underlying, unifying design for a blog. WordPress.com currently has a very diverse collection of over 250 gorgeous themes (and we’re always adding more!) , which you can browse in the Theme Showcase. To activate a theme, visit Appearance -> Themes in any blog’s dashboard. Custom Fonts. Custom Fonts are part of the Custom Design upgrade, at $30.00 per blog, per year, and it allows you to easily add Typekit fonts to your blog.

You can customize the fonts on your blog in a few clicks—no coding required. Getting Started To select custom fonts, go to Appearance → Customize → Fonts in your blog dashboard and click the font name to see a list of available fonts. Smiley on Your Blog.