AlbinoMouse Documentation

This page contains a comprehensive documentation of the WordPress theme AlbinoMouse. Here you will find descriptions of special features and tutorials for AlbinoMouse.

Theme Options

Global

[bs_collapse id=“albinomouse_themeoptions_global“]
[bs_citem title=“Links and Footer Color“ id=“albinomouse-link-color“ parent=“albinomouse_themeoptions_global“]

AlbinoMouse is designed to have the same colors for links and the footer. You can choose a color corresponding to your CI, your website or blog. To maintain readability, you should choose a strong, saturated color.

[/bs_citem]
[bs_citem title=“Background“ id=“albinomouse-background“ parent=“albinomouse_themeoptions_global“]

The background of your website can be freely defined. You can select a color and/or graphic. You can use the media uploader to upload and select a graphic. In order to maintain readability, it is recommended to choose an unobtrusive and bright background.

[/bs_citem]
[bs_citem title=“Favicon“ id=“albinomouse-favicon“ parent=“albinomouse_themeoptions_global“]

The favicon is a small icon on the browser tab or in the bookmarks. This option is used to link your own favicon with the website. The known media uploader allows you to upload the favicon.

[/bs_citem]
[bs_citem title=“Title Font“ id=“albinomouse-header-font“ parent=“albinomouse_themeoptions_global“]

One of the following Google fonts can be selected for titles:

  • Anton
  • Bitter
  • Droid Sans
  • Droid Serif
  • Open Sans
  • Source Sans Pro
  • Ubuntu
  • Yanonne Kaffeesatz

[/bs_citem]
[bs_citem title=“Global Font“ id=“albinomouse-global-font“ parent=“albinomouse_themeoptions_global“]

One of the following Google fonts can be selected for general texts:

  • Droid Sans
  • Droid Serif
  • Open Sans
  • Source Sans Pro
  • Ubuntu

[/bs_citem]
[/bs_collapse]

Header

[bs_collapse id=“albinomouse_themeoptions_header“]
[bs_citem title=“Header Background“ id=“albinomouse-header-background“ parent=“albinomouse_themeoptions_header“]

By default, the header is an area colored in a semi-transparent gray. Alternatively, a 100% transparent background can be selected.

[/bs_citem]
[bs_citem title=“Replace the Title with your own Logo“ id=“albinomouse-custom-logo“ parent=“albinomouse_themeoptions_header“]

The website title is usually displayed on the top left of all pages. If you have your own logo, you can use this instead of the title.

[/bs_citem]
[bs_citem title=“Title and Description Alignment“ id=“albinomouse-header-alignment“ parent=“albinomouse_themeoptions_header“]

The branding (title/logo and description) can either be left-aligned or centered in the header.

[/bs_citem]
[bs_citem title=“Page Description“ id=“albinomouse-site-description“ parent=“albinomouse_themeoptions_header“]

A page description (sub-title – defined in the settings) is displayed along with the title/logo. If you don’t want this, you can disable the checkbox.

[/bs_citem]
[bs_citem title=“Header Search Box“ id=“albinomouse-header-search“ parent=“albinomouse_themeoptions_header“]

A search box is positioned in the header by default. If you prefer the search box to appear in the sidebar or if you do not want to implement a search at all, this option can be disabled.

[/bs_citem]
[/bs_collapse]

Content

[bs_collapse id=“albinomouse_themeoptions_content“]
[bs_citem title=“Post Images“ id=“albinomouse-post-thumbnails“ parent=“albinomouse_themeoptions_content“]

Two dimensions for post images are available in AlbinoMouse v2.

The dimensions of the option «Content Post Image» correspond to the thumbnail size defined in the media settings. When selecting this option, the content wraps around the post image.

The dimensions of the option «Banner Post Image» are 750px x 250px. When selecting this option, images that are uploaded in the future, will be created with these dimensions in addition to the media sizes defined in the settings. Existing images must be regenerated. This can be done with the Regenerate Thumbnails plug-in.

[/bs_citem]
[bs_citem title=“Sidebar Layout“ id=“albinomouse-sidebar-layout“ parent=“albinomouse_themeoptions_content“]

