Home

Awesome

Twitter Blocks for Volto (@plonegovbr/volto-twitter-block)

Addon implementing Twitter blocks to Plone projects with Volto.

npm Code analysis checks Unit tests

Screenshots

Tweet Block Variations

<img alt="Screenshot" src="./docs/block-variations.png" width="500" />

Tweet Block Alignment

<img alt="Screenshot" src="./docs/block-alignment.png" width="500" />

Tweet Block Editing

<img alt="Screenshot" src="./docs/block-sidebar-editing.png" width="100" />

Examples

@plonegovbr/volto-twitter-block can be seen in action at the following sites:

You can also check its Storybook.

Install

New Volto Project

Create a Volto project

npm install -g yo @plone/generator-volto
yo @plone/volto my-volto-project --addon @plonegovbr/volto-twitter-block
cd my-volto-project

Install new add-on and restart Volto:

yarn install
yarn start

Existing Volto Project

If you already have a Volto project, just update package.json:

"addons": [
    "@plonegovbr/volto-twitter-block"
],

"dependencies": {
    "@plonegovbr/volto-twitter-block": "*"
}

Integration with @kitconcept/volto-blocks-grid

If you already have a Volto project, just update package.json and make sure @kitconcept/volto-blocks-grid is listed before @plonegovbr/volto-twitter-block in addons:

"addons": [
    "@kitconcept/volto-blocks-grid",
    "@plonegovbr/volto-twitter-block"
],

"dependencies": {
    "@kitconcept/volto-blocks-grid": "*",
    "@plonegovbr/volto-twitter-block": "*"
}

Test it

Go to http://localhost:3000/

Credits

The development of this add on was sponsored by the Brazilian Plone Community

PloneGov-Br