[oik] plugins.com

WordPress plugins and themes

  • Home
  • About
    • lazy shortcodes
    • smart shortcodes
    • oik base plugin
      • oik – donate
      • oik PayPal buttons
      • oik installation
      • oik Button Shortcode button
      • oik changelog
      • oik FAQ
      • oik plugins on SVN
      • oik plugins on GitHub
  • Plugins
    • oik base plugin
    • FREE oik plugins
    • WordPress plugins
    • Premium oik plugins
    • Bespoke oik plugins
  • Shortcodes
    • Shortcode examples
  • Blocks
    • Block examples
  • APIs
    • ALL action and filter hooks
  • Blog
You are here: Home / Examples / How to create a simple Contact me page using oik

How to create a simple Contact me page using oik

The contact page on this site uses contact-form-7 for the actual contact form and oik shortcodes for everything else.

Here’s what you need to type

[bw_block class="column prepend-1 span-9 append-1 bd-500"]

If you want to write to [bw_contact] about [oik] then please do so.

[[contact-form 1 "Contact form 1"]] or [bw_telephone] [bw_mailto]

[bw_eblock] [bw_block class="column span-12 last bd-500"] [bw_show_googlemap] [bw_eblock]

A brief explanation

  • The [bw_block] shortcode creates the ‘block’ which contains Contact form. The CSS classes make this a fixed width block using class names that originally came from the blueprintCSS project.
  • [bw_contact] is the shortcode to display your name.
  • [oik] is the shortcode to write oik
  • [[contact-form]] is the shortcode needed to include the Contact Form 7 contact form, number one.
  • [bw_telephone] displays the home telephone number
  • [bw_mailto] displays the Email: to link – using your email address and contact name.
  • [bw_eblock] is needed to end the block started with [bw_block…]
  • In the second block – which is wider but has the same fixed depth (bd-500), we include the shortcode to display a Google map enabling people to find you.

Notes:

You need to use oik options > Options to set the fields that are used in the shortcodes.

There are many shortcodes to choose from. See the [bw_codes] shortcode page.

You may also want to style the output using CSS.

oik provides a function to enable you to edit a custom.css file

Published: April 16, 2012 | Last updated: August 8, 2012

Information

Component:
Letters: H

Recent plugin updates

sb-chart-block v0.3.0 sb-chart-block v0.3.0 now uses Chartjs v3.1.0. It also delivers two more Colour palettes. ...
sb-chart-block v0.2.0 sb-chart-block v0.2.0 has been updated for hosting on WordPress.org. The code now uses improved color palette selection using palette.json. ...
oik-weight-zone-shipping v0.2.4 oik-weight-zone-shipping v0.2.4 contains a fix to calculate a handling fee as a percentage of the total cart cost. ...
oik-types v2.0.0 oik-types v2.0.0 contains a fix for a problem noted with Gutenberg Navigation blocks. Existing menus were being loaded in the wrong order.  ...
oik-css v1.2.0 

Upgrade to oik-css v1.2.0 for PHP 8 support. Tested with WordPress 5.7

 ...

Plugins

  • All Plugins
  • oik base plugin
  • FREE oik plugins
  • WordPress plugins
  • Premium oik plugins

Themes

  • FREE themes
  • Bespoke themes
  • Premium themes

Blocks

  • All Blocks
  • Block examples
  • About Blocks

Shortcodes

  • All Shortcodes
  • Shortcode examples
  • About Shortcodes

Reference

  • About APIs
  • All APIs
  • All Classes
  • All Files
  • All Hooks

Support

  • Contact
  • Cookies policy
  • Get API key
  • Privacy
  • Request support
  • Sitemap
  • Stay informed
  • Terms and Conditions
oik-plugins
Email: [email protected]

Weight shipping plugins

Find out which cart weight shipping plugin you need for your WooCommerce site.
Which cart weight based plugin do I need?

Site:  www.oik-plugins.com
© Copyright oik-plugins 2011-2021. All rights reserved.


Website designed and developed by Herb Miller of Bobbing Wide
Proudly powered by WordPress and oik-plugins