straw_manテンプレートの初期導入時に便利な解説記事です。 この記事の内容さえ行えば、デフォルト見た目があなたのオリジナリティを纏ったブログに早変わり……するかもしれません。 ちなみにこの記事に貼られている画像はすべて、クリックすれば拡大表示されるようになっています。ご活用あれ。 もくじ 前提情報1: テンプレート内の検索について 前提情報2: FC2での画像アップロードについて 1: ヘッダー画像差し...

（上画像はPC版ライトテーマ時のスクショです） このサイトはFC2ブログ使ってないので、「なんでキミこれ作ったの？」といったツッコミを受けそうな部分もありますが。 僕（のようなWebサイト制作に慣れてる人）が使うためのものというより、むしろ「モダンでシンプルなブログを最低限の調整だけで誰でも構築できる」テンプレートとして作りました。 かなり自信のある出来なので、よってらっしゃい見てらっしゃい。 ...

straw_manテンプレートにおけるlazyload設定について解説する記事です。 もくじ ・lazyloadとは ・基本的な書き方 ・画像読み込み時にガクッとズレる現象を抑えたい場合 ・補足1: 画像圧縮のススメ ※元記事のキャッシュ インターネットアーカイブ googleキャッシュ 当記事の権利と経緯について 当記事の文章とコードはリラ様の著作物です リラ様のサイト『まださなぎ』では、...

straw_man以外のサイトに対して、laymicビューワーを導入するための説明をしていきます。 laymicではLaymicとLaymicApplicator、二つのAPIを用意しているのですが、この記事では主にLaymicApplicator側の導入説明を行います。 もくじ ・結論から言うと ・漫画ビューワーの登録サンプル ・原稿画像サイズ指定について ・参考リンク ・補記: 展開後のlaymicビューワーに他要素が被さる場合の対処方法 ※元記事の...

straw_manテンプレートにおけるlaymic関連部分の解説記事です。 laymicのAPIドキュメントというより、ユーザー側が使う上で便利な情報を記載することに注力しました。 この記事では「テンプレートcssの自由記述領域」という記述が多々ありますが、これは要するに「cssの一番下」ということです。 もくじ ・基本的な使用方法 ・デフォルト設定の指定について 　・srcでなくdata-srcでの指定をおすすめする理由 ...

straw_manテンプレートにおけるコメントアバター機能周りの設定を解説する記事です。 もくじ ・基本的な設定方法 　・推奨アバター数 　・推奨アバター画像サイズ 　・後からアバター名を変更した際の動作について 　・オプション引数一覧 ・おまけ1: どういう仕組みでコメントアバターを実現させているか ・おまけ2: fc2_comment_avatar.jsのgithubレポジトリ ※元記事のキャッシュ インターネットアーカイブ ...

straw_manテンプレートにおけるスムーススクロール機能関連部分の解説記事です。 困ったときのStrawMan Template総合案内板内では「アニメーションジャンプ」と呼称されてるやつです。 追記: グローバルナビゲーション内に設置する際の説明を追加しました。 もくじ ・使い方 　・スクロール先の追加 　・スクロールボタンの追加 ・細かい仕様の補足 ・追記: グローバルナビゲーション設置時に必要な追加記述 ・補足...