フォーラムへの返信
-
投稿者投稿
-
ページのソースコードを拝見したところ、単一ページの場合は
body
にフォントが適用されていますが、一覧ページだとbody
にはフォントが適用されておらず一覧部分にのみ適用のようです(ただし、Snow Monkey がこのプラグインが想定している HTML 構造をしていないので実際の画面にはフォントは反映されていないようです)。TwentySeventeen など、他のテーマに変更した場合は一覧ページでもヘッダーなどにフォントが反映されますでしょうか?もし反映されないのであれば、このプラグインのほうの不具合かもしれません。
♥ 0いいねをした人: 居ませんちょっとプラグインを使ったことがなく、仕組みがわからないため具体的な原因はわからないのですが、エックスサーバーで提供されているプラグインだと、クラス名を指定してフォントを適用できるようですので、お使いのプラグインが似たようなものであればその辺りで調整が必要なのかもしれません。
実際のページの 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いいねをした人: 居ません -
投稿者投稿