問題タブ [tumblr-themes]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 積み重なるタンブラーの写真セット
Masonry と ImagesLoaded を使用して、3 列の Tumblr レイアウトを作成しようとしています。ただし、フォトセットが重複しているという問題があります。私もPXUフォトセットを使っています。
問題：
最初の数秒間、ブログは壊れているように見えます: http://s11.postimg.org/ry4fa614j/Overlapping.jpg
次に、ソートされた列に修正します: http://s16.postimg.org/i13qld4hh/no_Overlapping.jpg
また、重複はフォトセットの投稿でのみ発生します。他のタイプの投稿 (画像が 1 つしかないものも含む) は正常に機能します。
私のコード:
これまでのところ、これは私にとって最もうまく機能するコードですが、前に述べた問題を引き起こします。
ここで、threeColはコンテナで、postはグリッドに合わせたい個々の投稿です。
また、私はInfiniteScroll を使用していません。
ゴール：
コンテンツの読み込みが速く、読み込みの最初の数秒で壊れたように見えないようにしたいと考えています。
私はすでに試しました：
私はこの問題に何日も取り組んできたので、すでにいくつかのことを試みました。
これは、現在のコードではまったく機能しません。そして、それが機能するとき、それは非常に遅く、ユーザーエクスペリエンスは悪い.
解決策を含む他の投稿については、次のような多くのことを試しました。
そして、GitHub の他のものと、私が再び見つけられないリンク。
私の質問を読んでくれてありがとう。どんな助けでも大歓迎です!
編集：
私の質問は、個々の画像ではなくフォトセット (同じ投稿に含まれる 2 つ以上の画像のグループであるため、同じグリッド要素の一部です) であるため、以前のいくつかの質問とは異なります。また、各フォトセットに何枚の画像が含まれているかもわかりませんし、それらのサイズもわかりません。
フォトセットは、Tumblr 内の投稿の一種です。
html - Chrome で tumblr ブログのファビコンが表示されませんか?
それは Firefox で完全に正常に動作し、想定どおりに動き、それが gif であることを確認し、適切なコーディングを追加しました。私はこれを3時間続けましたが、修正が見つかりませんでした。
私がなんとかできた唯一のことは、古いファビコンの表示を停止することです（最後にタンブラーのテーマを変更したときから、何らかの理由でそれが動かなくなった原因です。 「アイコン」コード）。「ファビコン」ファイルを削除し、ファビコンの更新を強制しましたが、これが表示されるだけです。
http://i.stack.imgur.com/A8hpG.png
少なくともこれほどひどくはありませんが、以前にこの問題が発生したことは覚えていません。私はいつもそれを変更することができましたが、それほど苦労したことはありません。少なくとも他のブラウザでは動作すると思いますが、私を悩ませています。
任意のヒント？私はコーディングが初めてで、タンブラーのテーマを作成していませんでした。ファビコンを含め、気に入ったものを実装するためにいくつかの調整を加えただけです。
これは私のtumblrページへのリンクです: http://prickgraysonx.tumblr.com/
html - tumblrのフォーマットされていない投稿
私は自分のブログ用に独自の HTML テーマを作成しようとしています。コーディングについては何も知りません。既に行ったことはインターネットを通じて学びました。解決できない問題があります。
ヘッダーを修正しましたが、投稿はすべてさまざまなサイズと形式であり、ここから移動したいです。ヘッダーのある場所にそれらを表示したいので、人々が私のブログをスクロールしたときにヘッダーの下に這うことができます.
string - 「可能な場合はローカライズされた文字列を使用してください」
Tumblrでテーマを送信する基準についてこれを読みましたが、ローカライズされた文字列が何であるかさえ知らず、検索してもわかりませんでした。
ローカライズされた文字列とは何ですか? html、css、またはjavascriptで入力するものですか?
html - tumblr テーマのさまざまなコラム投稿
2 つの列に基づく tumblr テーマを作成しています。左の列にはタグが付けられたエントリがあり、右の列にはタグのないエントリがあります。
したがって、すべての列 div に {block:Posts} があり、1 つはタグ付きのエントリがレンダリングされ、もう 1 つはその他すべてです。しかし、どういうわけか、タイプに関係なく、両方の列がエントリで満たされています。
私のコードは今次のようになります：
問題は、ビデオ エントリが両方の列に入力されていることです。コードが column2 だけでリンクしている場合でもです。