[キタジマ タカシ]

ページのソースコードを拝見したところ、単一ページの場合は body にフォントが適用されていますが、一覧ページだと body にはフォントが適用されておらず一覧部分にのみ適用のようです（ただし、Snow Monkey がこのプラグインが想定している HTML 構造をしていないので実際の画面にはフォントは反映されていないようです）。

TwentySeventeen など、他のテーマに変更した場合は一覧ページでもヘッダーなどにフォントが反映されますでしょうか？もし反映されないのであれば、このプラグインのほうの不具合かもしれません。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ちょっとプラグインを使ったことがなく、仕組みがわからないため具体的な原因はわからないのですが、エックスサーバーで提供されているプラグインだと、クラス名を指定してフォントを適用できるようですので、お使いのプラグインが似たようなものであればその辺りで調整が必要なのかもしれません。

Webフォント設定について(WordPressプラグイン) | レンタルサーバー【エックスサーバー】

レンタルサーバー「エックスサーバー」のご利用マニュアル｜WordPressの専用プラグインを用いてWebフォントを設定する手順を紹介しています。

www.xserver.ne.jp

実際のページの URL を教えていただくことは可能でしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あー確かにそうですね、標準のカラムブロックはレスポンシブ対応無かったですね。独自のカラムブロックも追加しようと試してみたのですが、使い心地的に満足いくものをつくるのが非常に難しく断念している状況です。

一応、HTML ブロックに下記のような HTML を入力すればとりあえずはレスポンシブ対応の2カラムが実現できると思いますので試してみてください。

<div class="c-row c-row--margin">
  <div class="c-row__col c-row__col--1-1 c-row__col--lg-1-2">
    あいうえお
  </div>
  <div class="c-row__col c-row__col--1-1 c-row__col--lg-1-2">
    かきくけこ
  </div>
</div>

c-row--margin はカラム間に標準的な余白を入れる設定です。消せばぴったりくっつきます。

PC サイズ以上で2カラム、それ以下は1カラムの例ですが、c-row__col--lg-1-2 のところを c-row__col--md-1-2 にするとタブレットサイズ以上で2カラムになります。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

これは僕も迷うのですが、一覧ページのページネーション（1,2,3,次へとかでるやつ）が、左へ行くほど新しいページ、右に行くほど古いページなのでそれに合わせました。こだわりがあるわけではないので、他テーマで一般的に「左＝前へ戻る（左向き矢印）／右＝次へ進む（右向き矢印）」であればそれにあわせようかなと思います。ちなみに、他テーマの状況はご存知だったりしますでしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あーそうかそうですね！2カラムレイアウトのときは、他のウィジェットと合わせてコンテンツ部分には padding はもたせず、同じ大きさの margin をもたせるようにしたほうが良いですね。上部ウィジェットを入れないパターンで動作テストしていなかったので気づきませんでした、ご指摘ありがとうございます。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

うーん、なんでしょうね、Snow Monkey は HTTP_REFERER を使うような処理は入れていなかったんじゃないかなと思ったのですが、他のテーマでは出ないというのが不思議です…。

/home/sites/heteml/users/d/e/e/deepna/web/houonji2018/index.php on line 641 ということなので、/home/sites/heteml/users/d/e/e/deepna/web/houonji2018/index.php の641行目にどのようなコードが書かれているか知りたいです。

ここにコピペして頂くか、もし可能なら messanger などで僕にそのファイルを送って頂ければ一番近道かも、と思うのですがいかがでしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

head タグの中にタグを追加したいときは、WordPress 標準のフック、wp_head が使えます。子テーマの functions.php に下記を追加してみてください（フォント指定部分は適当に変えてください）。

add_action( 'wp_head', function() {
    ?>
    <link href="https://fonts.googleapis.com/css?family=M+PLUS+1p" rel="stylesheet">
    <?php
} );

ちなみに、同じ head の中でも、JavaScript と CSS の読み込みは専用のフックを使います。参考まで。

add_action( 'wp_enqueue_scripts', function() {
    // JavaScript の読み込み（詳しくはググってください><
    wp_enqueue_script( ... );

    // CSS の読み込み（詳しくはググってください><
    wp_enqueue_style( ... );
} );

あ、度々すみません。cssの@importで対応する方が無難でしょうかね…

僕は Google Fonts 使ったことがなくて、どちらがスタンダードかちょっとわからないのですが、スタンダードなほうか、読み込み速度が安定するほうを使ったほうが良いのではと思います。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

カスタマイザーのものですよね、うーん、謎ですね^^;
他のデザインスキンでは大丈夫とのことなので、Spring に何かしらあるとは思うのですが（例えばサーバーの WAF とかブラウザとか）、ちょっと今のところさっぱり原因がわかりません。

他の方からもフィードバックがあったり、僕も Spring 以外のデザインスキンをつくったりしたときに何か気づきがあるかもしれませんので、そのときはここやオンラインコミュニティで情報共有するようにいたします。

ご報告ありがとうございます。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

v4.2.3 で修正しました！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

「SNS シェアボタン」は、Snow Monkey のカスタマイザーで設定できるボタン、という認識であっていますでしょうか？試しにやってみたのですが、上記の画像のように Facebook のチェックを外したところ、Facebook のシェアボタンはちゃんと外すことができました。ここのチェックを外しても画面上からはボタンが外れない、ということですかね？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

（＠□＠；；）
修正します！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

良かったです！トピック、クローズしますね

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

v4.2.1 で修正しました、ご確認ください！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

投稿でも同じショートコードを内部的には実行しているので、同じ動作になるはずなのですがなんでしょうね。。「見出し部分が固定ヘッダーと被る」ときって、スムーススクロールは効いていますでしょうか？

固定ヘッダー分ずれるのはスムーススクロールの処理の中でおこなっていて、このスムーススクロールはページロード完了後に適用されるエフェクトになるので、ロードに時間がかかったりしたときは「スムーススクロールが発火する前にクリックすることになりズレる」ということはあるかもしれません。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あ！これどこにも書いていなかったかもしれませんが、実は同様のことを行う CSS コンポーネントは実装されています。
下記、一度試してみてください！

<div class="c-responsive-table">
  <table>
    〜
  </table>
</div>

♥ 0

いいねをした人: 居ません

[投稿者]

投稿