Skip to content
This repository was archived by the owner on Nov 4, 2022. It is now read-only.

Commit bb450b4

Browse files
committed
Add style
0 parents  commit bb450b4

25 files changed

+1547
-0
lines changed

.gitignore

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
_site
2+
.sass-cache
3+
.jekyll-metadata

404.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
title: Not Found
3+
---
4+
5+
Looks like something is wrong :(

_config.yml

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
title: Meta Box Documentation
2+
sass:
3+
style: compressed
4+
permalink: pretty
5+
defaults:
6+
-
7+
scope:
8+
path: ""
9+
values:
10+
layout: "default"

_data/docs.yml

+110
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
- title: Basics
2+
items:
3+
- title: Getting Started
4+
url: /getting-started/
5+
- title: Register Meta Boxes
6+
url: /registering-meta-boxes/
7+
- title: Define Fields
8+
url: /define-fields/
9+
- title: Get Meta Value
10+
url: /docs/get-meta-value/
11+
- title: Custom attributes for inputs
12+
url: /custom-attributes-for-inputs/
13+
- title: Display map in the front end
14+
url: /display-map-in-the-front-end/
15+
- title: Include Meta Box Plugin In Themes/Plugins
16+
url: /include-meta-box-plugin-themes/
17+
- title: Shortcode
18+
url: /shortcode/
19+
- title: Validation
20+
url: /validation/
21+
- title: Extensions
22+
items:
23+
- title: How to update extensions
24+
url: /update-extensions/
25+
- title: Include extensions in themes or plugins
26+
url: /include-extensions-themes-plugins/
27+
- title: MB Admin Columns
28+
url: /mb-admin-columns/
29+
- title: MB Custom Table
30+
url: /mb-custom-table/
31+
- title: MB Frontend Submission
32+
url: /mb-frontend-submission/
33+
- title: MB Revision
34+
url: /mb-revision/
35+
- title: MB Settings Page
36+
url: /mb-settings-page/
37+
- title: MB Term Meta
38+
url: /mb-term-meta/
39+
- title: MB User Meta
40+
url: /mb-user-meta/
41+
- title: Meta Box AIO
42+
url: /meta-box-aio/
43+
- title: Meta Box Builder
44+
url: /meta-box-builder/
45+
- title: Meta Box Columns
46+
url: /meta-box-columns/
47+
- title: Meta Box Conditional Logic
48+
url: /meta-box-conditional-logic/
49+
- title: Geolocation
50+
url: /meta-box-geolocation/
51+
- title: Group
52+
url: /meta-box-group/
53+
- title: Include Exclude
54+
url: /meta-box-include-exclude/
55+
- title: Show Hide
56+
url: /extensions/show-hide/
57+
- title: Tabs
58+
url: /extensions/tabs/
59+
- title: Template
60+
url: /extensions/template/
61+
- title: Tooltip
62+
url: /extensions/tooltip/
63+
- title: Updater
64+
url: /extensions/updater/
65+
- title: Advanced
66+
items:
67+
- title: Create Your Own Field Type
68+
url: /create-field-type/
69+
- title: Edit / remove meta boxes added by a parent theme / plugin?
70+
url: /edit-remove-meta-boxes/
71+
- title: How post meta is saved in the database?
72+
url: /how-post-meta-is-saved-in-the-database/
73+
- title: How to create Columns in Meta Box Builder?
74+
url: /how-to-create-meta-box-columns-in-meta-box-builder/
75+
- title: How to create nested array field with Meta Box Builder
76+
url: /how-to-create-nested-array-field-with-meta-box-builder/
77+
- title: Looping through meta box’s fields
78+
url: /looping-meta-box-fields/
79+
- title: References
80+
items:
81+
- title: Actions
82+
url: /actions/
83+
- title: Filters
84+
url: /filters/
85+
- title: RWMB_Field Class
86+
url: /rwmb-field-class/
87+
- title: Tutorials
88+
items:
89+
- title: Conditional Logic & Taxonomies
90+
url: /conditional-logic-taxonomies/
91+
- title: Custom Select / Checkbox Tree
92+
url: /custom-select-checkbox-tree/
93+
- title: Display date in one format and save in another format
94+
url: /display-date-in-one-format-and-save-in-another-format/
95+
- title: Hide Group with Conditional Logic
96+
url: /hide-group-conditional-logic/
97+
- title: Hide Tabs with Conditional Logic
98+
url: /hide-meta-box-tabs-conditional-logic/
99+
- title: How to display value of radio or checkbox list field?
100+
url: /display-value-radio-checkbox-list-field/
101+
- title: How to save WYSIWYG content as post content
102+
url: /save-wysiwyg-content-post-content/
103+
- title: How to set a field as read only?
104+
url: /how-to-set-a-field-as-read-only/
105+
- title: The difference between Include Exclude, Show Hide and Conditional Logic extensions
106+
url: /difference-include-exclude-show-hide-conditional-logic-extensions/
107+
- title: Using custom HTML field with callback to output anything
108+
url: /using-custom-html-field-callback-output-anything/
109+
- title: Using Meta Box with Composer
110+
url: /using-meta-box-composer/

_includes/docs-navigation.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<nav class="docs-navigation" role="navigation">
2+
<input type="text" class="docs-navigation__filter" placeholder="Filter documentation">
3+
<ul class="docs-navigation__menu">
4+
{% for cat in site.data.docs %}
5+
<li class="docs-navigation__cat">
6+
<h4 class="docs-navigation__heading">{{ cat.title }}</h4>
7+
<ul class="docs-navigation__list">
8+
{% for item in cat.items %}
9+
<li class="docs-navigation__item"><a class="docs-navigation__link" href="{{ item.url }}">{{ item.title }}</a></li>
10+
{% endfor %}
11+
</ul>
12+
</li>
13+
{% endfor %}
14+
</ul>
15+
</nav>

_includes/footer.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<footer id="colophon" class="site-footer" role="contentinfo">
2+
<div class="container">
3+
<nav class="social-navigation" role="navigation" aria-label="Social Links Menu">
4+
<ul class="menu">
5+
<li class="menu-item"><a href="https://www.facebook.com/wpmetabox"><svg class="icon icon-facebook" aria-hidden="true" role="img"><use href="#icon-facebook" xlink:href="#icon-facebook"></use></svg></a></li>
6+
<li class="menu-item"><a href="https://twitter.com/wpmetabox"><svg class="icon icon-twitter" aria-hidden="true" role="img"><use href="#icon-twitter" xlink:href="#icon-twitter"></use></svg></a></li>
7+
<li class="menu-item"><a href="https://github.com/wpmetabox/meta-box"><svg class="icon icon-github" aria-hidden="true" role="img"><use href="#icon-github" xlink:href="#icon-github"></use></svg></a></li>
8+
</ul>
9+
</nav>
10+
<div class="credit">Copyright 2017 Meta Box.</div>
11+
<a class="company" href="https://elightup.com"><img src="https://mb-static.surge.sh/elightup.png" alt="elightup"></a>
12+
</div>
13+
</footer>
14+
</div>
15+
<svg style="display: none;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
16+
<symbol id="icon-facebook" viewBox="0 0 24 24">
17+
<path d="M20.007,3H3.993C3.445,3,3,3.445,3,3.993v16.013C3,20.555,3.445,21,3.993,21h8.621v-6.971h-2.346v-2.717h2.346V9.31 c0-2.325,1.42-3.591,3.494-3.591c0.993,0,1.847,0.074,2.096,0.107v2.43l-1.438,0.001c-1.128,0-1.346,0.536-1.346,1.323v1.734h2.69 l-0.35,2.717h-2.34V21h4.587C20.555,21,21,20.555,21,20.007V3.993C21,3.445,20.555,3,20.007,3z"/>
18+
</symbol>
19+
<symbol id="icon-github" viewBox="0 0 24 24">
20+
<path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"/>
21+
</symbol>
22+
<symbol id="icon-twitter" viewBox="0 0 24 24">
23+
<path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"/>
24+
</symbol>
25+
</svg>
26+
<script src="/assets/js/navigation.js"></script>
27+
<script src="/assets/js/tocbot.min.js"></script>
28+
<script src="/assets/js/script.js"></script>
29+
</body>
30+
</html>

_includes/header.html

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
7+
{% if page.description %}<meta name="description" content="{{ page.description }}">{% endif %}
8+
<link rel="stylesheet" href="/assets/css/style.css">
9+
</head>
10+
<body>
11+
<div class="site">
12+
<div class="top-bar">
13+
<nav class="header-navigation top-bar-navigation" role="navigation">
14+
<ul class="menu">
15+
<li class="menu-item"><a href="http://demo.metabox.io">Demo</a></li>
16+
<li class="menu-item"><a href="https://metabox.io/online-generator/">Online Generator</a></li>
17+
</ul>
18+
</nav>
19+
<nav class="header-navigation top-bar-navigation" role="navigation">
20+
<ul class="menu">
21+
<li class="menu-item"><a href="https://metabox.io/my-account/">My Account</a></li>
22+
</ul>
23+
</nav>
24+
</div>
25+
<header id="masthead" class="site-header" role="banner">
26+
<div class="site-branding">
27+
<a href="https://metabox.io/" class="logo" rel="home"><img src="/assets/images/logo.png" class="logo" alt="Meta Box" width="46" height="46"></a>
28+
<h1 class="site-title"><a href="https://metabox.io" rel="home">Meta Box</a></h1>
29+
</div>
30+
31+
<nav id="site-navigation" class="main-navigation header-navigation" role="navigation">
32+
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Menu</button>
33+
<ul id="primary-menu" class="menu nav-menu" aria-expanded="false">
34+
<li class="menu-item"><a href="https://metabox.io/meta-box/">Features</a></li>
35+
<li class="menu-item"><a href="https://metabox.io/pricing/">Pricing</a></li>
36+
<li class="menu-item"><a href="https://metabox.io/plugins/">Extensions</a></li>
37+
<li class="menu-item current-menu-item menu-item-has-children"><a href="#">Support</a>
38+
<ul class="sub-menu">
39+
<li class="menu-item current-menu-item"><a href="/">Documentation</a></li>
40+
<li class="menu-item"><a href="https://metabox.io/support/">Support Forum</a></li>
41+
</ul>
42+
</li>
43+
<li class="menu-item"><a href="https://metabox.io/blog/">Blog</a></li>
44+
<li class="menu-item"><a href="https://metabox.io/contact/">Contact</a></li>
45+
</ul>
46+
</nav>
47+
</header>

_includes/installation.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
## Installation
2+
Before installing the extension, you need to install Meta Box plugin first.
3+
4+
1. Go to *Plugins &rarr; Add New* and search for **Meta Box**
5+
1. Click **Install Now** button to install the plugin
6+
1. After installing, click **Activate Plugin** to activate the plugin
7+
8+
The extension is just a WordPress plugin, you can install it like a normal WordPress plugin.
9+
10+
1. Go to *Plugins*, click **Add new**, then click **Upload plugin**.
11+
1. Choose the `.zip` file you downloaded and click **Install now**
12+
1. After finishing upload, click **Activate** to finish.

_layouts/default.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{% include header.html %}
2+
3+
<main id="main" class="site-content" role="main">
4+
{% include docs-navigation.html %}
5+
<article class="content">
6+
<h1 class="page-title">{{ page.title }}</h1>
7+
{{ content }}
8+
</article>
9+
<aside class="toc">
10+
<div class="toc-wrapper">
11+
<h4 class="toc-heading">Table Of Content</h4>
12+
<nav class="toc-navigation" role="navigation"></nav>
13+
</div>
14+
</aside>
15+
</main>
16+
17+
{% include footer.html %}

_sass/base.scss

+115
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
* {
2+
box-sizing: border-box;
3+
}
4+
html {
5+
font-size: 62.5%;
6+
}
7+
body {
8+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
9+
font-size: 1.6rem;
10+
line-height: 1.7;
11+
color: #2c3e50;
12+
text-rendering: optimizeLegibility;
13+
-webkit-font-smoothing: antialiased;
14+
-moz-osx-font-smoothing: grayscale;
15+
margin: 0;
16+
background: #e6e6e6;
17+
}
18+
h1, h2, h3, h4 {
19+
clear: both;
20+
line-height: 1.2;
21+
margin: 2.5em 0 1em;
22+
23+
.wf-active & {
24+
font-family: "Roboto Slab", sans-serif;;
25+
}
26+
}
27+
h1 {
28+
font-size: 3rem;
29+
}
30+
h2 {
31+
font-size: 2.4rem;
32+
}
33+
h3 {
34+
font-family: inherit;
35+
font-size: 1.6rem;
36+
text-transform: uppercase;
37+
letter-spacing: 1px;
38+
}
39+
p, ul, ol, table {
40+
margin: 0 0 1.7em;
41+
}
42+
a {
43+
color: #00b1b3;
44+
text-decoration: none;
45+
46+
&:hover {
47+
text-decoration: underline;
48+
}
49+
}
50+
table {
51+
width: 100%;
52+
font-size: 1.4rem;
53+
border-collapse: collapse;
54+
}
55+
th,
56+
td {
57+
border-bottom: 1px solid #ddd;
58+
padding: 5px 20px 5px 0;
59+
text-align: left;
60+
61+
&:last-child {
62+
padding-right: 0;
63+
}
64+
}
65+
th {
66+
border-width: 0 0 3px 0;
67+
}
68+
button {
69+
display: inline-block;
70+
border: 2px solid #2c3e50;
71+
border-radius: 4px;
72+
background: #2c3e50;
73+
color: #fff;
74+
line-height: 1;
75+
padding: 14px 18px;
76+
text-transform: uppercase;
77+
font-weight: bold;
78+
text-align: center;
79+
white-space: nowrap;
80+
transition: all .2s;
81+
cursor: pointer;
82+
83+
&:hover {
84+
text-decoration: none;
85+
opacity: .9;
86+
}
87+
}
88+
pre, code {
89+
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
90+
box-shadow: 0 1px 1px rgba(0, 0, 0, .125);
91+
border-radius: 3px;
92+
}
93+
code {
94+
background: #f8f8f8;
95+
padding: 2px 4px;
96+
color: #d14;
97+
font-size: 1.3rem;
98+
}
99+
pre {
100+
font-size: 1.4rem;
101+
padding: 1em;
102+
margin: 0 0 1.7em;
103+
}
104+
pre code {
105+
padding: 0;
106+
box-shadow: none;
107+
background: none;
108+
}
109+
img {
110+
max-width: 100%;
111+
height: auto;
112+
}
113+
::placeholder {
114+
color: #999;
115+
}

0 commit comments

Comments
 (0)