顔文字がレイアウトに悪影響を与えることがあります【FC2ブログ旧投稿画面】

「FC2ブログの旧投稿画面では」という括りつき。 2017年10月現在、FC2ブログで記事を書くには2種類のエディターを選べます。 旧投稿画面 新投稿画面 旧投稿画面(旧エディター)というのは htmlタグを直接受け付けるエディター です。 つまり「htmlエディター」なんですね (´・ω・`) 一方、新投稿画面の方は htmlを直接は受け付けないエディター。 こういうのを「WYSIWYG(ウィジウィグ)」と言います。...

Generic - FC2ブログテンプレート

名称 Generic カラム数 2 プラグイン対応 ○ (メインコンテンツ下サイドメニュー) レスポンシブ対応 ○ サイドメニュー デフォルト 右 トップページ記事並び 要約表示タイプ 記事幅 可変 最大810px サイドメニュー幅 固定 320px 任意個人設定 レスポンシブ利用 = スマ...

tableの利用は非常に注意が必要です【モバイルフレンドリー】【画面幅の超過】

これまで啓蒙の意味で何度か記事にしている tableタグの利用 についてです。 なかなか意識が変えられないというか。気づいて頂けないというか。 当弱小ブログをご覧の方の中にも 必ず該当者がいるはず ですので、心当たりがあるのならば潔く修正をお願いします(笑) 誰のためでもなく自分のために。そして 足を運んでくれる訪問者のために。...

アメーバブログの【スマホでは画像は画面横いっぱい、テキストは余白あり】をFC2でやってみよう

昨日ははてなブログさんのレイアウトを真似てみましたが、今回はアメーバさんを。 アメブロではスマホ版でこんな感じになります 通常の掲載 画像の横幅を画面幅と同等に 画像は画面幅(ビューポート)いっぱい、テキストの左右にはちゃんと余白がありますので読みづらくありませんよね。 ビミョーにトレンドというか、シャレオツ化計画進行中のYahoo!ブログスマホ版もこういったレイアウトになるようで...

はてなブログの【写真をタイル状に並べる】をFC2でやってみよう

はてなブログさんの機能パクりというか。 まぁ、パクリ…(笑) つってもweb上では当たり前にあるレイアウトですが、やろうと思った(紹介しようと思った)のははてなさんの機能紹介を見たからなのである意味パクりかもしれんな (´・ω・`) 複数の写真を横一列に並べて貼り付けられるようにしました - はてなブログ開発ブログ記事編集画面(PC版)の編集サイドバーにある「写真を投稿」タブから写真を貼り付ける際に、複数の写真を...

レイアウトを崩してしまうhtmlの凡ミスいろいろ

凡ミスなんですよ (´・ω・`) 凡とはいえ、htmlでは 記号ひとつ打ち間違えても内容が狂ってしまう んですね。 そんな凡ミスのよく見かけるパターンを挙げてみようと思います。 htmlのありがちなミスには 入れ子のミス (開始タグと終了タグの 位置 間違い) タグの閉じ忘れ (開始タグに対応する終了タグが 欠損) 開始タグと終了タグの数が違う (一部の空要素以外は 開始タグと終了タグの数が一致している必要あり) ...

Axis

名称 Axis カラム数 1(エンターページ, カテゴリページ)2(その他ページ) プラグイン対応 ○ (メインコンテンツ右サイドメニュー) レスポンシブ対応 ○ サイドメニュー 右 トップページ記事並び 要約表示タイプ 記事幅 可変 最大820px (内寸 740px) サイドメニュー幅 可変 320px (最小寸画...

Pinboard

名称 Pinboard カラム数 1 プラグイン対応 ○ (メインコンテンツ下サイドメニュー) レスポンシブ対応 ○ サイドメニュー 下 トップページ記事並び 要約表示タイプ 記事幅 可変 最大1180px (内寸 1060px) サイドメニュー幅 固定 300px (内寸 270px) 任意個人設定 レスポ...