ストークのよくある質問

ストークテーマにて、検索フォーム内のテキスト「検索する」を変更したい場合は、下記のコードを子テーマの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表示の投稿ページにてカテゴリのラベルが斜めに配置されています。

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

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

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

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

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

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

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

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

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

アルバトロスの場合

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

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

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

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

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

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

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

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