Social Sharing - Customizer

Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However, the way you use the Customizer to adjust your website remains the same.

The OceanWP Customizer Social Sharing panel enables you to style and customize social sharing options for your blog posts.

The Social Sharing panel appears when you install and activate the free Ocean Social Sharing plugin on your website.

Available Social Sharing options include:

Sharing Buttons panel,
Position,
Display Social Name,
X (ex Twitter) Username,
Sharing Heading,
Heading Position,
Social Buttons Style,
Buttons Border Radius,
Minimal Style Borders color,
Minimal Style Background color,
Minimal Style Icon color.

The Sharing Buttons panel enables you to choose which social sharing options to display. Likewise, you can choose in which order will buttons be displayed.

Expand the panel to view all available social sharing options by clicking the arrow button.

Disable or enable social sharing options by clicking the link icon next to the social sharing option name. By default, all social sharing options are enabled to appear.

Click and drag any of the social sharing options panel to reposition and change their order of appearance.

Position

The Position options enables you to choose where in the single blog post you want to display the configured social sharing options:

Before the Content: social sharing buttons will display before the blog post content.
After the Content (default option): social sharing buttons will display after the blog post content.
Before and After the Content: social sharing buttons will display both before and after the blog post content.
Disabled: social sharing options will not display. If this is your chosen option, we recommend deactivating the Ocean Social Sharing plugin via WP Dashboard, Plugins > Installed Plugins. You can always reinstall and reactivate the plugin whenever needed.

The Display Social Name option enables you to choose whether you want to display the name of the social network with the social sharing button.

By default, only the social icon is displayed.

X (ex Twitter) Username

The X (ex Twitter) Username option enables you to add your X username, if you have one.

Enter the username without the "@".

This option enables you to be mentioned on X when a blog post from your website is shared by someone.

The Sharing Heading option enables you to display a title with the social sharing buttons. For example, Sharing Is Caring.

If you don't want to display anything, simply delete all text from the Sharing Heading textbox and publish changes.

Heading Position

The Heading Position option relates to the Sharing Heading option.

If you're displaying a Sharing Heading, you can choose its position:

Side (default option): the heading is displayed next to the buttons, on the side.
Top: the heading is displayed on top of the social sharing buttons.

The Social Buttons Style option enables you to choose the appearance style of the social sharing buttons:

Minimal (default option): you get the choose the regular (normal) colors borders, background and icons, while on hover, each button will display in its own official color.
Colored: all buttons are displayed in their official colors, with a fading effect applied on hover. No additional color options available.
Dark: all buttons are displayed in a dark (black) color, with a fading effect applied on hover. No additional color options available.

Buttons Border Radius

The Buttons Border Radius option enables you to choose the roundness of corners of the social sharing buttons, allowing you to display buttons as squares, squares with rounded corners, circles, etc.

Minimal Style Borders

If you set the Social Buttons Style option to Minimal, the Minimal Style Borders color option enables you to choose the regular color of the borders of the social icons displayed.

Minimal Style Background

If you set the Social Buttons Style option to Minimal, the Minimal Style Background color option enables you to choose the regular background color of the social icons displayed.

Minimal Style Icon

If you set the Social Buttons Style option to Minimal, the Minimal Style Icon color option enables you to choose the regular icon color of the social sharing buttons displayed.

Found an error in this doc or believe it needs improvement?

Send us a prepurchase ticket, include the URL of the page, and add suggestions and more details about how we can make things better for you.

That's it!

Enjoy building your WordPress website with OceanWP!