The sidebar is used to display any number of widgets. There are five new sidebar layouts available, with one of them hiding the sidebar. You can either use a narrow or a wide sidebar and decide whether it is positioned on the left or right side.

[/bs_citem]
[/bs_collapse]

[bs_collapse id=“albinomouse_themeoptions_footer“]
[bs_citem title=“Footer Layout“ id=“albinomouse-footer-layout“ parent=“albinomouse_themeoptions_footer“]

The footer provides plenty of space for widgets. This option can be used to select the number of widget columns to be displayed. You can choose between one and four columns.

[/bs_citem]
[bs_citem title=“Custom Copyright Text“ id=“albinomouse-custom-copyright“ parent=“albinomouse_themeoptions_footer“]

Using the blog title in the settings, AlbinoMouse automatically inserts a copyright note. Using this option, you can position your custom copyright text.

[/bs_citem]
[bs_citem title=“Show your Love!“ id=“albinomouse-show-love“ parent=“albinomouse_themeoptions_footer“]

This option allows you to hide the information regarding the used CMS and theme. I would appreciate if you enabled this option to show which theme you use.

[/bs_citem]
[/bs_collapse]

Upgrade

[bs_collapse id=“albinomouse_themeoptions_extend“]
[bs_citem title=“Redesign for Social Buttons of the Jetpack Expansion (Flat Design)“ id=“albinomouse-social-buttons“ parent=“albinomouse_themeoptions_extend“]

As the own Social Buttons are no longer available due to the Theme Guidelines, AlbinoMouse provides a Redesign Option for the buttons of the Jetpack Expansion starting from version 2. The Share buttons are then displayed in a flat, minimalist design.

[/bs_citem]
[/bs_collapse]

Bootstrap Power

Customize Main Menu

Using the wp-bootstrap-navwalker code by twittem, AlbinoMouse is able to insert the Bootstrap Navbar. Dropdown menus can be realized using the AlbinoMouse menu. Further sub-divisions (sub-menus) are not possible. However, other structuring options are available.

AlbinoMouse Bootstrap Menu

[bs_collapse id=“collapse_albinomouse_navbar“]
[bs_citem title=“Create Dropdown Menu“ id=“albinomouse_dropdown“ parent=“collapse_albinomouse_navbar“]

To create a dropdown, please proceed as follows:

  1. Insert a # for the URL, as clicking a dropdown link only opens the dropdown menu and not a page.
  2. Enter the desired name for the dropdown link in «Display Name».
  3. The menu items that appear when clicking the dropdown link will be one level below. This only works with drag&drop and you can recognize it by the left margin.

AlbinoMouse Dropdown Menu

[/bs_citem]

[bs_citem title=“Divider“ id=“albinomouse-dropdown-divider“ parent=“collapse_albinomouse_navbar“]

To insert a divider, please proceed as follows:

  1. Insert a # for the URL, as the divider should not be an actual link.
  2. Enter the term divider as the HTML attribute title.

AlbinoMouse Menu Divider

[/bs_citem]

[bs_citem title=“Dropdown Header“ id=“albinomouse-dropdown-header“ parent=“collapse_albinomouse_navbar“]

In order to mark the dropdown field of an area with a title, please proceed as follows:

  1. Insert a # for the URL, as the title should not be a link.
  2. Enter the term dropdown-header as the HTML attribute title.

AlbinoMouse Dropmenu Header

[/bs_citem]

[bs_citem title=“Glyphicon before Menu Link“ id=“albinomouse-dropdown-glyphicon“ parent=“collapse_albinomouse_navbar“]

In order to insert a Glyphicon icon before the menu link, please proceed as follows:

  1. Enter the term glyphicon-iconname as the HTML attribute title, where iconname corresponds to the name of the desired icon.
    You can find out more under Glyphicons.

AlbinoMouse Glyphicon Menu

[/bs_citem]

[bs_citem title=“Inactive Link“ id=“albinomouse-dropdown-disabled“ parent=“collapse_albinomouse_navbar“]

