Tag Archives: featured

Make it easy for readers to cite your posts using the Cite plugin

The Cite plugin, which is automatically activated on your blog but optional to use, offers an easy way to tell your readers how to cite your posts.

Continue reading Make it easy for readers to cite your posts using the Cite plugin

François Pacaud

Responsable du service blogging scientifique / Head of science blogging department (Cléo/OpenEdition)

More Posts

Follow Me:
TwitterFacebookLinkedInFlickr

Twenty Fifteen: vertical and effective

This post presents all the practical information you need to help you get to grips with Twenty Fifteen (2015), which is now available on Hypotheses. Once the theme has been activated on your blog via the Appearance>Themes menu, you will find most of the configuration options in the Appearance>Customize menu.

A theme for screens of all shapes and sizes

Twenty Fifteen combines the latest technologies in user experience with the “Mobile first” design method (the web designer develops the theme based on its mobile version, which is considered to be the most widely used). Naturally, this means the theme is responsive: it adapts perfectly to all screen sizes.

responsive_mockup_tam020615
Example of a blog using Twenty Fifteen displayed on different sized screens.

A vertical header!

Twenty Fifteen focuses on making your content readable. It is different from other themes in that it has no horizontal header. Instead there is a left sidebar containing your menus and widgets as well as your blog’s name and subtitle. This makes the top section of the sidebar, displaying your blog’s name and subtitle, the de facto header, even though it is not situated at the top of the page …

You will notice that when you scroll down to the bottom of the content on your blog, the sidebar will also scroll down until you reach the bottom of the sidebar. It will then remain static even if you scroll further down on the main part of the blog.

Two menus to customize

Once you have created your navigation menu you place it in the sidebar. It is therefore positioned vertical to your blog. To find out how to create a menu using WordPress, please see the video in this post (in French) on the Maison des Carnets.

In Twenty Fifteen it is also possible to add a description to the items in your menu. To do this, go to Appearance>Menus and click on the “Screen Options” tab in the top right of your screen. Click the “Description” box. Close this menu by clicking on “Screen Options” again. Now, when you display the details of any menu item (by clicking on the small arrow to the right of the rectangle showing the menu item), you will see a “Description” field. Whatever you write will be displayed underneath the item in the menu.

menus item description 2015
Example of a menu in which some items contain descriptions.

Underneath this menu you can also add a second menu for social media. To do this, just create a menu containing nothing but links to the social networks of your choice. You then need to place this menu in the “Social Links Menu” space. There’s no need to configure the icons in this menu: they will be displayed automatically because you have inserted links to your chosen social networks.

Social Links Menu 2015
Example of a menu made up of links to social networks.

Automatic icon display is only available for the following web services:

  • CodePen
  • Digg
  • Dribbble
  • Dropbox
  • Email (mailto: links)
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Path
  • Pinterest
  • Pocket
  • Polldaddy
  • Reddit
  • RSS Feed (URLs + /feed/)
  • Spotify
  • Skype
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • WordPress
  • YouTube

Paint it black … or yellow

On Twenty Fifteen, you can select one of six colour schemes by going to the Appearance>Customize>Colors menu. You can then adjust these colour schemes. You can change the colour of the following:

  • The background (i.e. the main zone of your blog)
  • The text in the left sidebar (including the name and subtitle of your blog)
  • The header background and sidebar background (the header is the space at the top of the left column displaying your blog’s name and subtitle)
six-couleurs-predefinies-2015
Example of the different colour combinations available on Twenty Fifteen.

You can also choose a header image (which will be the background image in the left sidebar) and a background image (which will be the background image in the main zone of the blog). To do this, go to the Appearance>Customize> Header Image / Background Image menus.

Please bear in mind that the images you choose must meet two criteria. First of all, their format (this is especially true in the relatively narrow left sidebar). It is therefore important to opt for portrait images to achieve the best visual results. The left sidebar is 248 pixels wide, while the main zone is 660 pixels wide. To ensure that your content remains legible, you should also try to use images in sober colours and make sure that they do not clash with the text colour. Lastly, remember to include credit information for the images you use (licence, specific user rights, author and, where applicable, a link to the original image). This information can be displayed on your blog’s “Credits” page, for example.

Header and background images 2015
Example of header and background images.

Optimize your featured images

As with many other themes, Twenty Fifteen allows you to use featured images in your posts (one featured image per post). To do this, add the image you have selected by going to the “Featured Image” section at the bottom right of the page where you edit a post. To make sure your featured images are displayed properly, choose images with the following dimensions (or close to these dimensions): 825 pixels wide x 510 pixels high.

Don’t forget to include the credit information for your featured image.

To find out more

On the Internet you can find a wide array of tutorials about the different aspects of Twenty Fifteen. Here are a few:

Featured image: Wall Street by Michael Aston (licence: Creative Commons by-nc)

This post is a translation of this one by Helen Tomlinson.

See you soon on Hypotheses!

Michel Tamarin

Chargé de projet web hypotheses.org

More Posts - Website

Follow Me:
TwitterLinkedInGoogle Plus

Hueman theme is now available

Update 18/06/2016

Please note that a new version of Hueman is now installed on Hypotheses, meaning that much of the information contained in this post has changed: all the configuration options for this theme can now be found in the “Appearance > Customize” menu on your dashboard. The tutorial shown below is therefore out of date. However, it may still be useful to help you understand Hueman’s different configuration options, which are still available and outlined below.

For full and up-to-date details on Hueman, please visit the official website created by the theme’s developers. However, please note that we have chosen not to include some of the configuration options mentioned on the official site on Hypotheses itself. These options will therefore not be available on your blog.

Continue reading Hueman theme is now available

François Pacaud

