[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

oik v4.9.2 Upgrade to oik v4.9.2 for support for PHP 8.1 and PHP 8.2. ...
oik-block v0.3.0 oik-block v0.3.0 no longer displays the Editor selection meta box ...
oik-blocks v1.4.3 Upgrade to oik-blocks v1.4.3 for PHP 8.2 support. ...
cookie-cat v1.4.6 Upgrade to cookie-cat v1.4.6 for PHP 8.1 & PHP 8.2 support. ...
oik-fields v1.54.0 oik-fields v1.54.0 caters for the deprecation of get_page_by_title() in WordPress 6.2. ...

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: oikplug@oik-plugins.com

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-2023. All rights reserved.


Website designed and developed by Herb Miller of Bobbing Wide
Proudly powered by WordPress and oik-plugins
WordPress 6.3.1. PHP: 7.4.33. Memory limit: 768M