In order to display a link for the users, which for some reason is still inactive, please proceed as follows:

  1. Enter the term disabled as the HTML attribute title.

AlbinoMouse Inactive Menu Link
[/bs_citem]
[/bs_collapse]

Glyphicons

Glyphicons are icons in a web font, integrated in the Framework Bootstrap. All Glyphicons and their labels can be found in the table below. Glyphicons are inserted using the text editor and HTML, e.g.

<span class="glyphicon glyphicon-heart"></span>

[bs_notification type=“info“]Alternatively, you can easily insert Glyphicons using the Bootstrap Shortcodes plug-in. After installing the plug-in, the stylesheet and Javascript can be disabled in the plug-in options, as they are already included in AlbinoMouse.[/bs_notification]

[bs_row class=“row“]
[bs_col class=“col-md-4″]

[bs_icon name=“glyphicon glyphicon-adjust“] adjust

[bs_icon name=“glyphicon glyphicon-align-left“] align-left

[bs_icon name=“glyphicon glyphicon-arrow-left“] arrow-left

[bs_icon name=“glyphicon glyphicon-asterisk“] asterisk

[bs_icon name=“glyphicon glyphicon-barcode“] barcode

[bs_icon name=“glyphicon glyphicon-book“] book

[bs_icon name=“glyphicon glyphicon-bullhorn“] bullhorn

[bs_icon name=“glyphicon glyphicon-certificate“] certificate

[bs_icon name=“glyphicon glyphicon-chevron-left“] chevron-left

[bs_icon name=“glyphicon glyphicon-circle-arrow-down“] circle-arrow-down

[bs_icon name=“glyphicon glyphicon-circle-arrow-up“] circle-arrow-up

[bs_icon name=“glyphicon glyphicon-cloud-upload“] cloud-upload

[bs_icon name=“glyphicon glyphicon-collapse-up“] collapse-up

[bs_icon name=“glyphicon glyphicon-copyright-mark“] copyright-mark

[bs_icon name=“glyphicon glyphicon-dashboard“] dashboard

[bs_icon name=“glyphicon glyphicon-earphone“] earphone

[bs_icon name=“glyphicon glyphicon-envelope“] envelope

[bs_icon name=“glyphicon glyphicon-expand“] expand

[bs_icon name=“glyphicon glyphicon-eye-open“] eye-open

[bs_icon name=“glyphicon glyphicon-fast-forward“] fast-forward

[bs_icon name=“glyphicon glyphicon-filter“] filter

[bs_icon name=“glyphicon glyphicon-flash“] flash

[bs_icon name=“glyphicon glyphicon-floppy-remove“] floppy-remove

[bs_icon name=“glyphicon glyphicon-folder-close“] folder-close

[bs_icon name=“glyphicon glyphicon-forward“] forward

[bs_icon name=“glyphicon glyphicon-gift“] gift

[bs_icon name=“glyphicon glyphicon-hand-down“] hand-down

[bs_icon name=“glyphicon glyphicon-hand-up“] hand-up

[bs_icon name=“glyphicon glyphicon-header“] header

[bs_icon name=“glyphicon glyphicon-heart-empty“] heart-empty

[bs_icon name=“glyphicon glyphicon-inbox“] inbox

[bs_icon name=“glyphicon glyphicon-info-sign“] info-sign

[bs_icon name=“glyphicon glyphicon-link“] link

[bs_icon name=“glyphicon glyphicon-lock“] lock

[bs_icon name=“glyphicon glyphicon-magnet“] magnet

[bs_icon name=“glyphicon glyphicon-minus-sign“] minus-sign

[bs_icon name=“glyphicon glyphicon-new-window“] new-window

[bs_icon name=“glyphicon glyphicon-ok-circle“] ok-circle

[bs_icon name=“glyphicon glyphicon-paperclip“] paperclip

[bs_icon name=“glyphicon glyphicon-phone“] phone

[bs_icon name=“glyphicon glyphicon-plane“] plane

[bs_icon name=“glyphicon glyphicon-plus“] plus

