TwitterでSONICの最新情報をGET

よくある質問

モバイルフッターメニュー

ご利用に当たってよくいただく質問をまとめました。お問い合わせの前にこちらをご確認ください。

合わせてTHE SONIC マニュアルもご確認ください。

ウィジェット広告エリア
ウィジェットの機能について)

もくじ

ご利用前の質問

はい。利用できます。

WordPressの基本機能に関するサポート、テーマインストールに関する個別のサポートは行っておりません。

購入時のプラン金額のまま、継続してご利用いただけます。

料金については「THE SONICの金額」にて紹介をしております。ご覧ください。

サイトは消えません、ご安心ください。

継続なしで利用できる機能
継続課金で追加される機能
  • THE SONICのオリジナル設定が利用できます
  • カスタマイザーに追加したTHE SONIC設定が変更できます
  • テーマの更新(アップデート)ができます

Gumroadによる継続課金決済を行っているため、Gumroadのアカウント上で解約をしてください。

購入時に利用したメールアドレスに『アカウントの登録方法』というメールが、Gumroadより届いているため、そちらよりアカウントを作成ください。

その後、Gumroadアカウント内でTHE SONICのパッケージを選択し、メンバーシップを解約してください。

ご利用中の質問

表示がおかしい場合

バグと間違えられる原因をあげておきます。以下の設定をオフにして再現されるか確認してください。

  • ブラウザのキャッシュをクリアする
    キャッシュが原因で表示されていない場合があります。
  • WordPressプラグインを停止する
    キャッシュ系のプラグインが原因の場合があります。
  • 高速化設定のpjax設定をオフにする
    β版のpjax設置が影響している場合があります。
  • サーバーのWAF設定をオフする
    scriptタグなどを保存する際にでるエラーの場合、サーバーのWAF設定に原因がある場合があります。どのテーマでも起こりうる問題です。エラー解消後はONにしていただいて問題ありません。

使い方に関する質問

Gutenbergエディタを利用したい

プラグイン「THE SONIC Gutenberg」をご利用ください。

プラグイン「Classic Editor」を有効化している場合は、プラグインを停止して下さい。

WordPressクラシックエディタ

シェア時にサイト画像を表示させたい

カスタマイザーTHE SONIC SEO設定にてOGP画像をセットしているか確認してください。

詳細は「専用プラグインSEOの設定」のページをご覧ください。

入力確認後、Twitterカードリンクを更新します。以下のページにアクセスし、ご利用のサイトURLを入力してください。

書いた人ウィジェットを表示したい

ウィジェットエリアにある「THE SONIC 書いた人」専用ウィジェットをご利用ください。

トップページやカテゴリーページでも表示させたい場合は、カスタマイザーサイトの基本設定ユーザー情報の設定の「メインユーザー」を選択してください。

記事下のコメント欄を非表示にしたい

記事単体であれば、投稿画面のディスカッションから表示・非表示を選択できます。

サイト全体であれば、WordPress設定ディスカッションの「新しい投稿へのコメントを許可」で表示・非表示の選択ができます。

WordPressコメントの非表示

トップページの新着記事の表示数を減らしたい

WordPressの標準設定を利用してください。

サイドバーのカテゴリー表示順を並べ替えたい

WordPressの機能を使って、カテゴリーの表示順を擬似的に変更できます。

  1. カテゴリー用の専用メニューを作成
  2. 「ナビゲーションメニュー」ウィジェットに挿入
  1. STEP

    カテゴリーに使うメニューを作成

    WordPress ナビメニュー
  2. STEP

    ナビゲーションメニューウィジェットを挿入

    WordPress ナビメニュー
  3. STEP

    サイドバーでカテゴリーの並び替えができる

    WordPress ナビメニュー

ウィジェットの「表示設定」を使えば、設定したウィジェットをカテゴリーやタグ別に表示できます。

ウィジェット条件分岐

不要なプラグインを知りたい

こちらで紹介していますのでご覧ください。

デザインに関する質問

新着記事のNEWバーを消したい

THE SONIC NEW バーを消す

子テーマのfunctions.phpの最下部に、以下のコードを追記してください。

WordPressのfunctions.php追記
add_filter('tsnc_toppage_new_posttitle', function(){/*新着記事のNEWを消す*/
	return '';
});

デザインを調整するために、子テーマのstyle.cssに追記してください。

THE SONIC CSSカスタマイズ
@media (min-width: 1030px){
.home #content {
		margin-top: 0px;
	}
.home #sidebar{
		margin-top: 30px;
	}
}

CSSを編集する場合は子テーマをご利用ください。

新着記事とタブを入れ替えたい

THE SONICタブと新着記事エリアを入れ替える

子テーマのfunctions.phpの最下部に、以下のコードを追記してください。

