sample-template-jquery-basic/index.html at master · postease-cms/sample-template-jquery-basic · GitHub

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
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>POSTEASE SAMPLE</title>
  <meta name="description" content="このサイトはヘッドレスCMS「POSTEASE（ポストイーズ）」を利用してjQueryだけでCMSを実装しています。WindowsやMacのローカル環境でも動作します。">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta property="og:site_name" content="POSTEASE SAMPLE">
  <meta property="og:url" content="http://sample00.doteki.biz">
  <meta property="og:type" content="website">
  <meta property="og:title" content="POSTEASE SAMPLE">
  <meta property="og:description" content="このサイトはヘッドレスCMS「POSTEASE（ポストイーズ）」を利用してjQueryだけでCMSを実装しています。WindowsやMacのローカル環境でも動作します。">
  <meta property="og:image" content="http://sample00.doteki.biz/img/main.png">
  <meta property="og:locale" content="ja_JP">
  <meta name="twitter:text:title" content="POSTEASE SAMPLE">
  <meta name="twitter:card" content="summary">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
  <link rel="stylesheet" href="style.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" async></script>
</head>
<body>
<div class="container">
	<header>
		<h1><a href="index.html">POSTEASE SAMPLE</a></h1>
		<h2>Coded in jQuery</h2>
	</header>
</div>

<div class="container">

	<!-- メインコンテンツ -->
	<main class="row col-md-8">
    <i class="fa fa-spin fa-circle-o-notch content-loader" aria-hidden="true"></i>
  </main>

	<!-- サイドバー // -->
	<div class="sidebar row col-md-3 col-md-offset-1">

		<!-- 検索ボックス // -->
		<div class="search">
			<form action="">
				<label for="text">ワード検索</label>
				<input type="text" class="form-control" id="text" name="text" value="" placeholder="検索ワード">
				<button type="submit" class="btn btn-default">検索</button>
			</form>
		</div>
		<!-- // 検索ボックス -->

    <!-- 固定ポスト -->
    <div id="fixed" class="fixed sidebar-block">
      <h3>固定ポスト</h3>
    </div>

		<!-- アーカイブ -->
		<div id="archive" class="archive sidebar-block">
      <h3>アーカイブ</h3>
    </div>

		<!-- カテゴリ -->
		<div id="category" class="category sidebar-block">
      <h3>カテゴリー</h3>
    </div>

		<!-- タグ -->
		<div id="tag" class="tag sidebar-block">
      <h3>タグ</h3>
    </div>

    <!-- お問合わせリンク -->
    <div class="links sidebar-block">
      <h3>リンク</h3>
      <ul class="sideContent-content">
        <li><i class="fas fa-envelope"></i> <a href="contact.html">お問い合わせはこちら</a></li>
      </ul>
    </div>


  <div class="links sidebar-block">
    <h3><i class="fas fa-external-link-alt"></i> 外部リンク</h3>
    <ul class="sideContent-content">
      <li><a href="https://postease.in" target="_blank">POSTEASE公式サイト</a></li>
      <li><a href="https://doteki.jp" target="_blank">CMS導入サービス「DOTEKI」</a></li>
      <li><a href="https://github.com/postease-cms/sample-template-jquery-basic/archive/master.zip" target="_blank"><i class="fas fa-cloud-download-alt"></i> サイトのソースをダウンロード</a></li>
    </ul>
  </div>

	</div>
	<!-- // サイドバー -->

</div>

<footer>
  <div class="social">
    <a rel="nofollow" target="_blank" href="" class="social-button facebook"><i class="fab fa-facebook-square"></i></a>
    <a rel="nofollow" target="_blank" href="" class="social-button line"><i class="fab fa-line"></i></a>
    <a rel="nofollow" target="_blank" href="" class="social-button twitter"><i class="fab fa-twitter-square"></i></a>
  </div>
  <small>Powered by POSTEASE</small>
</footer>

<!-- 設定 -->
<script src="js/config.js"></script>

<!-- ユーティリティ -->
<script src="js/util.js"></script>

<!-- パラメータ取得 -->
<script>

  /**
   * パラメータの取得
   * -------------
   * Note:
   * WEBサイトのURLを、一般的なクエリストリングで運用する場合、修正の必要はありません。
   * 整形されたURLを利用する場合は修正が必要です。
   * ---------------------------------------------------------------------------
   */

  // ポストID
  var $post_id = (getParam('post_id')) ? getParam('post_id') : null;

  // ページ
  var $page = (getParam('page')) ? getParam('page') : 1;

  // 検索ワード
  var $text = (getParam('text')) ? getParam('text') : null;

  // 絞込条件 アーカイブ 年
  var $year = (getParam('year')) ? getParam('year') : null;

  // 絞込条件 アーカイブ 月
  var $month = (getParam('month')) ? getParam('month') : null;

  // 絞込条件 アーカイブ 日
  var $day = (getParam('day')) ? getParam('day') : null;

  // 絞込条件 カテゴリー
  var $category = (getParam('category')) ? getParam('category') : null;

  // 絞込条件 タグ
  var $tag  = (getParam('tag')) ? getParam('tag') : null;

  // 絞込条件 作成者
  var $author_id = (getParam('author_id')) ? getParam('author_id') : null;

  // 絞込表示 カテゴリー
  var $category_text = (getParam('category_text')) ? getParam('category_text') : null;

  // 絞込表示 タグ
  var $tag_text = (getParam('tag_text')) ? getParam('tag_text') : null;

  // 絞込表示 作成者
  var $author = (getParam('author')) ? getParam('author') : null;

</script>

<!-- ポスト一覧テンプレート -->
<script src="tpl/posts.js" defer></script>

<!-- ポスト詳細テンプレート -->
<script src="tpl/post.js" defer></script>

<!-- [APIリクエスト] ポスト一覧 取得＆表示コード -->
<script src="js/postease/get_posts.js" defer></script>

<!-- [APIリクエスト] ポスト詳細 取得＆表示コード -->
<script src="js/postease/get_post.js" defer></script>

<!-- [APIリクエスト] 固定コンテンツ一覧 取得＆表示コード -->
<script src="js/postease/get_posts_fixed.js" async></script>

<!-- [APIリクエスト] アーカイブ一覧 取得＆表示コード -->
<script src="js/postease/get_archives.js" async></script>

<!-- [APIリクエスト] カテゴリ一覧 取得＆表示コード -->
<script src="js/postease/get_categories.js" async></script>

<!-- [APIリクエスト] タグ一覧 取得＆表示コード -->
<script src="js/postease/get_tags.js" async></script>

<!-- [APIリクエスト] ページビュー カウント実行コード -->
<script src="js/postease/set_counter.js" async></script>

<!-- Google Analytics (for general hosting)  -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-82870921-4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-82870921-4');
</script>

<!-- Google Analytics (for github pages) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-82870921-5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-82870921-5');
</script>

</body>
</html>