[bs_icon name=“glyphicon glyphicon-pushpin“] pushpin

[bs_icon name=“glyphicon glyphicon-random“] random

[bs_icon name=“glyphicon glyphicon-registration-mark“] registration-mark

[bs_icon name=“glyphicon glyphicon-remove-sign“] remove-sign

[bs_icon name=“glyphicon glyphicon-resize-horizontal“] resize-horizontal

[bs_icon name=“glyphicon glyphicon-retweet“] retweet

[bs_icon name=“glyphicon glyphicon-saved“] saved

[bs_icon name=“glyphicon glyphicon-search“] search

[bs_icon name=“glyphicon glyphicon-share-alt“] share-alt

[bs_icon name=“glyphicon glyphicon-sort“] sort

[bs_icon name=“glyphicon glyphicon-sort-by-attributes“] sort-by-attributes

[bs_icon name=“glyphicon glyphicon-sort-by-order-alt“] sort-by-order-alt

[bs_icon name=“glyphicon glyphicon-sound-7-1″] sound-7-1

[bs_icon name=“glyphicon glyphicon-star“] star

[bs_icon name=“glyphicon glyphicon-step-backward“] step-backward

[bs_icon name=“glyphicon glyphicon-subtitles“] subtitles

[bs_icon name=“glyphicon glyphicon-tasks“] tasks

[bs_icon name=“glyphicon glyphicon-th“] th

[bs_icon name=“glyphicon glyphicon-thumbs-down“] thumbs-down

[bs_icon name=“glyphicon glyphicon-tint“] tint

[bs_icon name=“glyphicon glyphicon-trash“] trash

[bs_icon name=“glyphicon glyphicon-unchecked“] unchecked

[bs_icon name=“glyphicon glyphicon-user“] user

[bs_icon name=“glyphicon glyphicon-volume-up“] volume-up

[bs_icon name=“glyphicon glyphicon-zoom-in“] zoom-in

[/bs_col]
[bs_col class=“col-md-4″]

[bs_icon name=“glyphicon glyphicon-align-center“] align-center

[bs_icon name=“glyphicon glyphicon-align-right“] align-right

[bs_icon name=“glyphicon glyphicon-arrow-right“] arrow-right

[bs_icon name=“glyphicon glyphicon-backward“] backward

[bs_icon name=“glyphicon glyphicon-bell“] bell

[bs_icon name=“glyphicon glyphicon-bookmark“] bookmark

[bs_icon name=“glyphicon glyphicon-calendar“] calendar

[bs_icon name=“glyphicon glyphicon-check“] check

[bs_icon name=“glyphicon glyphicon-chevron-right“] chevron-right

[bs_icon name=“glyphicon glyphicon-circle-arrow-left“] circle-arrow-left

[bs_icon name=“glyphicon glyphicon-cloud“] cloud

[bs_icon name=“glyphicon glyphicon-cog“] cog

[bs_icon name=“glyphicon glyphicon-comment“] comment

[bs_icon name=“glyphicon glyphicon-credit-card“] credit-card

[bs_icon name=“glyphicon glyphicon-download“] download

[bs_icon name=“glyphicon glyphicon-edit“] edit

[bs_icon name=“glyphicon glyphicon-euro“] euro

[bs_icon name=“glyphicon glyphicon-export“] export

[bs_icon name=“glyphicon glyphicon-facetime-video“] video

[bs_icon name=“glyphicon glyphicon-file“] file

[bs_icon name=“glyphicon glyphicon-fire“] fire

[bs_icon name=“glyphicon glyphicon-floppy-disk“] floppy-disk

[bs_icon name=“glyphicon glyphicon-floppy-save“] floppy-save

[bs_icon name=“glyphicon glyphicon-folder-open“] folder-open

[bs_icon name=“glyphicon glyphicon-fullscreen“] fullscreen

[bs_icon name=“glyphicon glyphicon-glass“] glass

[bs_icon name=“glyphicon glyphicon-hand-left“] hand-left

[bs_icon name=“glyphicon glyphicon-hd-video“] hd-video