WordPressのfunctions.php追記
add_filter('tsnc_top_page_disp_boxes', function() {/*新着記事とタブを入れ替える*/
	return $boxes = [
		'widget-toppage-top',
		'tab',
		'new',
		'widget-toppage-bottom'
	];
});

CSSを編集する場合は子テーマをご利用ください。

フロントページの2ページ目以降の「記事一覧ウィジェット」を消したい

functions.phpにコピペ
add_filter('tsnc_top_page_disp_boxes', function() {
	if(is_paged()){
		return $boxes = [
		'new',
		'tab',
		'widget-toppage-bottom'
		];
	}
	else{
		return $boxes = [
		'widget-toppage-top',
		'new',
		'tab',
		'widget-toppage-bottom'
		];
	}
});

テーマ編集する場合は子テーマをご利用ください。

検索結果のタイトル後ろにつく「サイト名」を非表示にしたい

子テーマのfunctions.phpの最下部に、以下のコードを追記してください。

WordPressのfunctions.php追記

固定ページの検索結果からサイト名を非表示にしたい場合

add_filter('document_title_parts', function( $title ) {
    if (is_page()) {
        $title['site'] = '';
    }
    return $title;
});

投稿ページの検索結果からサイト名を非表示にしたい場合

add_filter('document_title_parts', function( $title ) {
    if (is_single()) {
        $title['site'] = '';
    }
    return $title;
});

投稿・固定ページの検索結果からサイト名を非表示にしたい場合

add_filter('document_title_parts', function( $title ) {
    if (is_singular() && isset( $title['site'] )) {
        $title['site'] = '';
    }
    if (is_home() && isset( $title['tagline'] ) ) {
        $title['tagline'] = '';
    }
    return $title;
});

全ての検索結果から、サイト名を非表示にしたい場合

add_filter('document_title_parts', function( $title ) {
    $title['site'] = '';
    return $title;
});

CSSを編集する場合は子テーマをご利用ください。

フロントページCTAエリアに「画像だけ」表示させたい

WordPressテーマTHESONICCTAエリアに画像

フロントページCTAの設定の「HTML用カスタムボックス」をご利用ください。

「カバー」ブロックを使っていただくと、画像のみ挿入できます。

カバー

スマホでは画像が縦に長過ぎると感じた場合や、スマホに別の画像を表示したいと感じた場合には以下のように設定してください。

  1. 再利用ブロックを作成します。
  2. PC用の画像を表示する「カバー」ブロックを追加します
  3. カバーブロックの非表示設定を「PC・タブレットで表示」にします
  4. モバイル用の画像を表示する「画像」ブロックを追加します
  5. 画像ブロックの非表示設定を「モバイルで表示」にします
  6. 作成した再利用ブロックのショートコードを、フロントCTAの「HTML用カスタムボックス」に挿入します
PC用にはカバーブロックをご利用ください
モバイル用には画像ブロックをご利用ください

トップページ記事一覧ウィジェットに「NEW」のようなデザインを挿入したい

ウィジェットにHTMLで挿入してください。

<div class="main-h2 kiji-list-heading-mark1 tsnc-widget-title">タイトル</div>

以下のCSSを上書きしてください。

THE SONIC CSSカスタマイズ
.main-h2.kiji-list-heading-mark1.tsnc-widget-title {
	margin: 0 0 30px 0;
}

CSSを編集する場合は子テーマをご利用ください。

ヘッダーとフッターの色を個別に変更したい

THE SONICでは誰が触ってもまとまったデザインや使い心地を得られるようにするため、項目数や設定箇所を可能な限り削ぎ落としています。

個別に編集する場合には、以下のCSSを上書きしてください。

THE SONIC CSSカスタマイズ
/* ヘッダー背景色とロゴの上の文字色 */
#header {
	color: #000;
	background-color: #00b1c3;
}

/* フッター背景色 */
.footer-in-under {
	background: #00b1c3;
}


/* ヘッダーヘッダータイトルのリンク色ロゴ未使用文字色 */
.header-title a {
    color: #fff;
}

/* フッターのタイトル文字色 */
.footer-in-under .footer-title a {
	color: #fff;
}

/* フッターのcopyrightの文字色 */
.footer-in-under {
	color: #fff;
}

/* ヘッダーメニュー */
.nav-style-def a {
	color: #fff;
}

/* フッターメニュー */

.footer-container .menu-item a {
color: #fff;
}

CSSを編集する場合は子テーマをご利用ください。

テキストリンクにアンダーライン(下線)を付けたい

以下を追加CSSなどで上書きしてください。

THE SONIC CSSカスタマイズ
.entry-content a {
    text-decoration: underline;
}

CSSを編集する場合は子テーマをご利用ください。

「記事を書いた人」のサイトボタンのテキストを変更したい

以下を追加CSSなどで上書きしてください。

THE SONIC CSSカスタマイズ
a.pf-custom-btn:after { content: "サイト"; }

