TECH BLOG

マークリープス技術ブログ

open

★ブログ仕様

社内ブログでは
【一般向け記事】【社内記事】
の2つの分別で分かりやすく公開できます。

この記事ではブログ機能仕様を解説します!

全体共通エリア仕様

以下は当ブログ全体共通エリアとなります。
※SP時は数字順に縦並びレスポンシブします。

(1)検索、右側メニューでカテゴリ表示
※カテゴリは親カテゴリのみ表示
★Login時:社内カテゴリ追加表示

(2)※後述各説明参照

(3)週間ランキング、カテゴリ、タグなど
★Login時:カテゴリにカテゴリ追加表示

(4)投稿者(スタッフ)、社内風景

その他以下特記事項です。

 

 

ヘッダー

テンプレートファイル:header.php


①検索窓
ブログ内から気になるワードで記事を検索することができます。
header.php に検索窓用テンプレートファイルsearchform.phpを読み込み表示しています。

②ツールバー
ログイン時にのみ表示されます。
ヘッダーからWordPress管理画面へ簡単にアクセスすることができます。

フッター

テンプレートファイル:footer.php

①ユーザー画像
管理画面>ユーザー>プロフィールで登録した画像が表示されます。

②プロフィール
「ブログ上の表示名」で選択した名前が表示されます。

③ 社内風景画像
管理画面>社内風景で登録した画像が表示されます。

④ Instagramへのリンク
画像をクリックすると、URL に登録したInstagramのアドレスへリンクします。

サイドエリア

テンプレートファイル:sidebar.php

①週間アクセスランキング
1週間で人気の高い記事5件を表示。
管理画面>外観>ウィジェット>「WordPress Popular Posts」にて細かい表示設定を行っています。

②カテゴリー一覧
②-1 内部向け記事
ログイン時にのみ表示されます。

②-2 技術系カテゴリー
非ログインユーザーにも表示されます。

③タグ
記事に付けられたタグが表示されます。

トップページ仕様

テンプレートファイル:home.php

①スライドエリア
左から
・「実績」カテゴリー
・「HTML・CSS」カテゴリー
・「CMS」カテゴリー
の順に表示しています。各2件ずつスライドされます。

②注目の記事
「Pick Up」カテゴリーを2件まで表示します。

③最新記事一覧
最新の投稿を表示しています。10件を超えるとページングを表示します。
③-1 技術系記事
全てのユーザーに表示されます。
③-2 内部向け記事
ログイン時にのみ表示されます。

記事詳細ページ仕様

テンプレートファイル:single.php

①記事タイトル

②ユーザー画像

③ユーザー ブログ上の表示名

④公開日 更新日
更新日はログイン時のみ表示されます。

⑤目次
記事内の見出し(hタグ)を自動で取得し目次が生成されます。
プラグイン「Easy Table of Contents」を使用しています。
使用表示の設定は管理画面>設定>目次 より行えます。
見出しが2つ以上の場合に表示されます。

⑥見出し

⑦ソースコードの表示
プラグイン「Crayon Syntax Highlighter」を使用しています。

⑧シェアボタン
各記事をSNSでシェアすることができます。
プラグイン「Simple Share Buttons Adder」を使用しています。
表示の設定は管理画面>Simple Share Buttons より行えます。

⑨関連最新記事
現在表示している記事と同カテゴリ(最下層)のカテゴリの記事タイトルを一覧表示しています。
子カテゴリに属す記事は同子カテゴリの記事を、親カテゴリにしか属さない記事については同親カテゴリーのタイトルが表示されます。

⑩タグ
記事に付けられたタグを表示しています。

⑪よく読まれている関連記事
現在表示している記事と同じカテゴリーの記事を閲覧数の多い順に6件表示します。
テンプレートファイル mostpopular.php にて表示を制御しています。

⑫関連最新記事
現在表示している記事と同じカテゴリーの記事を公開日の新しい順に6件表示します。
テンプレートファイル newarticles.php にて表示を制御しています。

コメント機能仕様

 

カテゴリー別記事一覧ページ仕様

 

ユーザー別記事一覧ページ仕様

 

ユーザー別記事一覧ページ仕様

 

使用テンプレートについて

header.php
ヘッダー
footer.php
フッター
sidebar.php
サイドエリア
home.php
トップページ
single.php
記事詳細ページ
category.php
カテゴリー別一覧ページ
tag.php
タグ別一覧ページ
author.php
ユーザー別一覧ページ
searchform.php
ヘッダー検索窓
mostpopular.php
よく読まれている関連記事
newarticles.php
関連最新記事
style.css
スタイルシート
small.css
レスポンシブ切り替え時スタイルシート
functions.php
テーマの関数やショートコードを定義

 

使用プラグイン

■ Category Order and Taxonomy Terms Order
管理画面でカテゴリーの並び替えを可能に

■ Crayon Syntax Highlighter
記事内でソースコードを表示

■ Custom Post Type UI
カスタム投稿タイプの追加
「社内風景」作成に使用

■ カスタムフィールドテンプレート
カスタム投稿タイプにオリジナル項目を追加

■ Easy Table of Contents
記事内から見出しを取得し自動で目次を生成

■ Instagram Feed
InstagramのフィードをWordPressに表示させる連携プラグイン

■ Simple Share Buttons Adder
SNSシェアボタンの追加

■ WordPress Access Control
会員/非会員、管理者権限によって
記事を表示させる or しないをコントロールできる

■ WordPress Popular Posts
・人気記事の表示(累計、1日、週間、月間に対応)
・記事毎に閲覧数も表示可能

■ WP User Avatar
ユーザー画像を管理画面から簡単に登録可能に

よく読まれている関連記事

関連最新記事