[キタジマ タカシ]

右の記号を、大きめ、または目立つように

とりあえず色を変更するなら .c-drawer__toggle に background-color を追加すればできます。

.c-drawer__toggle {
  background-color: #000;
}

大きさは数値の調整が必要なのでちょっと面倒かもです。一応 45px にするとしたら、こんな感じでしょうか。

.c-drawer__toggle {
  height: 45px;
  width: 45px;
}

.c-drawer__item>a, .c-drawer__subitem>a {
  min-height: 45px;
  display: flex;
  align-items: center;
}

♥ 0

Who liked: No user

[キタジマ タカシ]

V5.0.5で元の記号表示に戻ってしまいました。
「閉じる」は表示されますが、テキストが左に90度回転した状態になってしまいます。

こちらで確認したところ、

– 記号表示にはならない
– 「開く」が回転した状態で表示される
– 「閉じる」は正しい角度で表示される

という状況だったのですが、その他のカスタマイズが影響していて表示が違う可能性もありますので、ページの URL を教えてもらえないでしょうか？

一応、上記の状態だと、.c-drawer__toggle の部分にスタイルを追加することで「開く」も回転しない状態に戻すことができます。

.c-drawer__toggle{width: 2.86957rem; transform: none !important}

♥ 0

Who liked: No user

[キタジマ タカシ]

こんにちわ。先日snow monkey blocksで、勝手にニセsnow monkeyのページを作ってみたおさPと申します。この場を借りてお詫びさせてください

あー、どうもどうもw

現在関連記事はカテゴリで紐づけられていると思いますが、タグを活用したり設定を変えることは可能でしょうか？

カテゴリーとタグの一致で判定し、ランダム表示するようになっています。タグがない場合はカテゴリー一致だけの判定になります。子テーマをつくり、条件を変更することも可能ですが、デフォルトでもタグは判定されているはずなので、タグ判定を加えたいということであればそのままで大丈夫かなと思うのですが、正しく判定されていない感じでしょうか？

また、変更できなそうなので、yuzoなどのプラグインを設けましたが、関連記事が表示されません。こちらも何かそうゆう設定をされているのでしょうか？

すみません、そのプラグインは使ったことがないので詳しくはわからないです。

♥ 0

Who liked: No user

[キタジマ タカシ]

せっかくなので、プライベートチケット？を使ってみようと思ったのですが、
新規投稿でないとプライベートに設定できないんですね。

あーそうなんです、トピックたてるときだけですね、すみません…。

スマホからもう一度見直してみてわかったのですが、開くの文字が横向きに縦に表示されていたため、上記のような記載になりました。

なるほど、わかりました。 .c-drawer__toggle が回転しないように、次のスタイルを追加してみてください。

.c-drawer__toggle {
    transform: none !important;
}

♥ 0

Who liked: No user

[キタジマ タカシ]

あれ…。そのページの URL を教えていただくことはできますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

ちょっと気になったので。Adsense に新しいサイトを追加しようとすると下記のコードを入れるように指示されるのですが、Olein さんが上記で提示されたコードと結構違うようなので気になりまして。もうすでに承認されてたら横槍すみません！

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-xxxxxxxxxx",
          enable_page_level_ads: true
     });
</script>

♥ 0

Who liked: No user

[キタジマ タカシ]

投稿記事の og:image は、アイキャッチ画像の URL が使用されるようになっています。特に相対パスにするような処理はおこなっていません。なんらか、アイキャッチ画像の URL を書き換えるようなプラグインや、functions.php によるカスタマイズをされていませんでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

v5.0.5 で変更入れてみました、確認してみてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

確認しました！ ツールバーで「幅広」を適用されてませんかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

なるほど、確かにそうですね。修正します！

♥ 0

Who liked: No user

[キタジマ タカシ]

スライダーブロックの場合、ブロックを選択し、インスペクター（画面右側に表示される設定パネル）の高度な設定 > 追加 CSS クラスにクラス名を追加することで表示を制御できます。

u-hidden-sm と入力すると、そのブロックはスマホサイズのときに非表示になります。
u-hidden-md-up と入力すると、タブレットサイズ以上のときに非表示になります。

注意点として、Snow Monkey Blocks v3.0.6 以上の場合は、追加 CSS クラスがエディタに反映されるため、入力した瞬間に画面サイズに応じて非表示になっちゃいます。なので画像を登録した後に追加 CSS クラスを入力するのが良いかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

今このブロック作ってみているのですが、「このブロック自体」には余白などスタイルを適用しない、は当然として、「中身のブロック」はどうするのが良いかちょっと悩んでいます。

例えば、文字しか入れられないブロックということなら段落ブロックで済んじゃうと思うので、リストだとか見出し、画像だとかも入れられるようにしたほうが良いと思うんですよね。その場合、例えば見出しなら Snow Monkey の場合は背景色と横線が入ったりするわけですけど、無装飾ブロックの中に見出しを入れた場合はこの見出しの装飾っていうのはデフォルトで適用したほうが良いのかどうなんだろう…と。

♥ 0

Who liked: No user

[キタジマ タカシ]

特にコードの変更をせずに解決したということは、可能性としてはメモリ不足とかですかねぇ。エラーログを確認できるサーバーをお使いであれば、エラーログに何かでているかもしれませんので確認したほうが良いと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

ウィジェットであれば、Widget Logic というプラグインを使ってスマホ・PCで出し分けができます。

WordPressウィジェットを条件で切り替え「Widget Logic」の使い方

WordPressであるウィジェットをスマホの時だけ非表示、など条件で表示を切り替えるのに便利なのが Widget Logic プラグイン。ここではこのプラグインの使い方を出来るだけ…

fukuro-press.com

※ただ、この記事にある wp_is_mobile() を使った方法だと「PC・タブレット」「スマホ」で条件分岐されます。

少々手間ですが、プラグインを使わずに、CSS で出し分けすることもできます。それぞれのウィジェットには「id」が割り当てられていて、それを利用して出し分けができます。ブラウザが Chrome であれば、そのウィジェットの上で右クリック > 検証とやると、そのウィジェットの HTML が確認できます。そこに id="wpaw-slider-inc2734_wp_awesome_widgets_slider-18" というような記述があると思うのですが、

@media (max-width: 767px) {
  #wpaw-slider-inc2734_wp_awesome_widgets_slider-18 {
    display: none;
  }
}

という CSS を、カスタマイザー > 追加CSS、もしくは子テーマの CSS ファイルに追加することで、スマホサイズのときだけ非表示にすることができます。

♥ 0

Who liked: No user

[キタジマ タカシ]

こちらのテスト環境では特にはみだしたりしていないのですが、そのページを見せてもらうことってできますか？まだわかりませんが、画像のサイズとかによるんでしょうかねー

♥ 0

Who liked: No user

[投稿者]

投稿