[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-css v2.1.0 Update to oik-css v2.1.0 for the ability to style CSS and GeSHi output in documentation. ...
oik-types v2.3.0 Update to oik-types v2.3.0 for improved control over sort order on archives ...
UK-tides v3.1.0 UK-tides v3.1.0 now supports several additional ports. It's built with latest wp-scripts and shared libraries and tested with WordPress 6.1. ...
oik v4.8.2 Upgrade to oik v4.8.2 if you installed oik v4.8.1 from wordpress.org and found that the blocks were missing from the editor. ...
sb-chart-block v1.1.0 sb-chart-block v1.1.0 now uses chart.js v3.9.1. Tested with WordPress 6.0.1 and Gutenberg 13.8.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.1.1. PHP: 7.4.33. Memory limit: 768M