作成日: 2021/07/28 更新日: 2023/03/29 サイトの紹介と使い方
目的
- 閲覧者が記事を辿りやすいように本サイトの構造をルール化します。
- 筆者が記事とその構造を管理しやすくします。
- マイルールに依って記事の投稿を簡単にします。
マイルール
クラスとカテゴリと記事
クラスとカテゴリと記事の関係
- カテゴリは、親と子の2階層になります。
- 親カテゴリはクラスに属します。
- 子カテゴリは親カテゴリに属します。
- 記事は親か子のいずれかのカテゴリに属します。
- 閲覧者は、ブラウザなどのパンくずリストで「TOP⇒クラス⇒親カテゴリ⇒子カテゴリ⇒記事」または「TOP⇒クラス⇒親カテゴリ⇒記事」の階層構造表示で現在位置を確認できます。
- 尚、TOPは本ブログまたはアプリなどの最上位ページです。
クラス
- クラスはWordpressの機能を使用しないで、筆者が独自で構築します。
- TOP Menuにより、クラスは設定されます。
カテゴリ
- カテゴリはWordpressの機能と筆者独自の構造から構築します。
- カテゴリは、親カテゴリと子カテゴリの2層の木構造を持ちます。
- 全ての記事は、親カテゴリか子カテゴリに属します。
- 全ての記事はカテゴリ内でユニーク番号を持って、カテゴリ内の連番記事を目指します。
スラッグ
- クラスとカテゴリは属するカテゴリと記事の構造を管理する記事を持ちます。
以下にその記事のスラッグのルールを示します。- クラス:class_xxxxx
- 親カテゴリ:cat_parent_xxxxx
- 子カテゴリ:cat_child_xxxxx
- xxxxxはクラス名またはカテゴリ名です。
特別な子カテゴリ名
- 特別ルールとして、以下の子カテゴリを分類します。
- "samplecode"が含まれる時、それをサンプルソースコードとみなし、子カテゴリ名の表記を「sampleCode」とします。
- "functioncode"が含まれる時、それを関数ソースコードとみなし、子カテゴリ名の表記を「functionCode」とします。
- "classname"が含まれる時、それをクラスの説明とみなし、子カテゴリ名の表記を「class」とします。
- 特別スラッグの例:cat_child_samplecode_HTML⇒sampleCodeなど
その他の属性
タグ
- 02.タグで投稿記事を管理を参照してください。
キャッチ画像
- 下図を統一して使用します。

