サイトの紹介と使い方created: 2021/07/28 modified: 2022/11/21
created: 2021/07/28 modified: 2022/11/21
目的
- 閲覧者が記事を辿りやすいようにサイトを構造化します。
- 筆者が記事を管理しやすくします。
- マイルールを簡潔にして記事の投稿や編集を簡単にします。
- マイルールにより記事の投稿の手間は増えますが、記事数が増えた時に記事の検索に役立ってくれると思っています。
マイルール
大分類とカテゴリ
- ホームページを固定ページ(Menu)にしてメニューを作成します。
- ホームページに大分類と配下の親カテゴリを表示します。
- 親カテゴリの配下の子カテゴリは1階層にします。
スラッグ
- 大分類:固定ページ(Menu)で設定します。
- 親カテゴリ:cat_parent_xxxxx
- 子カテゴリ:cat_child_xxxxx
- xxxxxはカテゴリ名です。
子カテゴリ名
- "samplecode"が含まれる時、それをサンプルソースコードとみなします。
- "functioncode"が含まれる時、それを関数ソースコードとみなします。
- "class"が含まれる時、それをクラスの説明とみなします。
タグ
記事の作成方法
固定ページ「menu」

- 赤枠は大分類になります。
- 緑枠は親カテゴリになります。
固定ページ「menu」 の設定HTMLコード
<span class="my-menu-list-top">
<ul h-title="初めて> ">
<li><a href="https://aidendo-pilot.com/cat_parent_パソコンの準備">パソコンの準備</a></li>
<li><a href="https://aidendo-pilot.com/cat_parent_初めて">初めて</a></li>
<li><a href="https://aidendo-pilot.com/cat_parent_初心者">初心者</a></li>
</ul>
</span>
<span class="my-menu-list-top">
<ul h-title="ブログ> ">
<li><a href="https://aidendo-pilot.com/cat_parent_wordpress/">wordpress</a></li>
</ul>
</span>
固定ページ「menu」 のCSSコード
.my-menu-list-top [h-title]::before {
content: attr(h-title);
font-size: 1.5rem;
}
.my-menu-list-top li{
display: inline;
list-style: square-button;
border-style: solid;
border-radius: 1rem;
font-size: 1.5rem;
font-weight: bold;
padding: 0.3rem;
}
.my-menu-list-top li a {
text-decoration: none;
}
.my-menu-list-top li a:hover {
text-decoration: underline;
}
親カテゴリ
- 親カテゴリ名xxxxxを決めます。
- 親カテゴリを作成します。
- functions.phpのmy_get_menu_title関数で大カテゴリと作成した親カテゴリの関係を設定します。
- 新規に投稿記事を作成して記事タイトルをxxxxxにします。
- 自分のカテゴリを1つだけチェックします。
- スラッグの先頭に cat_parent_ をつけます。
- タグに81parent_catだけを加えます。
- コードエディターモードにして記事コンテンツに下記のコードをそのままコピーします。
- 記事一覧のソート方法を指定します。
mysc_article_list title ASC- titleはソートするキーで、title(タイトル順)、none(ソート無)、modified(更新日順)などが指定できます。詳しくは、ソート種別のorderbyを参照してください。
- ASC=昇順、DESC=降順になります。
- 例:mysc_article_list modified DESC
- アイキャッチ画像を設定します。
- 固定ページ「menu」を編集します。
<!-- wp:shortcode -->
[mysc_bread_crumb]
[mysc_date]
<!-- /wp:shortcode -->
<!-- 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を決めます。
- 子カテゴリを作成します。
- 作成した子カテゴリの親カテゴリを設定します。
- 新規に投稿記事を作成して記事タイトルをxxxxxにします。
- 自分の子カテゴリを1つだけチェックします。
- スラッグの先頭に cat_child_ をつけます。
- タグに82child_catだけを加えます。
- コードエディターモードにして記事コンテンツに下記のコードをそのままコピーします。
- 記事一覧のソート方法を指定します。
mysc_article_list title ASC- titleはソートするキーで、title(タイトル順)、none(ソート無)、modified(更新日順)などが指定できます。詳しくは、ソート種別のorderbyを参照してください。
- ASC=昇順、DESC=降順になります。
- アイキャッチ画像を設定します。
<!-- wp:shortcode -->
[mysc_bread_crumb]
[mysc_date]
<!-- /wp:shortcode -->
<!-- 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_bread_crumb]
[mysc_date]
[toc]
<!-- /wp:shortcode -->
<!-- wp:heading -->
<h2>概要</h2>
<!-- /wp:heading -->
<!-- wp:shortcode -->
[mysc_mail]
<!-- /wp:shortcode -->
投稿手順
- Twitterに投稿します。
- Facebookのニュースフィードに投稿します。
- Facebookのグループ「パソコン・プログラムの学習と教育」に投稿します。
- パソコンに記事のビジュアルとコードの仮バックアップをします。
- 更新履歴へ追加します。
- メタディスクリプション