いよいよ公開…の前にすべきこと
はやる気持ちを抑えて、動作確認を必ず行いましょう! 末尾のチェックリストをご活用ください。
スマートフォンからページを開いて、表示を確認する
スマートフォンでページを開き、正しく表示されるか・左右にはみ出している要素はないかチェックしてください。特に詳細設定「デフォルトのモバイルテーマを使用」のチェックは必ずオフにしてください。オンのままだと、せっかく作ったページがスマートフォンで全く表示されません。再度確認しておきましょう。
なお、PCからブラウザ幅を縮めただけで確認完了とせず、必ずスマートフォン実機で確認してください。(Tumblr側のコードがUserAgentをみて出し分けする仕様であるためです)
PCからページを開いて、崩れないか確認する
ブラウザの横側を掴んで左右にドラッグし、ブラウザ幅を色々なサイズに伸び縮みさせてみましょう。Tokusetsu 3 はどんなブラウザ幅でも綺麗に見えるよう設計されていますが、各画像の構図や各文言の長さによっては、意図せず表示が崩れることがあります。もし特定の幅で崩れる場合、各画像のサイズや構図、各文章の量を調整してください。
また、Tumblr側の仕様により、ページに広告が表示される場合があるようです。広告はTumblrの設定で無効にできます(2017年4月現在)。
シェアボタンを押して文言を確認する
(TwitterやFacebookシェアボタンを有効にしている場合)ページのヘッダとフッタにあるシェアボタンをそれぞれクリックしてみて、正しく動作するか・シェア文言に間違いがないか確認しましょう。検証の段階ではまだツイートはせずにウィンドウを閉じてください。
また、FacebookやTwitterの公式に提供されているデバッガーを通すと、シェアされたときの見え方を確認できたり、エラーのチェックができて安心です。下記のデバッガーを利用しましょう。
(パスワード認証を使っている場合)パスワードを解除する
ブログをパスワード認証で非公開にしていた場合は解除しましょう。
- ※パスワード認証を解除してから、Twitterカードが正しく表示されるようになるまで数時間かかるようです。解除後しばらく経ってからCard ValidatorでTwitterカードが正しく表示されるか確認してください。
最終チェックリスト
あと一息です! ここまでに挙げた項目をチェックリストにまとめました。
さあ、公開しよう
ページに問題がないことを確認したら、いよいよ公開しましょう! TwitterやFacebookなどお好みの方法で告知してください。
これでTokusetsu 3のチュートリアルは終了です。お疲れ様でした。
次ページでは、チュートリアルで書ききれなかったTipsを紹介しますので参考にしてください。
次のページへすすむ