[bs_icon name=“glyphicon glyphicon-headphones“] headphones

[bs_icon name=“glyphicon glyphicon-home“] home

[bs_icon name=“glyphicon glyphicon-indent-left“] indent-left

[bs_icon name=“glyphicon glyphicon-italic“] italic

[bs_icon name=“glyphicon glyphicon-list“] list

[bs_icon name=“glyphicon glyphicon-log-in“] log-in

[bs_icon name=“glyphicon glyphicon-map-marker“] map-marker

[bs_icon name=“glyphicon glyphicon-move“] move

[bs_icon name=“glyphicon glyphicon-off“] off

[bs_icon name=“glyphicon glyphicon-ok-sign“] ok-sign

[bs_icon name=“glyphicon glyphicon-pause“] pause

[bs_icon name=“glyphicon glyphicon-phone-alt“] phone-alt

[bs_icon name=“glyphicon glyphicon-play“] play

[bs_icon name=“glyphicon glyphicon-plus-sign“] plus-sign

[bs_icon name=“glyphicon glyphicon-qrcode“] qrcode

[bs_icon name=“glyphicon glyphicon-record“] record

[bs_icon name=“glyphicon glyphicon-remove“] remove

[bs_icon name=“glyphicon glyphicon-repeat“] repeat

[bs_icon name=“glyphicon glyphicon-resize-small“] resize-small

[bs_icon name=“glyphicon glyphicon-road“] road

[bs_icon name=“glyphicon glyphicon-screenshot“] screenshot

[bs_icon name=“glyphicon glyphicon-send“] send

[bs_icon name=“glyphicon glyphicon-shopping-cart“] shopping-cart

[bs_icon name=“glyphicon glyphicon-sort-by-alphabet“] sort-by-alphabet

[bs_icon name=“glyphicon glyphicon-sort-by-attributes-alt“] sort-by-attributes-alt

[bs_icon name=“glyphicon glyphicon-sound-5-1″] sound-5-1

[bs_icon name=“glyphicon glyphicon-sound-dolby“] sound-dolby

[bs_icon name=“glyphicon glyphicon-star-empty“] star-empty

[bs_icon name=“glyphicon glyphicon-step-forward“] step-forward

[bs_icon name=“glyphicon glyphicon-tag“] tag

[bs_icon name=“glyphicon glyphicon-text-height“] text-height

[bs_icon name=“glyphicon glyphicon-th-large“] th-large

[bs_icon name=“glyphicon glyphicon-thumbs-up“] thumbs-up

[bs_icon name=“glyphicon glyphicon-tower“] tower

[bs_icon name=“glyphicon glyphicon-tree-conifer“] tree-conifer

[bs_icon name=“glyphicon glyphicon-upload“] upload

[bs_icon name=“glyphicon glyphicon-volume-down“] volume-down

[bs_icon name=“glyphicon glyphicon-warning-sign“] warning-sign

[bs_icon name=“glyphicon glyphicon-zoom-out“] zoom-out

[/bs_col]
[bs_col class=“col-md-4″]

[bs_icon name=“glyphicon glyphicon-align-justify“] align-justify

[bs_icon name=“glyphicon glyphicon-arrow-down“] arrow-down

[bs_icon name=“glyphicon glyphicon-arrow-up“] arrow-up

[bs_icon name=“glyphicon glyphicon-ban-circle“] ban-circle

[bs_icon name=“glyphicon glyphicon-bold“] bold

[bs_icon name=“glyphicon glyphicon-briefcase“] briefcase

[bs_icon name=“glyphicon glyphicon-camera“] camera

[bs_icon name=“glyphicon glyphicon-chevron-down“] chevron-down

[bs_icon name=“glyphicon glyphicon-chevron-up“] chevron-up

[bs_icon name=“glyphicon glyphicon-circle-arrow-right“] circle-arrow-right

[bs_icon name=“glyphicon glyphicon-cloud-download“] cloud-download

[bs_icon name=“glyphicon glyphicon-collapse-down“] collapse-down

