ストークのよくある質問

キーワード検索
ジャンルで絞り込み
ストークで検索フォーム内の「検索する」というテキストを変更したい

ストークテーマにて、検索フォーム内のテキスト「検索する」を変更したい場合は、下記のコードを子テーマのfunctions.phpに記載することで変更可能です。

▼子テーマのfunctions.php内に記載

function my_search_form( $form ) {
 $form = '<form role="search" method="get" id="searchform" class="searchform cf" action="' . home_url( '/' ) . '" >
 <input type="search" placeholder="検索する" value="' . get_search_query() . '" name="s" id="s" />
 <button type="submit" id="searchsubmit" ><i class="fa fa-search"></i></button>
 </form>';
 return $form;
}
add_filter( 'get_search_form', 'my_search_form' );

placeholder="検索する"という箇所のテキストを変更することで可能となります。

※親テーマには記載しないでください。エラーとなる可能性がございます。

親テーマを直接編集したい場合は、親テーマ内から上で紹介したコードを探して、テキストを直接編集してください。

「ヘッダー下お知らせ」の背景色を変更するには?

ヘッダー下のお知らせテキストの背景色を変更するには、下記CSSを子テーマのstyle.cssや【外観 > カスタマイズ > 追加CSS】などに追記していただくことで変更可能です。

#container .header-info a{
 background: #1d6d41;
}

※上記CSSを追記しても内容が適用されない場合はブラウザキャッシュなどが残っている可能性が考えられます。
※背景色のカラーコードはお好みで変更してください。

ロゴ画像のサイズを大きくしたい

ストークでロゴ画像を大きく表示したい場合、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。

@media only screen and (min-width: 768px) {
 #container #logo img{
 max-height:initial;
 }
}

※上記は横幅768px以上のデバイスでのみ適用されます。スマートフォンではこれまで通りの表示サイズとなりますので予めご確認ください。
※また上記コードは「ロゴ画像」を設定されている場合にのみ有効です。テキストのフォントサイズを変更したい場合は下記コードを参考にしてください。

テキストロゴの場合のフォントサイズ変更方法

ロゴ部分を画像ではなくテキストロゴで指定している場合で、フォントサイズを変更したい場合は、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。PCとスマートフォン用にそれぞれ別に指定することをおすすめいたします。

▼PC用

/* ロゴサイズ変更(PC用) */
@media only screen and (min-width: 768px) {
 #container #logo .h1.text{
 font-size:3em;
 }
}

▼スマートフォン用

/* ロゴサイズ変更(スマートフォン用) */
@media only screen and (max-width: 767px) {
 #container #logo .h1.text{
 font-size:2.5em;
 }
}
記事タイトル下のアイキャッチ画像を非表示にしたい

【外観 > カスタマイズ】内の【投稿・固定ページ設定】にて「記事・固定ページでアイキャッチ画像を非表示」にチェックをいれることでアイキャッチ画像が自動出力されなくなる機能がございます。

記事ページでカテゴリラベルが斜めになっているのを修正する

ストークテーマでは、PC表示の投稿ページにてカテゴリのラベルが斜めに配置されています。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-12-20-04-08

こちらをまっすぐにするには、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。

@media only screen and (min-width: 1166px) {
 .single .byline .cat-name{
 transform: rotate(0);
 }
}

▼これで傾きがなくなります。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-12-20-05-55

 

▼さらに、表示位置を右側にしたい場合は、下記CSSを子テーマのstyle.cssなどに追記していただくことで変更可能です。

@media only screen and (min-width: 1166px) {
 .single .byline .cat-name{
 transform: rotate(0);
 position: static;
 }
}

このように表示位置が変わります。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-12-20-08-37
アニメーションがうまく動きません

【外観 > カスタマイズ > グローバル設定】内にて、一度アニメーションをOFFにして保存し、再度「アニメーションON」にて保存しなおすことで修正される場合がございます。

SNSシェアボタンを非表示にしたい

独自のSNSボタンを表示したくない場合は、カスタマイザーから無効化することが可能です。

テーマによって設定箇所が異なります。

アルバトロスの場合

【外観 > カスタマイズ > その他オプション】の「SNSボタンを表示しない」にチェックをいれることで無効化できます。

ハミングバード・ストークの場合

【外観 > カスタマイズ > 投稿・固定ページ設定】の「SNSボタンを表示しない」にチェックをいれることで無効化できます。

テーブル(table)タグがスマホ表示の際にはみ出してしまいます

たくさんのセルを含んだテーブルを利用している場合、スマートフォン表示の際に画面領域からはみ出してしまう場合があります。

下記のカスタマイズを行うことでテーブルを横にスクロールする機能を追加することができます。

参考:ストークテーマでtableタグを横スクロールできるようにするカスタマイズ

トップページをワンカラムにしたい

トップページをワンカラムにしたい場合は、カスタマイズが必要となります。下記記事にてその方法をまとめておりますのでご確認ください。

ストークのトップページをワンカラムにする方法