12 o'clock

ダッシュボード＞外観＞メニュー
【メニュー構造】カラムの メニュー名に「menu」
メニューの位置「The Main Menu」にチェック
→メニューを作成

【メニュー項目を追加】カラムの
「index-フロントページ」にチェック→メニューに追加
カスタムリンク→URL「https://サイトURL/work_type/illust/」→リンク文字列「Gallery」→メニューに追加
カスタムリンク→URL「https://サイトURL/work_type/text/」→リンク文字列「Novel」→メニューに追加

→メニューを保存

これでサイトタイトルの下、およびスマホ閲覧時の右上メニューが有効になります。
メニューの数やメニュー名は好きなように設定してください。
「Footer Links」にもチェックを入れるとサイト最下部にも表示されます。

外観＞カスタマイズ＞追加CSS
ここを編集することでサイトのデザインを変えられます。
ページの構成を把握するのと、CSSの知識がほんの少しだけ必要。
p#logo.h1 { margin:1em 0 0; } .header .site-desc{ margin:0; } header.article-header { padding:0; } h1.page-title { display:none; }
空白が少し縮まるのと、インデックスページのタイトル「index」が非表示になります。

.header { position:relative; } header label#formenubar { position:fixed; background:rgba(255,255,255,0.5); }
追加CSSに上記を追加します。
rgba(255,255,255,0.5); は左から赤、緑、青、不透明度を表します。
任意の数字に変えることでナビゲーションメニューの「≡」の背景色・透過度を変えられます。

�@easel（親テーマ）から「single-works.php」をcanvas_on_easel（子テーマ）にコピーする
�Aコピーした「single-works.php」を「single-works-default.php」にリネームする
�B「single-works-作品タイプスラッグ.php」を用意する
　基本の「single-works.php」をコピーしてリネームして細部を書き換えるのがわかりやすいと思います。
�C「single-works.php」を↓に書き換える
<?php // タームがnovelだったら、single-works-novel.phpというテンプレートを表示 if (is_object_in_term( $post->ID, 'custom_cat', 'novel')) { get_template_part('single-works-novel'); } // タームがgalleryだったら、single-works-gallery.phpというテンプレートを表示 else if (is_object_in_term( $post->ID, 'custom_cat', 'gallery')) { get_template_part('single-works-gallery'); } // それ以外のタームだったら、single-works-default.phpというテンプレートを表示 else { get_template_part('single-works-default'); } ?>
これで作品タイプごとに違うデザインで作品を表示できるはず。
サンプルサイトではnovelにだけノベルビューワーを表示してます。