フォーラムへの返信
-
投稿者投稿
-
GONSYさんではないですが失礼します…。
まずは動画容量を下げられたとのことですが、動画の画像品質や容量については別途最適化されて書き出しをされる他、対応方法はないかと思います。
また、お客様の方ではまだ動画がスムーズに再生されないということですが、そういった現象が発生するリスクを直に体験できている良い機会だと思います。
言い換えると、現状だとそのようにストレスなく再生されないWebサイトの状況である、ということをご理解いただけるかと思います。また、さまざまな通信環境やデバイス環境にてアクセスされる可能性があるというのがWebサイトですので、許容するボーダーラインみたいなものをプロジェクト内で定める必要があるでしょう。
その上で「やはり誰にでもストレスなく情報を届けたい」ということであれば、動画の掲載も含めて再検討する必要があるでしょうし、それでもやはり「動画を載せたい」ということであれば、今起きているようにWebサイトにアクセスをされて再生されない人や見れない人などが存在してもやむを得ないと考えるしかないでしょう。
YouTubeなどにアップし、そちらを埋め込むと表示速度が良くはなるかと思いますが、YouTube特有の左右上下にあるマークや表示などは残りますでしょうか。(動画がまっさらになればユーチューブでもOKが出ると思いますが、グーグルで調べても出てきませんでした(>_<))
こちらはご自身で実際に試されると良いと思います。それが一番早いでしょう。Snow Monkey Blocksのセクションブロックの背景にYoutube動画を設定することもできますが、別途独自に読み込むことも技術的には可能です。そういった方法を用いる場合にだけ利用できる設定などもあると思います。
ぜひ挑戦してみてください。
こちら Mac の Google Chrome、iPhone Google Chrome で確認しましたが、上記のように画面遷移を行なっても動画は自動再生されます。
【お使いのブラウザ】chrome,IE,Safari
とありますが、これらの Windows のブラウザで動作を確認された結果、上記の動作が上手くいかない結果になったということでしょうか?
私の方では問題ないのですが、先方様のスマホではフリーズしているようでして、通信環境などが原因か、システム的なトラブルがあるのか。。
こちらでは吉田さん以上にお客様の状況が分からないので判断できませんが、まずは吉田さんがお客様と同じ環境を再現して原因を突き止めてみるしか、この情報量ではなんとも言い難いところですね…。
既出でこのようなトピックがありますがご覧になられましたでしょうか?
こちらを参考にして取り組まれたのであれば、どんなことが上手くいかなかったかを共有いただけると回答が集まりやすいかと思います。
CSSで対応できると思います。
線の太さは
.c-hamburger-btn__bar
、ラベルに関しては.c-hamburger-btn__label
でカスタマイズ可能だと思うのでご確認ください。♥ 0いいねをした人: 居ませんですねぇ。
コンテンツ量にもよるとは思うのですが、上下パディング量との兼ね合いでバランス取るだけでも素敵になるような気がしてます…!(試せてないですが
♥ 0いいねをした人: 居ませんですねぇ。
コンテンツ量にもよるとは思うのですが、上下パディング量との兼ね合いでバランス取るだけでも素敵になるような気がしてます…!(試せてないですが
♥ 0いいねをした人: 居ませんただこれがデベロッパーツール上では動くのですが、追加CSSに記述しても効かないので、何か間違っているのかと思うのですが見当がつかず…
追加CSSで書いて効かないという場合、詳細度の問題がほとんどかと思います。
ですので、画像自体もしくはそれらをラップしている要素に任意のCSSクラスを設定し、CSSを設定してみてください。それでも詳細度問題が解決しない場合には、
!important
で強制的に効かせるということも(任意のCSSクラス下であれば)アリだと思います。ご判断はご自身でお願い致します。今一度お試しください。
♥ 0いいねをした人: 居ません残念ながら添付頂いた情報だけでは、そちらのサイトで現状ロゴがどのような状態でどのようなサイズで表示されているか分かりません。
また、ドロワーの開閉前と開閉後でロゴを同じ場所で表示されたいとのことですが、その場合サイトヘッダーの設定からロゴ画像の倍率情報なども必要になります。
言われてみえること自体は実現することはCSSで調整することで可能かと思われますが(僕の想像しているものと同じであればですが)、上の理由によりご自身でCSS調整をしながら合わせていただく必要があると思います。
ですので、CSSでの調整がご自身で行えない場合、実現が難しいかもしれません。
デモサイトなど実際に拝見できる物があれば、何かしらアドバイス差し上げることはできるかもしれませんが…。
♥ 0いいねをした人: 居ませんどのような出力状態になっているのか推測できないのでコードで示すことはできませんが、CSS で調整するのが一般的かなと思います。
♥ 0いいねをした人: 居ませんまずは原因となっているプロダクトを突き止める必要があると思いますので、以下の順に検証を行って原因箇所を特定してみてください。
- 利用されているプラグインを1つづく無効化していき、現象が発生するかどうかを確認(プラグイン起因かどうか確認します)
- テーマを Snow Monkey から Twenty系のデフォルトテーマに切り替えて発生するかを確認(これでも発生する場合は、WordPress本体の作法の可能性もあり)
上記、外部では検証できないため、そちらで確認していただく必要があります。
また、拝見したところ、 https://mil.movie/ というサービスの動画を使われている(Youtubeなどではなく)ようですので、そちらのサービス自体の挙動ではないかどうかも並行して確認してみても良いかもしれませんね。
参考になれば幸いです。
この辺りのアクションフックでロゴ画像を出力すると良いかと思います。
1.一部のリンクのみアンダーラインを消去したい
2.疑似要素::afterで配置した画像にもリンクをはりたい
3.TOPページを開いた時にタブにページ名が表示されるのをなくしたい当フォーラムでは1つのトピックに1つの話題となっておりますので、このトピックでは、1. についてお伝えします。
2. 3. については別途トピックを作られることをお勧めします。
どのようなブロックに追加CSSクラスをつけられたのか定かではないので、正確なCSS指定になっていない可能性も否めませんが、
リンクのアンダーラインを消したい項目にclass名 more を指定し、
.more,a{
text-decoration:none;
}この場合、
.more
もしくはa タグ
に対して適応されてしまうため、他のものにも効いてしまうのだと思われます。まずはこちらのご確認をされてみてはいかがでしょうか。あ、ほんとですね。「HAPPY SNOW MONKEY」で検索したら色々と出てますね…知りませんでした…w
こちらは構造化JSONの関係だと思うのですが、Snow Monkey 自体で添付画像のような形になるようなJSONは提供していない(記事やページのものだけという記憶です)ので、独自で対応するしかないと思いますね。
-
投稿者投稿