提供したいと思います。本作を共有テンプレートに申請することはありません。ページ表示スピード強化版です上級者向けカスタマイズサポートはありませんカスタマイズはかなり困難を極めると思いますので上級者向けです。私の方では不具合報告だけ承ります。当該テンプレートは作者が自身の都合や使い勝手のみを考えて制作したものがベースとなっています。機能面・SEO面に於ける相違などを熟考された上で利用をご検討ください。Bulletテンプレートはレスポンシブウェブデザインです。パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。自己責任でお願いします。DEMO画像クリックでデモ画面へFAQ注意点Attention共有テンプレートとして配布している従来の作品とは異なる特徴がいくつかありますので事前にご理解をお願いします。このページ種を検索結果の対象にする必要は無いと思っていますので除外。「サイト内検索結果」「コメント編集」についてはどのテンプレートでも除外しています。よる事前名前解決を用いていますが、各ユーザーに割り当てられている画像サーバー及び追加されるかもしれない外部サーバーの推測ができませんので取り除いてあります。スムーススクロールJSの読み込みを遅延させていますページ上部・下部などへページ内移動するボタンについては初回ローディング時にJS読み込みが行われません。閲覧者による任意スクロールが発生した直後に読み込みますので、それまでボタンが押されないようスクロール前はボタン非表示にしてあります。fold(ファーストビュー)内にありますので、スクロール前に押されることもあります。いった挙動になります。これは不具合の類ではなく、レンダリングスピードとユーザー利便との天秤の結果ですのでご了承ください。CSSなど今回は事前導入済みです。有料会員向けの仕様に則った内容は全て削除済みです。(カスタムプロパティ)を利用していますのでエラーの指摘を受けます。(こちらについては今後リリースする共有テンプレートにも追加するつもりでいます)アフィリエイトリンクなどはこの形式を継承しない(つまり上記rel属性を追加しない)よう注意してください。́・ェ・`)「管理人のみ表示する」変数がありませんので、閲覧者にも押せてしまいます。こちらのテンプレートでは画面左にあるプロフィール画像をリンクにしてあります。一般閲覧者が気づきにくいようマウスオーバーのカーソルも非表示にしてあります。Chromeのみ、スライダーとlazyloadingが共存しているとlazyloading側の画像表示が遅れます。Chromeのバグ報告にも上がっていますので、こちらについてはスクリプトエラーや不具合の類ではなくGoogleサイドの修正待ちでお願いします。SEOやスピードテストで問題視されることはありません。Edgeへの移行及びその他モダンブラウザへの切り替えを啓蒙するバナーを表示するようにしてあります。CSS追加による重複が発生しないよう、事前導入してあるJSを最近の記事内容と照合も含めお伝えしておきます。JS(jQueryなしネイティブJS)のコードを追加しました。見出しを目次化するためのJS。目次のことを英語表現ではテーブルオブコンテントと言い、そ...vanillaice000.blog.fc2.comlazysizesで掲載したYouTubeがiOSで再生できない件についてうーーん。lazysizesで遅延読み込みを指定しているYouTubeがiPhoneで再生できないようです。OSでは未検証なのでこの表現を取っています。パソコンでの再生は問題ありません。loadingにLQIP画像を利用してユーザービリティを高めるFC2ブログでLazysizesを利用していることを前提とした記事です。画像のLazyloadingではオリジナル画像が出てくるまで閲覧者が画像の存在に気づかない場合があります。プレイスホルダー)を設定しておくと、その問題点を緩和することができます。FC2ブログで利用するための各ファイル導入の仕方、コードの書き方などのベーシックな内容に加え、速度強化用のコード記載の仕方や画像が拡大できることをわかりやすくするための追加CSSなど。初心者向けになるべく事細かに説明したいと思います。こんなところでしょうか。要素が増えてしまう点ですね。無駄なラッパーが増えるというか。結局は自身の記事内容の管理能力であったり理解力であったりに関わってきますので、html初心者にはおすすめしません。わけですから、せっかちスクロールをされると画像の存在に気づいてもらえないかもしれないよね。いうことでこれまでにいくつか対策を書いてきました。本記事は以下のリンク先記事双方の内容を実践している方に向けたtipsです。...vanillaice000.blog.fc2.comアメーバブログの【スマホでは画像は画面横いっぱい、テキストは余白あり】をFC2でやってみよう昨日ははてなブログさんのレイアウトを真似てみましたが、今回はアメーバさんを。画像は画面幅(ビューポート)いっぱい、テキストの左右にはちゃんと余白がありますので読みづらくありませんよね。ビミョーにトレンドというか、シャレオツ化計画進行中のYahoo!ブログスマホ版もこういっ...vanillaice000.blog.fc2.comはてなブログの【写真をタイル状に並べる】をFC2でやってみようはてなブログさんの機能パクりというか。はてなブログ開発ブログ記事編集画面(PC版)の編集サイドバーにある「写真を投稿」タブから写真を貼り付ける際に、複数の写真を...vanillaice000.blog.fc2.comブログカードのブックマークレットを作成しましたSSL化後の悩ましい作業のひとつ。画像や記事概要など、必ずしもOGPに従っているわけではないもので。SSLに対応できてないですし。Embedlyは非常にカスタマイズし辛いんですね。href="#toc">目次へ戻る&uarr;</a></div>を記載します。付いていますのですぐわかると思います。カテゴリは自動抽出されません。必要な件数をご自身でコピペして増やしてください。デフォルトではサンプルとして5件分入れてあります。1件デフォルト画像は私のFTPサーバーを通しています。差し替えをお願いします。time)は回線環境が安定していれば概ね1秒台あるいはそれ以内で表示されるはずですが、スピードスコアテストの性質上、通常ディスプレイ(低dpi)サポートが行われていない場合には大きな減点となります。対策については以下の記事を参照してください。対策に的を絞ったお話です。テンプレートは表示スピード自体は速くともスコア的には低くなります。左右されますので、解像度の低い画像(サムネイル専用画像)を出力する変数を用いればそこそこのスコアは出せますが、高解像度ディスプレイ(高dpi)上のスケーリングに関する問題が生じます。ことを理解した上で行ってください。実際に変更された場合には番号違いサーバーの画像は一切表示されなくなりますので、JSによるURL書き換えあるいは新サーバーへのアップロードし直しという作業が発生します。場合には100%が取れます。InsightsではAスコア90%前後です。alt="<%topentry_title>"><!--/body_img-->上記内容を以下の内容に変更します。alt="<%topentry_title>"></picture><!--/body_img-->本作は「サイト内検索結果ページ」も72px四方の小サムネイルは利用せず、原寸画像へのlazyloading適用になっています。alt=""><!--/body_img-->上記内容を以下の通り修正。navigationあまりに長いブログタイトルを想定した作りにはなっていません。スマホ横320pxを念頭にフォントサイズで調整を行うか、ロゴ画像を設定するなどの対処を行ってください。middle;}を追加。articlesブログ個人設定「テンプレート変数のみ」以外を想定していませんのでこの指定以外はまともなスタイリングが行われません。設定を「テンプレート変数のみ」に変更してご利用ください。このリストのサムネイルは原寸が非常に小さいため不鮮明ではありますが、メインコンテンツではないので妥協しています。barページ最上部への検索バー表示を想定していません。非表示にしてご利用ください。Here!終了致しました。