ビジネス

アメブロやFC2ブログなどはスマホの表示に注意が必要

wp908's icon'
  • wp908
  • 2019/09/11 08:04
Content image

アメブロやFC2ブログを使っている方は、自分のブログをスマホで見たことありますか?

これは、表示確認で書いたことにもつながりますが・・・

パソコンで表示した時に見えているサイドバーに表示されているものって一切表示されません。

お問い合わせや会社やお店の情報って記事の中に含める必要があるのです。

また、アメブロではスタイルシートの使い方に注意する必要があります。

パソコンの表示画面できれいにソース書いてもスマホでは一切適用されずに通常表示されるので見栄えが悪くなります。

WEBでのスタイルシートの書き方を知っている方が陥りやすいですね

Content image

アメブロで上記のように指定して使うとスマホでは表示されません。

一部で外部スタイルシートを使う方法を書いている方がいますが、それはほぼ使えないと思ってください。

初心者では不可能です。

ブラウザも限定されているので・・・

Content image

では、どうしたら囲み枠や見出しなどをうまく使えるようになるのか?
スマホでもちゃんと表示できてる方々はいるのです。

スマホで見てほしいサンプル

 

Content image

目次の部分のソース部分でスタイルシートをclass指定しております。

通常はこの書き方の方がソースはスマートでありホムペなどではこちらの方法を推奨します。

しかし、アメブロではこの方法だとスマホでは表示されていないのです。

表示されていないサンプル

 

Content image

こちらは、HTMLソースの中にスタイルシートを直接記述する方法です。

この方法であればスマホでもちゃんと囲み枠や見出しの装飾が反映されます。

2019.09.13 追記

TwitterからのTweetよりアクセスしたときに表示される

上記サイトでは、どちらの方法でもスタイルシートは適用されないので注意したいところ

ただし、多用することは避けた方がいいですよ

これをやることでアメブロでは記事の文字数制限が半角で4万文字

それは、実際に見えてる部分だけでなく上記に表示されているタグを含むからです。

ということは、多用することで書ける文字数は減っていきますね

そんな理由があるということを知った上で使ってみてください。

アメブロに限らず、他のブログシステムもそのシステム独自のルールがあるばあいなどがあるとそれに従うしかないのです。

無料だし、文句言ってもねぇって感じです。

そういう意味ではレンタルサーバー借りてインストール型のワードプレス使うとその装飾の自由度は、無限大です。

FC2ブログの方がもうちょっと自由度高いかもしれませんが・・・

確認しながらカスタマイズ進めないといけないのはどちらも同じですね。

今は、スマホで見られることが全体の7割くらいになっているのでその対応しないと離脱されやすくなりますね。

 

 

Article tip 0人がサポートしています
獲得ALIS: Article like 8.11 ALIS Article tip 0.00 ALIS
wp908's icon'
  • wp908
  • @wp908
WEBサイト作成全般がお仕事な感じです。サイトではテーマの紹介やカスタマイズ情報などを掲載しています。動画があったりするので動画も参考にしていただけるとうれしいです。

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
他カテゴリ

ウッドショック(´°д°`)↯↯

Like token Tip token
5.39 ALIS
Eye catch
ビジネス

ブックオフで買ってきてアマゾンで売る仕事の1ヶ月の売り上げ公開

Like token Tip token
177.41 ALIS
Eye catch
他カテゴリ

テレビ番組で登録商標が「言えない」のか考察してみる

Like token Tip token
26.20 ALIS
Eye catch
ビジネス

最低賃金の推移2021。

Like token Tip token
26.94 ALIS
Eye catch
他カテゴリ

Decentralizationについて語る時に僕の語ること

Like token Tip token
11.20 ALIS
Eye catch
テクノロジー

iOS15 配信開始!!

Like token Tip token
7.20 ALIS
Eye catch
クリプト

スーパーコンピュータ「京」でマイニングしたら

Like token Tip token
1.06k ALIS
Eye catch
ビジネス

【最新】Braveブラウザの素晴らしさを語る【オススメ】

Like token Tip token
20.02 ALIS
Eye catch
クリプト

NFT解体新書・デジタルデータをNFTで販売するときのすべて【実証実験・共有レポート】

Like token Tip token
120.79 ALIS
Eye catch
クリプト

Floki Inuトークンを紹介~イーロンマスクにインスパイアされて開発~

Like token Tip token
68.12 ALIS
Eye catch
クリプト

ブロックチェーンの51%攻撃ってなに

Like token Tip token
0.00 ALIS
Eye catch
クリプト

イーロンマスク(Elon Musk)とビットコイン(BTC)

Like token Tip token
11.52 ALIS