【THE THOR投稿】アイコン・テーブル・ショートコード機能6種の使い方

2024年4月7日
THE THOR, 投稿

今回は、WordPressテーマ「THE THOR」の投稿ページの使い方についてお伝えします。

記事作成に欠かせないアイコン・テーブル・ショートコードなど、機能6種の使い方を画像付きで解説します。

1 THE THORの投稿について

THE THORの投稿について

THE THORをインストールすると投稿で使える機能が増えます。下記の画像は、THE THORをインストール前後の画像です。

THE THORインストール前 the thor 投稿

THE THORインストール後 the thor 投稿

THE THORの投稿で使える機能は、以下の７種類。ひとつずつ解説していきます。

１．アイコン
２．装飾
３．SEO対策
４．パスワード保護コンテンツ
５．カラム設定
６．閲覧数

【投稿で使える機能１】アイコン

をクリックするとアイコン一覧が表示されます。

使いたいアイコンのコードを調べられます。

【投稿で使える機能２】装飾

THE THORの投稿で使える13種類の装飾。

ひとつずつ解説していきます。

１．テーブル
２．改ページ
３．フォントサイズ
４．フォントファミリー
５．スマホテーブル横スクロール
６．スタイル
７．プリセットパーツ
８．共通ボタン
９．カラム
１０．ショートコード
１１．サブタイトル編集
１２．アイコン挿入
１３．HTMLを挿入

【投稿で使える装飾１】テーブル

テーブルは表のこと。

行や列を必要な数だけ増減できます。

テーブルの使い方をお伝えします。

となりの▼をクリックします。

テーブル横のマスを使って、行と列を調節します。

テーブルが作成できたら、欄をクリックして文字・数字・画像などを入力します。

テーブル行・列の調整は、テーブル上に表示されるアイコンをクリックすると挿入・削除ができます。

【投稿で使える装飾２】改ページ

THE THORの改ページは、投稿を複数のページにわけることができます。

改ページを使った記事は、ページ数が表示されます。

改ページの使い方をお伝えします。

まずは、記事を書きます。

改ページしたい位置でクリックします。

をクリック「PAGE BREAK」と表示が出れば改ページの完成です。

【投稿で使える装飾３】フォントサイズ

8pt：投稿　
10pt：投稿　
11pt：投稿
12pt：投稿　
14pt：投稿　
18pt：投稿　
24pt：投稿
36pt：投稿

THE THOR投稿で使えるフォント（文字）の大きさは８種類。

フォントサイズの使い方をお伝えします。

まずは、記事を書きます。

文字のサイズを変えたいところに網かけします。

フォントサイズをクリック、文字のサイズを選択してクリックします。

文字のサイズが変わったことが確認できたら完了です。

【投稿で使える装飾４】フォントファミリー

Lato
Century Gothic
Franklin Gothic Medium
Gulim
Impact
Verdana
Georgia
Times New Roman
Couri New
Comic Sans MS
メイリオ
游ゴシック
ヒラギノ角ゴ
ヒラギノ丸ゴ
MS Pゴシック
MS ゴシック
MS P明朝
游明朝
ヒラギノ明朝
游明朝体

とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR
とうこう　投稿　THE THOR

THE THORで使えるフォントの種類は、20種類。

フォントファミリーの使い方をお伝えします。

まずは、記事を書きます。

文字の種類を変えたいところに網かけします。

フォントの種類をクリック、フォントを選択してクリックします。

フォントが変わったことを確認できたら完了です。

【投稿で使える装飾５】スマホテーブル横スクロール

スマホからブログを見るとき、表が大きいと見にくいので横にスクロールできるようにします。

では、スマホテーブル横スクロールの使い方をお伝えします。

をクリックすると「点線内でテーブル作成（プレビュー時のみ点字表示）」と点線の囲いが表示されます。

点線内にテーブルを作成します。

テーブルの下にスライダバーが表示されたのを確認できたら完了です。

【投稿で使える装飾６】スタイル

スタイルのカスタマイズは下記ページで詳しく解説していますので、参考にしてください。

パーツカスタマイズを見る

マーカー

文字に網かけ
スタイルをクリック
使うマーカーを選択してクリック

ラベル

文字に網かけ
スタイルをクリック
使うラベルを選択してクリック

ボタン

文字に網かけ
スタイルをクリック
使うボタンを選択してクリック
をクリック
リンク先のURLを入力してをクリック

ボックス

文字に網かけ
スタイルをクリック
使うボックスを選択してクリック

先にボックスを作成すると、日本語入力がうまく反映されないのでお気をつけください。
（アルファベットなら先にボックスを作成もOK）

文字に網かけ
スタイルをクリック
サブタイトルボックスを選択してクリック
「サブタイトル編集」をクリック
サブタイトルを入力して「OK」をクリック

【投稿で使える装飾７】プリセットパーツ

記事

記事を書く
区切り線を表示する位置でクリック
プリセットパーツをクリック
区切り線を選択してクリック

吹き出し

プリセットパーツをクリック
吹き出しを選択してクリック
画像が表示される位置にカーソルを合わせてクリック
をクリック
表示する画像をクリック、をクリック
「 Name」をクリックして名前を入力
「コメント」に表示させる文字を入力

項目名	3.5
項目名	3.5
項目名	3.5
項目名	3.5
総合	3.5

