キタジマタカシ

フォーラムへの返信

15件の投稿を表示中 - 7,126 - 7,140件目 (全7,507件中)

← 1 475 476 477 501 →

投稿者

投稿
2018年10月13日 8:48 AM 返信先: ハンバーガーメニューの出現ポイントを変更したい #6335

キタジマタカシ
参加者

♥ 2595

要は64emを打ち消さないと変更されないので、打ち消しの記述を入れてから、再度指定したい幅で入力しなおす、という感じで解決されました。

です！まさにそれです！

ちょっと冗長なので、こういうユーティリティ系のクラスは別 CSS ファイルにわけて、子テーマで CSS ファイルごと差し替えられるようにしたほうが変更しやすいのかなぁとか思ったりもしたのですが、それはそれでデメリットもありそうなので、今はこのカスタマイズ方法しか思い浮かびませんでした…。

ここでタグを書くのこれでいいのかな(；´Д｀)
タブがなくなってしまった。

「テキスト」モードにして、コードを範囲選択し、「code」ボタンをクリックしてから投稿すると pre タグで囲まれてタブもそのままで出力されるはず！

♥ 0

Who liked: No user

2018年10月12日 3:58 PM 返信先: ハンバーガーメニューの出現ポイントを変更したい #6330

キタジマタカシ
参加者

♥ 2595

お急ぎでなければ、明日か月曜とかにサンプルコード書いてみますよ！

♥ 0

Who liked: No user

2018年10月12日 3:31 PM 返信先: ハンバーガーメニューの出現ポイントを変更したい #6327

キタジマタカシ
参加者

♥ 2595

あーそうですね、上書きするしかないです…。

ヘッダーの中で .u-hidden-lg-up、 .u-visible-lg-up のようなクラスを使って出したり消したりしているので、それを上書きする感じになりますが、display: none、display: block を切り替えるようなやりかたじゃないめんどくさい方法をしてしまっているので、結構めんどくさいかもしれません…。

細かく調整しなくて良いのであれば、ヘッダーのテンプレート (template-parts/1row-header.php など) を子テーマにコピーして、.u-hidden-md-up、 .u-visible-md-up に書き換えれば、PCサイズ（1024px）じゃなくてタブレットサイズ（640px）を基準にできます。ただ、こっちもこっちでアップデートのたびにヘッダーの HTML 構造がかわってないかは確認しないといけないと思うので、これはこれでめんどくさいかもしれません…。

♥ 0

Who liked: No user

2018年10月12日 12:52 PM 返信先: 検索結果を別のテンプレートファイルに返したい #6320

キタジマタカシ
参加者

♥ 2595

ファイル構造は最初戸惑いますが、流れが分かると使いやすいかもしれませんね。

そうであると良いなと願っています…！以前にどういう考えていまの構成にしているのか記事を書いたことがあるのでご参考まで。

WordPress 有料テーマ Snow Monkey の基本的な構造について – ディレクトリ構成編

Snow Monkey アドベントカレンダー4日目の記事です。昨日は「WordPress 有料テーマ Snow…

snow-monkey.2inc.org

ひとまず大丈夫そうということで、トピック閉じますね。

♥ 0

Who liked: No user

2018年10月11日 9:16 AM 返信先: 検索結果を別のテンプレートファイルに返したい #6309

キタジマタカシ
参加者

♥ 2595

なるほどです。

entry-summary については、template-parts/loop/entry-summary-投稿タイプ.php のファイルがあればそれを読み込み、なければフォールバックとして template-parts/loop/entry-summary.php が読み込まれる、という仕組みになっています。

なので、まずは子テーマに template-parts/loop/entry-summary-投稿タイプ.php をつくり、snow-monkey/template-parts/loop/entry-summary-post.php の中身をコピペして必要に応じて改変する、という流れがやりやすいかもしれません。

♥ 0

Who liked: No user

2018年10月11日 8:55 AM 返信先: 目次の作り方がわかりません。 #6307

キタジマタカシ
参加者

♥ 2595

どうやら、この部分が分かってなかったようです。
どうりで、上の表示が違うと思っていたんです（笑）

ダッシュボード > 外観 > カスタマイズと進んだ場合は、トップページを開いた状態でカスタマイザーが開くので、ちょっと変わりますね。一応、その状態で（カスタマイザー状態で）、投稿に進むと、「ページ設定」がでるようになるので、お時間あるときにでも試してみてください。

