Materializer WP
Cody Reichert By Cody Reichert

October 30, 2015

Materializer WP Plugin

Materializer is a set of Material Design Components for WordPress. Powered by simple short-codes, Materializer includes everything you need to add Mat …

Getting Started

Thanks for installing! Let me show you around:

Documentation:

Quickstart

Materializer comes with over 25 different Material Design components
and hundreds of ways to customize them. To get a good idea of how it all
works, add this short-code to your page after installing the plugin:

[card title=”A Cool Card!” text=”text-darken-3 grey” title_color=”blue”]
I am a very simple card. I am good at containing mall bits of
information. I am convenient because I require little markup to use
effectively.
[link text=”blue” to=”/”]Go Home[/link]
[/card]

The short-code above gives a material design card, of which you can
control the title, background color, text color, and link color. This
is just one of many ways you can use and combine short-codes.

Support and Bugs

If you have any question, can’t get something to work, or notice a bug, please submit it on the
Materializer issue tracker.

Pull requests to the Github Repo are also welcome!

Documentation

View the full documentation on the Materializer Website

Installation

You can install this plugin a couple of different ways:

WordPress Plugin Directory

  1. If you usually install plugins via the WordPress Dashboard ‘Add
    Plugins’ page, you can just search for ‘Materializer’ and click
    install!

Install from the .zip:

  1. Download the .zip file

  2. In your WordPress dashboard, go to Plugins -> Add New. Choose Upload a New Plugin and upload the .zip file.

Manual install from .zip:

  1. Download the .zip file and extract it into your sites wp-content/plugins directory

  2. Be sure to extract it into a directory called wp-content/plugins/materializer/.

Activating

Once you have the plugin installed via one of the methods above, you
can go to the Plugins page of your WordPress site and click activate
on Materializer. Once successfully activated, you’re good to go!

Screenshots

  1. <p>Basic Material Design card component</p>

    Basic Material Design card component

  2. <p>A Material Design 'raised' button.</p>

    A Material Design 'raised' button.

  3. <p>Collapsible/Accoridion component.</p>

    Collapsible/Accoridion component.

  4. <p>Dropdown menu (open) component.</p>

    Dropdown menu (open) component.

  5. <p>Circular and Responsive image component.</p>

    Circular and Responsive image component.

  6. <p>Pagination component.</p>

    Pagination component.

  7. <p>Preloader (circular/flashing) component.</p>

    Preloader (circular/flashing) component.

  8. <p>Striped table component.</p>

    Striped table component.

Changelog

0.2.0

  • FIX: Fix CSS namespace issue that created conflicts with other elements and styles on the page.

0.1.0

  • Initial Release

Details

  • Version: 0.2.0
  • Active installations: 80
  • WordPress Version: 3.0.1
  • Tested up to: 4.3.34

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars