フォーラムへの返信
-
投稿者投稿
-
子テーマ/templates/widget/any-posts.php
にファイルを配置するとそれが利用されるようになるので、そこにリッチメディアと同じ HTML を書けばできないことはないのですが、ちょっとのちのち後方互換性がこわいかなぁという気はします。もしその任意の投稿がある程度固定的なもので、管理画面からの変更が不要なのであれば、「Snow Monkey: 最近の投稿」ウィジェットを配置し、その表示条件をフックで固定的なものに変更させるほうが良いのかなという気がします。
もし入れ替えが頻繁だったりして管理画面からの変更が重要であれば、「Snow Monkey: 任意の投稿」を僕が新規につくるのが良いかもしれません(これはちょっと時間がかかるかも…
♥ 0Who liked: No userデザインが「オフィシャル」の場合ですよね。確かにシェアできないので、シェアボタン設定の「ボタンを表示」のところの「Facebook」を、
- 「Facebook(いいねのみ)」
- 「Facebook(いいね + シェア)」
に変更しようと思います。
♥ 0Who liked: No userあーなるほど、WordPress は
get_the_title()
ではタグ削除してくれないんですね。こちら修正します。♥ 0Who liked: No userあー確かにそうですね、v4.3 正式版で対応します!
♥ 0Who liked: No userちょうど別な方からもページ崩れの報告を頂いていて、その原因も mod_pagespeed だったので、CSS非同期読み込み機能との競合があったのかもしれませんね。
CSS非同期読み込み機能は mod_pagespeed との競合以外にも、ちょくちょく似たような報告があり、結構扱いが難しいかなと思っているので、高速化の効果がそれほどないようであれば、いっそ機能を削除しても良いかなと考えていました。
♥ 0Who liked: No userWeb フォントという手もあるかなとは思ったのですが、わざわざそのために数メガバイトのフォントファイルをダウンロードさせるのも違う気がするので、ちょっとどのフォントを指定するかは考えてみます。
あ、あと、Lightning は見出しには○○、本文には○○のように細かく指定できるように見受けられましたが、Snow Monkey の場合はやるなら全体(body)への適用だけにしようと思います。CSS の継承度を考えると、そのほうが追加 CSS や子テーマで上書きしやすいためです。
♥ 0Who liked: No userただ游ゴシックも IE では問題があるので、Android はゴシックになるのはしょうがないとして、游明朝でやっちゃうというのもありなんですかねー。
♥ 0Who liked: No user自作のものを調整して利用することもできますが、Snow Monkey はスムーススクロール用のライブラリを持っているのでそちらの場合を。下記のコードを子テーマの JavaScript ファイルに貼り付けてみてください。
jQuery(function(){ $('任意のセレクタ a[href^="#"]').SmoothScroll({ duration: 800, easing : 'easeOutQuint' }); });
肝は
$('任意のセレクタ a[href^="#"]')
の部分です。全てのアンカーリンクに、というのはなかなか難しいのですが、任意のページ内リンクなら比較的簡単です。 例えば、<div class="anchor-links"> <a href="#hoge">アンカーリンク</a> </div>
のようなアンカーリンクをつくった場合は、
$('.anchor-links a[href^="#"]')
と指定します。♥ 0Who liked: No userゴシック/明朝体のフォント切り替えは実装したいなと思いつつ、明朝体のフォントとして何を指定するのがベターかわからず手を付けていませんでした。
游明朝が良いとは思うのですが、游明朝の場合は IE で文字下に空白ができるバグがあるようなので…。
あと Android ではそもそも明朝体が入っていないので、明朝指定をしていてもかなり多くの端末でゴシック体で表示されてしまう、という問題もあります。
そういうことで、Android と IE はどうなってもしょうがないというスタンスであればありだと思うのですが…それはそれで Android で適用されないのですが、とか、IE でずれるのですが、という質問も増えると思いますので、どうしようかなぁというところです…。
♥ 0Who liked: No user要は64emを打ち消さないと変更されないので、打ち消しの記述を入れてから、再度指定したい幅で入力しなおす、という感じで解決されました。
です!まさにそれです!
ちょっと冗長なので、こういうユーティリティ系のクラスは別 CSS ファイルにわけて、子テーマで CSS ファイルごと差し替えられるようにしたほうが変更しやすいのかなぁとか思ったりもしたのですが、それはそれでデメリットもありそうなので、今はこのカスタマイズ方法しか思い浮かびませんでした…。
ここでタグを書くのこれでいいのかな(;´Д`)
タブがなくなってしまった。「テキスト」モードにして、コードを範囲選択し、「code」ボタンをクリックしてから投稿すると pre タグで囲まれてタブもそのままで出力されるはず!
♥ 0Who liked: No userお急ぎでなければ、明日か月曜とかにサンプルコード書いてみますよ!
♥ 0Who liked: No userあーそうですね、上書きするしかないです…。
ヘッダーの中で
.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 構造がかわってないかは確認しないといけないと思うので、これはこれでめんどくさいかもしれません…。♥ 0Who liked: No userファイル構造は最初戸惑いますが、流れが分かると使いやすいかもしれませんね。
そうであると良いなと願っています…! 以前にどういう考えていまの構成にしているのか記事を書いたことがあるのでご参考まで。
ひとまず大丈夫そうということで、トピック閉じますね。
♥ 0Who liked: No userなるほどです。
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
の中身をコピペして必要に応じて改変する、という流れがやりやすいかもしれません。♥ 0Who liked: No user -
投稿者投稿