Responsable du service blogging scientifique / Head of science blogging department (Cléo/OpenEdition)

More Posts

Follow Me:
TwitterFacebookLinkedInFlickr

Twenty Twelve: simple and effective

As you know, the themes on Hypotheses have changed in 2014. After Twenty Fourteen and Twenty Eleven, here is an overview of how to configure Twenty Twelve. Some blogs have already chosen this theme. As you can see on the blogs Devenir Historien-ne and Ce n’est pas une image juste, Twenty Twelve is a sober and elegant theme, ideal for blogs publishing longer posts.

Continue reading Twenty Twelve: simple and effective

Simply Twenty Eleven

This year, Hypotheses is changing the themes it offers to its bloggers, as you may already know. In this post I will talk you through how to configure one of the platform’s new themes: Twenty Eleven (to configure Twenty Fourteen, please see this post).

Some of our bloggers have already chosen this theme for their blog. Harmonies Colorées and WP+LW=? are two successful examples.

The default Twenty Eleven theme adopts the classic blog format: the main column on the homepage displays the full posts in reverse chronological order. However, one of the distinctive features about this theme is that the widget column is displayed only on the homepage. This column is not visible on a blog post page, leaving as much space as possible for the text itself (see below).

Continue reading Simply Twenty Eleven

Switching to Twenty Fourteen

As Delphine Cavallo explained in the last post on the House of blogs, it’s time to update the appearance of the blogs on Hypotheses. We are now offering you four themes developed by WordPress, and this will make our blogs more stable, aesthetically coherent and flexible in the long term.

These four new themes are in responsive design, which means that the way they are displayed changes depending on the size and type of screen, which is a real advantage, especially when it comes to reading on smartphones and tablets.

Continue reading Switching to Twenty Fourteen

Four new themes for your blogs (2014)

At the general meeting of our bloggers held on 8 April 2014, we announced that the themes we use on Hypotheses – which give the blogs their overall look – would soon change. Four new themes are now available for your blogs: Twenty Eleven, Twenty Twelve, Twenty Thirteen and Twenty Fourteen. Below are our reasons for this choice and a guide to changing your blog’s theme. More detailed documentation will soon be published (in French) on the Maison des Carnets: http://maisondescarnets.hypotheses.org

Why change themes?

Some of the themes that have been offered on Hypotheses up until now are very complex and carry bugs, while others include coding that requires complex maintenance. Generally the coding varies from one theme to another because the themes have not been developed by the same organisation. This heterogeneity makes maintaining the platform difficult.

What’s more, some of the themes are old and no longer meet minimum requirements, notably in terms of accessibility. For example, most of our old themes are not compatible with the dozens of screen resolutions that have arisen with the development of smartphones and tablets. The plugin used to do this (wp-touch) is also dated and too rigid to allow for a truly universal user experience.

Lastly, these themes pose compatibility problems with the plugins requested by our community of bloggers, which makes testing new plugins complicated and making changes slow, if not impossible.

The decision to offer new themes is a response to the technical necessity of standardising the platform, first and foremost to ensure it is properly maintained. This operation will also ensure the future development and internationalisation of the platform. It will allow us to respond to your requests more effectively while guaranteeing that the platform is compatible with state-of-the-art technology.

Which themes?

The seven old themes will be progressively replaced by four new, more standardised themes developed by one organisation, WordPress, which provides the software on which Hypotheses is based. These four new themes use responsive design, which means that page display is adjusted to the size and type of screen, in particular smartphones and tablets.

The new themes are:

WordPress currently designs a new theme each year. The Hypotheses team intends to do the same by offering users an additional theme each year.

How do you change theme?

You will need to choose and configure one of the four new themes for your blog.

To change theme, simply go to the “Appearance” tab (left-hand column of your blog’s dashboard), then click on “Themes” and choose from Twenty Eleven, Twenty Twelve, Twenty Thirteen and Twenty Fourteen. To select the theme, click on “Activate” (displayed in the thumbnail of each theme). As you will see, you can preview how your blog will look before activating the new theme. You can then customise your theme by clicking on “Customise” in the “Appearance” tab.

If you would prefer a easy-to-read and easily configured theme, go for Twenty Eleven or Twenty Twelve. If you would prefer a theme with more configuration options – which takes a little longer to set up – Twenty Fourteen is the theme for you.

What is the schedule for the change of themes?

The Cleaker Cléo, Evolve Hypothèses.org, Magazine Basic Cléo, Magazine P Basic Hypothèses, Twenty Eleven Hypothèses.org, Twenty Ten and Photopress will be progressively withdrawn. Here is the schedule for the change of themes:

  • From April 2014: the new themes Twenty Eleven, Twenty Twelve, Twenty Thirteen and Twenty Fourteen are available;
  • From 1 July 2014, the other themes will be considered obsolete and will no longer be offered when a blogger wishes to change theme. In addition, we will no longer provide technical support for these themes. We therefore strongly encourage you to change to one of the new themes at this point, if you have not already done so;
  • From 30 September 2014, the old themes will be withdrawn. Blogs that have not already changed theme will be automatically assigned a new theme. You will of course be able to change this theme.

During this transitional period, the hypocommunity is the preferred method for discussing issues, alerting us to any problems you encounter and providing feedback, both to the Hypotheses team and other bloggers.

Documentation is currently being prepared and will be published (in French) on the Maison des Carnets: http://maisondescarnets.hypotheses.org/. This, however, is no substitute for your feedback and we encourage you to continue discussing the configuration of these themes on the hypocommunity: hypocommunity@groups.openedition.org.

 

Featured image: New Values by Thomas Hawk (licence: Creative Commons by-nc)

This post is a translation of this one, by Helen Tomlinson.

See you soon on Hypotheses!