プリセットパーツをクリック
使うスコアボックスを選択してクリック
「項目名」・「総合」に任意の文字を入力
［star-list number=3.5］の3.5のところに星の数を入力
（0・0.5・1・1.5・2・2.5・3・4・4.5・5の中から数字を選択）
［star-list number=3.5］のとなりの3.5に星のとなりに表示する数字を入力

口コミ

東京都：山田花子(20歳・女性)
このエリアに口コミ本文を記入します。

プリセットパーツをクリック
使う口コミボックスを選択してクリック
「口コミ」・「名前」・「口コミ本文」に任意の文字を入力

このエリアにレビュータイトルを記入します。

N.Sさん

評価： 3.5このエリアにレビュー本文を記入します。

プリセットパーツをクリック
使うレビューボックスを選択してクリック
「レビュータイトル」に任意の文字を入力
［star-list number=3.5］の3.5のところに星の数を入力
（0・0.5・1・1.5・2・2.5・3・4・4.5・5の中から数字を選択）
［star-list number=3.5］のとなりの3.5に星のとなりに表示する数字を入力
「レビュー本文」を入力
「N.Sさん」をクリックして名前変更

タイトル: Hこのエリアにレビュー本文を記入します。

プリセットパーツをクリック
使うアコーディオンボックスを選択してクリック
「タイトル」を入力
「本文」を入力

【投稿で使える装飾８】共通ボタン

共通ボタン

全ページ共通のリンクボタンです。

文字に網かけ
共通ボタンをクリック
使うボタンを選択してクリック
をクリック
リンク先のURLを入力してをクリック

【投稿で使える装飾９】カラム

1カラム（メイン1列）

2カラム（メインとサイド）

3カラム（メイン3列）

カラムとは、Webページのレイアウト構成のこと。

THE THORのレイアウトは、カスタマイズできます。どのレイアウトもレスポンシブ対応なので、レイアウト崩れがなく安心です。

PCとスマホの見え方を比べた画像を作成しましたので、クリックして参考にしてください。 （画像が大きいのでたたんであります）: PCから見たとき
スマホから見たとき

使い方は、「カラム」をクリック、使レイアウトを選択すると点線で表示されたスペースが表示されるので、点線内に画像や文字を入力すれば完了です。

【投稿で使える装飾１０】ショートコード

the thor 投稿　ショートコード

本来、もくじなどはHTML・CSSを使って作成します。

THE THORは、もくじのHTML・CSSがテーマ内に記憶されているので、短いコードを呼び出すだけで簡単に表示することができます。

THE THORは、ショートコードを使っていろいろな機能を簡単に表示することができます。

1 THE THORの投稿について

目次が表示されます。

カスタマイザーで登録した広告を表示できます。

カスタマイザー＞広告設定＞個別ページ用広告設定＞記事内広告の設定から、広告の登録ができます。

記事がありません。

［archivelist cat=1 num=5］の1のところにカテゴリーIDを入力

［archivelist cat=1 num=5］の5のところに記事数を入力

記事がありません。

［randlist cat=1 num=5］の1のところにカテゴリーIDを入力

［randlist cat=1 num=5］の5のところに記事数を入力

記事がありません。

［ranklist cat=1 num=5］の1のところにカテゴリーIDを入力

［ranklist cat=1 num=5］の5のところに記事数を入力

THE THOR「ザ・トール」│次世代WordPressテーマ

…

［blogcard url=］の = のあとにリンク先のURLを入力

［sitecard subtitle=関連記事 url= target=］の target= を一度削除してからブログ内リンク先のURLを入力

［customenu menu=”メニュー名”］のメニュー名に自分で作成したメニュー名を入力

メニュー名がわからないときは、カスタマイザー＞外観＞メニューから調べることができます。

the thor メニュー

2024

年を表示することができます。0は今現在の年、1は来年となり数が増えると年が増える仕組み。
ちなみに-1は去年になります。

［date-year number=0］の0のところに数字を入力

月を表示することができます。0は今現在の月、1は来月となり数が増えると月が増える仕組み。
ちなみに-1は先月になります。

［date-month number=0］の0のところに数字を入力

日を表示することができます。0は今現在の日、1は明日となり数が増えると日が増える仕組み。
ちなみに-1は前日になります。

［date-day number=0］の0のところに数字を入力

ランキングなどに使う星を表示できます。
［star-list number=3.5］の3.5のところに数字を入力
（0・0.5・1・1.5・2・2.5・3・4・4.5・5の中から数字を選択）

【投稿で使える装飾１１】サブタイトル編集

サブタイトル編集は、サブタイトルボックスのタイトルを入力するために使います。

【投稿で使える装飾１２】アイコン挿入

アイコン挿入は、ラベル・ボタン・固定ページ・投稿などでアイコンを表示するために使います。

固定ページ・投稿で使うには、「アイコン挿入」をクリック、アイコン名を入力、「OK」をクリックでアイコンが表示できます。

【投稿で使える装飾１３】HTMLを挿入

HTMLを挿入は、テキストモードへ変えずにHTMLの入力ができます。

【投稿で使える機能３】SEO対策

the thor 投稿　SEO

THE THORは、SEO対策に必要なtitle・meta description・meta robotを簡単に設定できるように、入力欄が設けられています。

title設定：ページのタイトルを入力

meta description設定：検索結果で表示されるページの概要

meta robot設定
NoIndex：検索結果で表示されたくないときに使う
NoFollow：リンクをたどられたくないときに使う
NoSnippet：検索結果でスペニット表示したくないときに使う
NoArchive：ページをキャッシュされたくないときに使う