あと＜見出し1＞ではもしかして目次にならないんですかね？
＜見出し2＞に設定したら、無事に目次設定できました！

なるほど！そうですね、見出し1は無視するようになっています。見出し1は記事タイトルに使っているのですが、HTML のルール上見出し1はページ上に1つ、となっているので、記事中にはでないであろうという想定としています。

解決ということで、トピック閉じますね。

♥ 0

Who liked: No user

2018年10月11日 8:39 AM 返信先: タイトル文字の大きさの調整 #6301

キタジマタカシ
参加者

♥ 2595

あ、なるほどです！そうですね、メディアクエリ（@media(...) の部分）は、セレクタを囲むように記述する必要があるんです。解決できたとのことでよかったです^^

トピッククローズします。

♥ 0

Who liked: No user

2018年10月11日 8:35 AM 返信先: 目次の作り方がわかりません。 #6300

キタジマタカシ
参加者

♥ 2595

ページ設定について

「ページ設定」は、投稿、もしくは固定ページを開いた状態でカスタマイザーを開いたときに表示されます。管理画面じゃなくてサイト上で適当な投稿を開いてから、ページ上部の管理バーの「カスタマイズ」をクリックしてみてください。

目次について

目次ですが、特に設定していなければ、投稿には自動的に目次は表示されるはずです（固定ページには自動表示されませんが、目次ウィジェットを使って表示させることはできます）。

で、目次が表示される設定になっているとして、目次が表示される条件は、まず見出しが存在すること、次に、見出しが div などで囲まれていないこと、です。なので自分で組んだ HTML をテキストモードに貼り付けたりしている場合は見出しが含まれていても目次がでなかったりすることがあるので、ご注意ください。

♥ 0

Who liked: No user

2018年10月10日 4:44 PM 返信先: タイトル文字の大きさの調整 #6285
キタジマタカシ
参加者

♥ 2595
Snow Monkey のデフォルトは、
```
h1 {
  font-size: 1.66667rem; /* 26.66667px 相当 */
}

@media (min-width: 64em) {
  h1 {
    font-size: 2.5rem; /* 40px 相当 */
  }
}
```
となっています。これは、基本は 1.66667rem、画面の横幅が 64em 以上（PC サイズ）のときは 2.5rem になる、ということです。
```
.c-entry__title {
  font-size: 32px;
}
```
とした場合はすべてのデバイスサイズで 32px になるはずなのですが、上手くいかない、というのはどのような状況でしょうか？

ちなみに、
```
@media screen and (max-width: 480px) {
  .c-entry__title {
    font-size: 20px !important;
  }
}
```
は、画面幅が480px以下の場合は絶対的に 20px という意味になります。

♥ 0

Who liked: No user
2018年10月10日 4:01 PM 返信先: 記事タイトルの文字を明朝体にしたい #6283
キタジマタカシ
参加者

♥ 2595
Web フォントを使ったほうがキレイかも…とかはありますが、とりあえず標準的なものだと以下のような感じでしょうか。カスタマイザー > 追加 CSS、もしくは子テーマの CSS ファイルに下記を貼り付けてみてください。
```
/* 記事タイトルを明朝体に */
.c-entry__title {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
```
♥ 0

Who liked: No user
2018年10月10日 12:18 PM 返信先: 検索結果を別のテンプレートファイルに返したい #6275
キタジマタカシ
参加者

♥ 2595
通常の検索フォームは読み込むようになりましたが、検索フォームプラグインを使った時は、何も表示されません

あ！読み込み部分が間違っていたかもしれません。下記のコードに差し替えてみてください。
```
<?php
$controller = new Mimizuku_Controller();
$controller->layout( get_theme_mod( 'archive-page-layout' ) );
if ( have_posts() ) {
	if ( $_GET['fe_form_no'] == '0' ) {
		// /子テーマ/templates/view/search-form0.php をビューファイルとして読み込み
		$controller->render( 'search-form0' );
	} else {
		// デフォルトのビューファイルを読み込み
		$controller->render( 'archive', 'search' );
	}
} else {
	$controller->render( 'no-match' );
}
```
search-form0.phpは、とりあえずtemplates/view/archive.phpの内容をそのまま使っていますが、それでよいのでしょうか。

