ScrivitoSeoHeadlineExtender

A Scrivito widget for adding a headline that lets you control its size and style for better SEO.

Add this line to your application's Gemfile:

gem 'scrivito_seo_headline_extender'

Add this line to your application Stylesheet manifest:

*= require scrivito_seo_headline_extender

If you use sass-rails for your application stylesheet manifest (e.g. application.scss or application.css.scss) add the following:

@import "scrivito_seo_headline_extender/application";

If your app already includes a Headline widget, you need to delete it to avoid a conflict.

The following code represents the default localization for English. Copy it to your en.yml and change it if necessary:

en:
  scrivito_headline_widget:
    thumbnail:
      title: Headline
      description: The headline widget displays a page heading and allows to set an anchor. Also has some options for SEO
    details:
      headline: Headline
      small: Additional small headline
      type: Type
      size: Size
      alignment: Alignment
      anchor: Anchor
      weight: Weight

If you load a custom font like from google fonts, be sure different weights are loaded. To use all siezes you need 100,300,400,600 and 800. For example:

  @import url('https://fonts.googleapis.com/css?family=Fjalla+One:100,300,400,600,800');

If you need different weights, you chave to overwrite the css:

  .font-lighter { font-weight: 100 !important; }
  .font-light { font-weight: 300 !important; }
  .font-normal { font-weight: 400 !important; }
  .font-bold { font-weight: 700 !important; }
  .font-bolder { font-weight: 900 !important; }

We recommend to use Scrivito Advanced Editors which provides nicer controls.