[bs_icon name=“glyphicon glyphicon-compressed“] compressed

[bs_icon name=“glyphicon glyphicon-cutlery“] cutlery

[bs_icon name=“glyphicon glyphicon-download-alt“] download-alt

[bs_icon name=“glyphicon glyphicon-eject“] eject

[bs_icon name=“glyphicon glyphicon-exclamation-sign“] exclamation-sign

[bs_icon name=“glyphicon glyphicon-eye-close“] eye-close

[bs_icon name=“glyphicon glyphicon-fast-backward“] fast-backward

[bs_icon name=“glyphicon glyphicon-film“] film

[bs_icon name=“glyphicon glyphicon-flag“] flag

[bs_icon name=“glyphicon glyphicon-floppy-open“] floppy-open

[bs_icon name=“glyphicon glyphicon-floppy-saved“] floppy-saved

[bs_icon name=“glyphicon glyphicon-font“] font

[bs_icon name=“glyphicon glyphicon-gbp“] gbp

[bs_icon name=“glyphicon glyphicon-globe“] globe

[bs_icon name=“glyphicon glyphicon-hand-right“] hand-right

[bs_icon name=“glyphicon glyphicon-hdd“] hdd

[bs_icon name=“glyphicon glyphicon-heart“] heart

[bs_icon name=“glyphicon glyphicon-import“] import

[bs_icon name=“glyphicon glyphicon-indent-right“] indent-right

[bs_icon name=“glyphicon glyphicon-leaf“] leaf

[bs_icon name=“glyphicon glyphicon-list-alt“] list-alt

[bs_icon name=“glyphicon glyphicon-log-out“] log-out

[bs_icon name=“glyphicon glyphicon-minus“] minus

[bs_icon name=“glyphicon glyphicon-music“] music

[bs_icon name=“glyphicon glyphicon-ok“] ok

[bs_icon name=“glyphicon glyphicon-open“] open

[bs_icon name=“glyphicon glyphicon-pencil“] pencil

[bs_icon name=“glyphicon glyphicon-picture“] picture

[bs_icon name=“glyphicon glyphicon-play-circle“] play-circle

[bs_icon name=“glyphicon glyphicon-print“] print

[bs_icon name=“glyphicon glyphicon-question-sign“] question-sign

[bs_icon name=“glyphicon glyphicon-refresh“] refresh

[bs_icon name=“glyphicon glyphicon-remove-circle“] remove-circle

[bs_icon name=“glyphicon glyphicon-resize-full“] resize-full

[bs_icon name=“glyphicon glyphicon-resize-vertical“] resize-vertical

[bs_icon name=“glyphicon glyphicon-save“] save

[bs_icon name=“glyphicon glyphicon-sd-video“] sd-video

[bs_icon name=“glyphicon glyphicon-share“] share

[bs_icon name=“glyphicon glyphicon-signal“] signal

[bs_icon name=“glyphicon glyphicon-sort-by-alphabet-alt“] sort-by-alphabet-alt

[bs_icon name=“glyphicon glyphicon-sort-by-order“] sort-by-order

[bs_icon name=“glyphicon glyphicon-sound-6-1″] sound-6-1

[bs_icon name=“glyphicon glyphicon-sound-stereo“] sound-stereo

[bs_icon name=“glyphicon glyphicon-stats“] stats

[bs_icon name=“glyphicon glyphicon-stop“] stop

[bs_icon name=“glyphicon glyphicon-tags“] tags

[bs_icon name=“glyphicon glyphicon-text-width“] text-width

[bs_icon name=“glyphicon glyphicon-th-list“] th-list

[bs_icon name=“glyphicon glyphicon-time“] time

[bs_icon name=“glyphicon glyphicon-transfer“] transfer

[bs_icon name=“glyphicon glyphicon-tree-deciduous“] tree-deciduous

[bs_icon name=“glyphicon glyphicon-usd“] usd

[bs_icon name=“glyphicon glyphicon-volume-off“] volume-off

[bs_icon name=“glyphicon glyphicon-wrench“] wrench

[/bs_col]
[/bs_row]