この分岐コードは「検索内容によってページのデザインを変える」ために読むテンプレートを切り替える、というものだと思いますので、ご希望のデザインなどに応じてカスタマイズが必要なのではないでしょうか？

♥ 0

Who liked: No user
2018年10月10日 11:29 AM 返信先: ショーケースのリード文内にアコーディオンテキストを入れたい #6272
キタジマタカシ
参加者

♥ 2595
検証しました。ちょっと現状の Snow Monkey ではできないのですが、v4.3.0 ベータ3からはできるようになります。ということで、一応先にコードだけ提示しますね。

子テーマの functions.php
```
/**
 * [my-accordion] というショートコードを定義
 */
add_shortcode( 'my-accordion', function() {
	ob_start();
	?>
	ここに参考ページの HTML を貼り付け
	<?php
	return ob_get_clean();
} );

/**
 * Snow Monkey ウィジェットでショートコードを実行可能に
 */
add_filter( 'inc2734_wp_awesome_widgets_render_widget', 'do_shortcode' );
```
CSS を追加

カスタマイザー > 追加 CSS、もしくは、子テーマの　CSS ファイルに、参考ページの CSS を貼り付け

リード文に入力

[my-accordion] と入力してください。

♥ 0

Who liked: No user
2018年10月10日 10:02 AM 返信先: 検索結果を別のテンプレートファイルに返したい #6267

キタジマタカシ
参加者

♥ 2595

あれなんであろう…

上記の search.php のコード、< ?php となってしまっていましたが正しくは <?php なのでそれかもしれません！変更してみてください！

♥ 0

Who liked: No user

2018年10月9日 1:33 PM 返信先: ショーケースのリード文内にアコーディオンテキストを入れたい #6247

キタジマタカシ
参加者

♥ 2595

あ、こんなにめんどくさいことしなくてもショートコードにしちゃったほうが簡単かも！ちょっと試してみます！

♥ 0

Who liked: No user

2018年10月9日 12:49 PM 返信先: ショーケースのリード文内にアコーディオンテキストを入れたい #6246
キタジマタカシ
参加者

♥ 2595
ショーケースのリード文は、「WordPress の記事編集画面で許可されている HTML のみ入力可能」で「自動改行が有効」となっており、input タグが入力できず、複雑な HTML を入力するのにあまり向いていないため、基本的には、このアコーディオンを入れることはおすすめできません。

という前提で、一応やる方法はあるので、共有します。

子テーマの functions.php に下記のコードを追加

まず、input タグが除去されないように許可する必要があります。下記のコードを追加することで許可されるようになりますが、これは「リード文」の部分だけでなく、WordPress 全体で許可される、ということになり、セキュリティ上好ましくない可能性がありますので、繰り返しますがあまりおすすめはできません。
```
add_filter( 'wp_kses_allowed_html', function( $tags, $context ) {
	if ( 'post' === $context ) {
		$tags['input'] = [
			'type'  => true,
			'id'    => true,
			'class' => true,
		];
	}
	return $tags;
}, 10, 2 );
```
リード文に HTML を入力

自動改行の影響を極力避けるため、 HTML コメントと改行を全部抜いて入力してください。下記をコピペしてもらうのが良いかと思います。
```
<div class="accbox"><div><label for="label1">クリックして表示1</label><input type="checkbox" id="label1" class="cssacc" /><div class="accshow"><p>こんにちは1</p></div></div><div><label for="label2">クリックして表示2</label><input type="checkbox" id="label2" class="cssacc" /><div class="accshow"><p>こんにちは2</p></div></div><div><label for="label3">クリックして表示3</label><input type="checkbox" id="label3" class="cssacc" /><div class="accshow"><p>こんにちは3</p></div></div><div><label for="label4">クリックして表示4</label><input type="checkbox" id="label4" class="cssacc" /><div class="accshow"><p>こんにちは4</p></div></div></div>
```
CSS を追加

カスタマイザー > 追加CSS、もしくは子テーマの CSS ファイルに下記の CSS を追加してください。自動改行の影響を考慮して、元の CSS から若干カスタマイズしてあります。
```
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#2f8fcf;
    font-weight: bold;
    background :#a4cbf3;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#85baef;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + p + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}
```
♥ 0

Who liked: No user
投稿者

投稿