-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfrontpage.html
208 lines (205 loc) · 15.7 KB
/
frontpage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>KANSO PRO – Less is more, for WordPress</title>
<!-- UIkit CSS -->
<link rel="stylesheet" href="site.css" />
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit-icons.min.js"></script>
</head>
<body>
<div id="kns-head" class="uk-background-cover uk-background-center-center">
<div id="kns-head-nav-front" uk-sticky="animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky kns-navbar-sticky; cls-inactive: uk-navbar-transparent kns-navbar-top-front; show-on-up: true">
<nav class="uk-navbar-container">
<div class="uk-container uk-container-expand">
<div uk-navbar>
<div class="uk-navbar-left">
<a href="https://toiee.jp/kansowp/" class="custom-logo-link" rel="home" itemprop="url"><img
src="https://toiee.jp/kansowp/wp-content/uploads/2018/01/kanso-logo.png"
class="custom-logo"></a> </div>
<div class="uk-navbar-right">
<ul id="primary-menu" class="uk-navbar-nav uk-visible@m">
<li id="menu-item-110"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a
href="https://toiee.jp/kansowp/what-is-kanso/download/">ダウンロード</a></li>
<li id="menu-item-111"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111"><a
href="https://toiee.jp/kansowp/blog/">ブログ</a></li>
<li id="menu-item-505"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-505"><a
href="https://toiee.jp/kansowp/getting-start/demo-site/">デモ</a></li>
</ul>
<ul class="uk-navbar-nav ">
<li class=""><a href="#sidebar" uk-toggle><span uk-navbar-toggle-icon></span> <span
class="uk-margin-small-left">Menu</span></a></li>
</ul>
<ul class="uk-navbar-nav uk-hidden">
<li class=""><a href="#sidebar" uk-toggle><span class="uk-margin-small-lef"></span></a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div id="kns-header">
<div id="kns-header-text" class="uk-padding-small">
<h1 id="kanso_general_options_htitle">Less is more</h1>
<h2 id="kanso_general_options_hsubtitle">簡素 & シンプル = 生産的</h2>
</div>
</div>
</div>
<div class="uk-container uk-container-small uk-background-default main-content">
<div uk-alert class="uk-alert-none">
<p>デザインは単にどのように見えるか、感じられるかではない。<br>デザインとはどのように機能するかなのだ — Steve Jobs</p>
</div>
<div style="text-align: center" class="uk-margin-medium-top uk-margin-medium-bottom"><a
href="https://toiee.jp/kansowp/what-is-kanso/download/"
class="uk-button uk-button-secondary uk-button-large" title="">KANSOをダウンロードする</a></div>
<p><a href="https://toiee.jp/kansowp/demo1/" target="_blank" rel="noreferrer noopener">> デモサイトは、こちら</a></p>
<h2>KANSO テーマとは</h2>
<p>シンプルという英語は、日本語では「禅用語の簡素」と訳されます。KANSO WordPressテーマは、シンプル、つまり、「簡素を実現するという設計思想」で作られています。</p>
<p>私たちは「シンプルとは、複雑な状況に対応可能にする「より少なく、洗練された機能や、ルールを生み出すこと」」と考えています。</p>
<p>Webサイト作成は、とても複雑で、混乱が多いです。</p>
<p>このKANSOテーマは、「シンプルさ」を武器に、本当に大切なことに集中したい方のために設計されています。是非、ご利用ください（オープンソースで、無償で利用できます）。</p>
<h2>２つのKANSOテーマ</h2>
<p>KANSOテーマは、２つのテーマからなります。</p>
<ol>
<li>KANSO General (カンソ・ジェネラル） — Webサイト、ブログにぴったり<br />
</li>
<li>KANSO Manual (カンソ・マニュアル) — マニュアルサイト、ドキュメントサイト、授業支援サイトにぴったり<br />
</li>
</ol>
<h2>さあ、KANSOを始めよう</h2>
<p>KANSOを使えば、</p>
<ul>
<li>パソコン、タブレット、スマートフォンで「読みやすく美しい」Webサイトが作れます</li>
<li>情報デザイン、動線設計をする手間を省けます</li>
<li>素早くWebサイトを立ち上げ、本来すべきことに集中できます</li>
</ul>
<hr class="wp-block-separator" />
<p>KANSOは、「簡素・シンプル」な設計によって、圧倒的に</p>
<ul>
<li>早く</li>
<li>美しく</li>
<li>簡単に</li>
</ul>
<p>Webサイトを作れるようになります。</p>
<p>しかし、WordPressは元来「とても高機能で複雑なシステム」です。油断すると、あっという間に「複雑」な状態で、ぐちゃぐちゃのデザイン（装飾）のサイトを作ってしまいます。また、多すぎる機能に翻弄されて、気づけば「自分が何を書きたかったのか、伝えたかったのか、忘れてしまい」ます。
</p>
<p>Webサイトで最も大切なことは、「内容」です。</p>
<p>内容をしっかりと作り込むことこそが、最も大切なことです。KANSOテーマは、「あなたが、中身に集中」するために、設計されています。</p>
<p>無駄を削るからこそ、良いコンテンツ、デザインが生まれます。</p>
<div style="text-align: center" class="uk-margin-medium-top uk-margin-medium-bottom"><a
href="https://toiee.jp/kansowp/getting-start/"
class="uk-button uk-button-secondary uk-button-large uk-width-2-3" title="">はじめにへ、進む</a></div>
<hr class="wp-block-separator" />
<div class="uk-margin">
<h3>更新情報</h3>
<dl class="uk-description-list uk-description-list-divider uk-margin-left uk-margin-right">
<dt><a href="https://toiee.jp/kansowp/2019/09/11/v1-5-4/">v1.5.4 古い記事のタイトル非表示の不具合を直しました</a></dt>
<dd>v1.5 から「ACFプラグイン」を必須としました。これにより、ACFを最新に保ちつつ、自由にカスタ <a
href="https://toiee.jp/kansowp/2019/09/11/v1-5-4/">...</a></dd>
<dt><a href="https://toiee.jp/kansowp/2019/07/20/v1-5-2-acf/">【重要】v1.5.2 ACF必須になります</a></dt>
<dd>v1.5.2 をリリースしました。 今回のリリースは「作業」が必要です。以下の手順に従ってください。 <a
href="https://toiee.jp/kansowp/2019/07/20/v1-5-2-acf/">...</a></dd>
<dt><a href="https://toiee.jp/kansowp/2019/04/08/v1-1/">v1.1 リリース（軽微な修正）</a></dt>
<dd>修正は以下の通りです。 日本語を読みやすくするために、若干行間を広げた preタグで折り返し表示する <a
href="https://toiee.jp/kansowp/2019/04/08/v1-1/">...</a></dd>
<dt><a href="https://toiee.jp/kansowp/2019/03/22/v1-0-1/">v1.0.1 リリースしました</a></dt>
<dd>まだまだ、手を入れるべきところはありますが、目立ったバグをほとんど潰したので、ver1 （正式リリー <a
href="https://toiee.jp/kansowp/2019/03/22/v1-0-1/">...</a></dd>
<dt><a href="https://toiee.jp/kansowp/2018/10/03/v0-9-16/">v0.9.17 カスタム投稿タイプの表示</a></dt>
<dd>いくつかの小さな改善を行いました。 カスタム投稿タイプの表示 カスタム投稿タイプが「カード型」で表示 <a
href="https://toiee.jp/kansowp/2018/10/03/v0-9-16/">...</a></dd>
<dt><a href="https://toiee.jp/kansowp/2018/09/18/ver0-9-15/">ver0.9.15 ナレッジベース、Podcastのための更新</a></dt>
<dd>Photo by Melanie Pongratz on Unsplash ver.0.9.15 を <a
href="https://toiee.jp/kansowp/2018/09/18/ver0-9-15/">...</a></dd>
</dl>
</div>
</div>
<div id="sidebar" uk-offcanvas>
<div class="uk-offcanvas-bar">
<button class="uk-offcanvas-close" type="button" uk-close></button>
<aside id="secondary" class="widget-area">
<section id="pagetoc-widget-6" class="widget pagetoc-widget">
<h3>ドキュメント</h3>
<p class="pagetoc-widget-text">KANSOの使い方について説明しています</p>
<ul class="uk-nav uk-nav-default tm-nav">
<li class="page_item page-item-44 page_item_has_children"><a
href="https://toiee.jp/kansowp/what-is-kanso/">KANSOについて</a>
<ul class='children'>
<li class="page_item page-item-478"><a
href="https://toiee.jp/kansowp/what-is-kanso/philosophy/">設計思想</a></li>
<li class="page_item page-item-47"><a
href="https://toiee.jp/kansowp/what-is-kanso/download/">ダウンロード</a></li>
<li class="page_item page-item-48"><a
href="https://toiee.jp/kansowp/what-is-kanso/setup-kanso-theme/">テーマの設定</a></li>
<li class="page_item page-item-418"><a
href="https://toiee.jp/kansowp/what-is-kanso/qa/">よくある質問と回答</a></li>
</ul>
</li>
<li class="page_item page-item-39 page_item_has_children"><a
href="https://toiee.jp/kansowp/getting-start/">マニュアル</a>
<ul class='children'>
<li class="page_item page-item-266"><a
href="https://toiee.jp/kansowp/getting-start/make-a-website/">サイトの構築方法</a></li>
<li class="page_item page-item-338"><a
href="https://toiee.jp/kansowp/getting-start/style/">サイトをデザインする</a></li>
<li class="page_item page-item-55"><a
href="https://toiee.jp/kansowp/getting-start/styling-of-page/">ページの編集</a></li>
<li class="page_item page-item-188"><a
href="https://toiee.jp/kansowp/getting-start/markdown/">Markdown を使いこなす</a></li>
<li class="page_item page-item-349"><a
href="https://toiee.jp/kansowp/getting-start/workshop/">KANSO Workshop 資料</a>
</li>
<li class="page_item page-item-457"><a
href="https://toiee.jp/kansowp/getting-start/demo-site/">デモサイト</a></li>
</ul>
</li>
<li class="page_item page-item-42 page_item_has_children"><a
href="https://toiee.jp/kansowp/shortcode/">ショートコード +α</a>
<ul class='children'>
<li class="page_item page-item-60"><a
href="https://toiee.jp/kansowp/shortcode/what-is-shortcode/">ショートコードとは</a></li>
<li class="page_item page-item-59"><a
href="https://toiee.jp/kansowp/shortcode/what-is-uikit/">UIKit を知って活用する</a></li>
<li class="page_item page-item-257"><a
href="https://toiee.jp/kansowp/shortcode/display-post/">投稿表示 (kns-showpost)</a>
</li>
<li class="page_item page-item-240"><a
href="https://toiee.jp/kansowp/shortcode/accordion/">アコーディオン(accordion)</a></li>
<li class="page_item page-item-61"><a
href="https://toiee.jp/kansowp/shortcode/alert/">アラート(alert)</a></li>
<li class="page_item page-item-227"><a
href="https://toiee.jp/kansowp/shortcode/badge/">バッジ (badge)</a></li>
<li class="page_item page-item-225"><a
href="https://toiee.jp/kansowp/shortcode/button/">ボタン(button)</a></li>
<li class="page_item page-item-62"><a
href="https://toiee.jp/kansowp/shortcode/grid/">グリッド(grid）</a></li>
<li class="page_item page-item-152"><a
href="https://toiee.jp/kansowp/shortcode/icon/">アイコン (icon)</a></li>
<li class="page_item page-item-236"><a
href="https://toiee.jp/kansowp/shortcode/label/">ラベル (label)</a></li>
<li class="page_item page-item-251"><a
href="https://toiee.jp/kansowp/shortcode/lightbox/">ライトボックス（lightbox）</a></li>
<li class="page_item page-item-254"><a
href="https://toiee.jp/kansowp/shortcode/slideshow/">スライドショー (slideshow)</a>
</li>
<li class="page_item page-item-243"><a href="https://toiee.jp/kansowp/shortcode/tab/">タブ
(tab)</a></li>
</ul>
</li>
</ul>
</section>
</aside>
</div>
</div>
<footer id="footer" uk-height-viewport="expand: true">
<p id="footer-copyright">Copyright © <span class="ownername">toiee Lab</span>, All rights reserved.</p>
</footer>
</body>
</html>