記事の作成方法
TOPページ「menu」
- ブラウザ用のTOPページは固定ページを利用します。
- アプリ用のTOPページは考慮中です。
- ブラウザ用、アプリ用のTOPページ共にMenu項目はクラスページへの内部リンクとなります。
- Menu項目の配下のドロップダウンリストは親カテゴリになります。
クラス
- クラス名xxxxxを決めます。
- functions.phpのmy_get_menu_title関数でクラスと親カテゴリの従属関係を設定します。
- 新規に投稿記事を作成して記事タイトルをxxxxxにします。
- カテゴリを未分類にチェックします。
- スラッグの先頭に class_ をつけます。
- タグに80classだけを加えます。
- 固定ページのTOP Menuを編集します。
- アイキャッチ画像を設定します。
- コードエディターモードにして記事コンテンツに下記のコードをそのままコピーします。
<!-- wp:shortcode -->
[mysc_article_header]
[mysc_bread_crumb]
[toc]
<!-- /wp:shortcode -->
<!-- wp:heading -->
<h2>クラス メニュー</h2>
<!-- /wp:heading -->
<!-- wp:html -->
<ul class="my-menu-list">
<li><a href="#">sample</a></li>
</ul>
<!-- /wp:html -->
<!-- wp:heading -->
<h2>クラス コンテンツ</h2>
<!-- /wp:heading -->
<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li></li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
親カテゴリ
- 親カテゴリ名xxxxxを決めます。
- WordPressのカテゴリ作成機能でカテゴリを作成します。
- functions.phpのmy_get_menu_title関数でクラスと親カテゴリの従属関係を設定します。
- 新規に投稿記事を作成して記事タイトルをxxxxxにします。
- 自分のカテゴリを1つだけチェックします。
- スラッグの先頭に cat_parent_ をつけます。
- タグに81parent_catだけを加えます。
- コードエディターモードにして記事コンテンツに下記のコードをそのままコピーします。
- 記事一覧のソート方法を指定します。
例:mysc_article_list title ASC- titleはソートするキーで、title(タイトル順)、none(ソート無)、modified(更新日順)などが指定できます。詳しくは、ソート種別のorderbyを参照してください。
- ASC=昇順、DESC=降順になります。
- アイキャッチ画像を設定します。
- 固定ページ「menu」を編集します。
<!-- wp:shortcode -->
[mysc_article_header]
[mysc_bread_crumb]
[toc]
<!-- /wp:shortcode -->
<!-- wp:heading -->
<h2>このカテゴリの記事の内容</h2>
<!-- /wp:heading -->
<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li></li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:heading -->
<h2>子カテゴリ</h2>
<!-- /wp:heading -->
<!-- wp:shortcode -->
[mysc_show_child_category_on_parent]
<!-- /wp:shortcode -->
<!-- wp:heading -->
<h2>記事一覧</h2>
<!-- /wp:heading -->
<!-- wp:shortcode -->
[mysc_article_list title ASC]
[mysc_mail]
<!-- /wp:shortcode -->
子カテゴリ
- 子カテゴリ名xxxxxを決めます。
- WordPressのカテゴリ作成機能でカテゴリを作成します。
- 作成した子カテゴリの親カテゴリを設定します。
- 新規に投稿記事を作成して記事タイトルをxxxxxにします。
- 自分の子カテゴリを1つだけチェックします。
- スラッグの先頭に cat_child_ をつけます。
- タグに82child_catだけを加えます。
- コードエディターモードにして記事コンテンツに下記のコードをそのままコピーします。
- 記事一覧のソート方法を指定します。
例:mysc_article_list title ASC- titleはソートするキーで、title(タイトル順)、none(ソート無)、modified(更新日順)などが指定できます。詳しくは、ソート種別のorderbyを参照してください。
- ASC=昇順、DESC=降順になります。
- アイキャッチ画像を設定します。
<!-- wp:shortcode -->
[mysc_article_header]
[mysc_bread_crumb]
[toc]
<!-- /wp:shortcode -->
<!-- wp:heading -->
<h2>このカテゴリの記事の内容</h2>
<!-- /wp:heading -->
<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>例</li>
<!-- /wp:list-item -->
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:heading -->
<h2>記事一覧</h2>
<!-- /wp:heading -->
<!-- wp:shortcode -->
[mysc_article_list title ASC]
[mysc_mail]
<!-- /wp:shortcode -->
記事の新規投稿
- タイトルを決めます。
文字数は32文字を目標にしますが、日本語だけだと26文字くらいしかスラッグに反映されないので、アルファベットを交えます。 - タイトルとスラッグを同じにします。
- カテゴリを1つチェックします。
子カテゴリに属する記事の場合、子カテゴリだけをチェックします。 - タグに親カテゴリに属する記事の時21parentを、子カテゴリに属する記事の時22childを加えます。
- タグに記事の状態タグを加えます。通常、次の3つから選択します。
- 11pri:急いで完成させる記事
- 12pri:11priの次くらいに急いで完成させる記事
- 13pri:いつか完成させる記事
- コードエディターモードにして記事コンテンツに下記のコードをそのままコピーします。
- アイキャッチ画像を設定します。
- 見出し「概要」から記事を編集します。
<!-- wp:shortcode -->
[mysc_article_header]
[mysc_bread_crumb]
[toc]
[mysc_embedded_contents 523-01.最初に]
<!-- /wp:shortcode -->
<!-- wp:heading -->
<h2>概要</h2>
<!-- /wp:heading -->
<!-- wp:shortcode -->
[mysc_embedded_contents 523-02.最後に]
<!-- /wp:shortcode -->
<!-- wp:shortcode -->
[mysc_mail]
<!-- /wp:shortcode -->
定型文の埋め込みの方法
定型文の作成
- 定型文(使いまわし文)の記事を作成します。
- カテゴリを「embed」にします。
- タグを「83embed」にします。
定型文の使い方
- 埋め込みたい記事の箇所に次のショートコードを書き込みます。
- 引数は定型文の記事のタイトルです。
[mysc_embedded_contents 定型文の記事title]
投稿追加手順
- Twitterに投稿します。
- #(ハッシュタグ)に関連するキーワードを1個追加します。
ハッシュタグは2個以内が推奨のようです。