CSSを編集する場合は子テーマをご利用ください。

Googleマップの横幅を調節したい

以下を追加CSSなどで上書きしてください。

iframe {
max-width: 100%;
}

CSSを編集する場合は子テーマをご利用ください。

ボタンの横幅を広げたい

以下を追加CSSなどで上書きしてください。

THE SONIC CSSカスタマイズ
/* ボタン横幅いっぱい */
tsnc-btn {
    min-width: 100%;
}

CSSを編集する場合は子テーマをご利用ください。

アイキャッチの枠に黒い線が入る

アイキャッチが透過画像の場合、アイキャッチ背景の黒色が透けて見えることがあります。以下のCSSを上書きしてください。

THE SONIC CSSカスタマイズ
.entry-eyeimg {
    background: #fff;
}

THE SONIC最新版では、黒い枠線が出ないよう調整しております。アップデートをお願いいたします。

バイラル風の見出し色を濃くしたい

以下のCSSを上書きしてください。

THE SONIC CSSカスタマイズ
.eyecatching-mark1 .entry-title {
    opacity: 1;
}

CSSを編集する場合は子テーマをご利用ください。

ブラーのテキストカラーを変更したい

以下のCSSを上書きしてください。

THE SONIC CSSカスタマイズ
.eyecatching-mark2 .entry-title {
color: #fff;
}

CSSを編集する場合は子テーマをご利用ください。

アプリーチのデザインを整えたい

アプリーチに公開されている、デザイン用CSSを追加してご利用ください。

エラーに関する質問

テーマをインストールしたらヘッダーが白くなった

テーマ購入後に発行されるライセンスキーを入力し、サイトのカラー設定を行ってください。カラー設定の操作方法はマニュアルをご覧下さい。

「書いた人」のユーザーアイコンが表示されない

THE SONICでは、WordPressの標準機能「gavator」との連携を使ってアイコンを表示しています。gavatorは、WordPress.comのアカウントでサインアップするサービスです。

ユーザーアイコン

WordPress.comアカウントをお持ちでない方は、アバターを追加するプラグインをご利用いただくことで、同様のアイコンを表示できます。

アバターを追加するプラグイン

ウィジェットにscriptを含むコードを挿入すると「保存」できない

サーバー側のWAF設定が疑われます。サーバーの管理画面からWAFを無効化して再度お試し下さい。

「エラーメッセージ: 返答が正しい JSON レスポンスではありません。」

更新に失敗しました。 エラーメッセージ: 返答が正しい JSON レスポンスではありません。

Googleアドセンスコードを挿入すると、エラーメッセージが表示されて保存ができない場合はサーバー設定が疑われます。

サーバーの「WAF」設定をオフにしてください。

各サーバー WAFをオフにする方法
  • https://support.conoha.jp/w/waf/
  • https://www.xserver.ne.jp/manual/man_server_waf.php
  • https://lolipop.jp/manual/user/waf-set/

ヘッダーメニューに子カテゴリをドロップダウン表示させたい

ヘッダーメニュー作成時に、階層を下げた状態でコンテンツを挿入してください。

記事下の「関連記事」が表示されない

その記事で選択しているカテゴリー(子カテゴリー)内の記事が関連記事として表示されます。カテゴリーに登録している記事数を確認してください。

親カテゴリ:ブログ
├ 子カテゴリ①:レンタルサーバー
├ 子カテゴリ②:WordPress
├ 子カテゴリ③:テーマ
└ 子カテゴリ④:カスタマイズ

などのカテゴリがあったとき、レンタルサーバーの記事を見ている人の関連記事で、ブログ全体のカテゴリ記事が出てしまうと範囲が広すぎるため、この形で出力しています。

記事一覧に表示されるカテゴリーの項目がおかしい

記事のカテゴリーを2つ以上設定していませんか?1記事1カテゴリーが原則です。

記事に登録するカテゴリーは原則1つです。子カテゴリーにチェックを入れる場合、親カテゴリーにチェックを入れません

その他の質問

親テーマのFontAwesomeの読み込みを停止したい

子テーマのfunctions.phpで以下を追記してください。

add_action( 'wp_enqueue_scripts', function(){
wp_deregister_style( 'tsnc_fontawesome-all-style' );
}, 11);

FontAwesomeのCDNの利用を停止し、ローカルで読み込む場合に利用してください。
参考:自分で用意した Font Awesome のファイルを読み込む方法

それでも解消されない場合

表示がおかしい場合

バグと間違えられる原因をあげておきます。以下の設定を試して再現されるか確認してください。

  • ブラウザキャッシュをクリアして再現しますか?
  • サーバーのWAF設定をオフにして再現しますか?
  • 全てのプラグインをオフにして再現しますか?
    キャッシュ系やセキュリティプラグインが原因の場合があります。