ブログ 一行の文字数は何文字が最適？ 記事を固定幅で中央に表示させる方法
こんにちは。FC2ブロガーのMです。 今回は、ブログの記事を中央に固定幅で表示させつつ、画像などは幅いっぱいまでフル表示させる方法についての話しをします。 いわゆる「フルブリードレイアウト」というやつですが、そもそも、これを実装しようと考えたのは、次の疑問がきっかけでした。 「ブログに表示される一行の最適な文字数は？何文字が読みやすいのだろう？」 僕がブログ記事一行の文字数について悩み出したきっかけとは？ 今やインターネットはスマートフォンを使って閲覧するのが主流です。したがって、ブログ一行の文字数って何のこと？と思う人がいるかも知れませんね。これは、PCでウェブサイトを閲覧した時の話しです。 僕がブログをはじめた当初は、一行の文字数なんて気にしたこともなかったんですけどね…。なぜかというと、FC2ブログのテンプレートは最初の頃に3カラムのものを使っていたから。左右にプラグインが並ぶので、
【コピペOK】ニューモーフィズムを簡単にCSS実装できる便利な無料サイト！見た目で調整するだけ！
こんにちは! FC2ブロガーのM（@yulari_happy ）です。 最近のウェブデザインは、Neumorphism（ニューモーフィズム）というものが流行っているそうです。 これは、New（新しい）とSkeumorphism（スキューモーフィズム）を組み合わせた造語で、「新しいスキューモーフィズム」という意味。現実のものらしく、リアルに模様したスキューモーフィズムとはまたひと味違った立体感のあるデザインを指してこう呼ぶとのこと。 スキューモーフィズムとは？ スキューモーフィズム（skeuomorphism）とは、他の物質に似せるために行うデザインや装飾のことで、（中略） ユーザに馴染みのないものの外見を、馴染みのあるものにすることにより理解を促進するために使われる。 引用：スキューモーフィズム – Wikipedia 簡単に言うと、ニューモーフィズムとは、背景の一部が手前に突き出ているよ
【FC2ブログカスタマイズ 2019】締め括りにCUBE状の3Dスライダーを設置！
こんにちは! FC2ブロガーのMです。 昨日は突然、ブログに異変が起きました！ 僕は、FC2ブログのトップページに カルーセル スライダー を設置しています。ところが、記事を1つ更新した直後から、まったく動作しなくなったんです(￣O￣;) 何かテンプレートをいじくった訳でもないのに、ナゼ？！いろいろと調べてみたところ、どうやらhtmlに記述したJavaScriptが動作してないようです（汗） しかし、何もいじってないのですから、原因はファイルの読み込み先に不具合が生じているに違いない。自分の方では修正のしょうがないこういうケース。一番困りますよね…。 いずれ時間が経てば元に戻るのでは？と思いながらも、万が一このままだったら何だか非常に気持ち悪い（汗） いっそのこと、むかし設置したカルーセル初期バージョンに戻そうかとも思ったのですが…。せっかくなので別の新しいカルーセルを設置することにしまし
【FC2未対応】ブログの1記事を複数のページに分割するメリットとは？
FC2ブログ『ゆうらりハッピースマイル』の管理人Mです。いつもご訪問いただき、ありがとうございます。 今回は、1つの記事を複数ページに分割する方法の話しを。結論から先に言いますと、FC2ブログには1記事をページ分割するような機能が存在しないんですよね(^_^;) ちなみに、記事のページ分割とは、ネットニュースなど、キュレーションサイトでよく見かける例のアレ。記事下に、「1・2・3」のページ数や「＜ 前のページ」「次のページ ＞」とリンクが貼られているのを目にする方も多いかと思います（デモについてはこの記事の下をご覧ください）。 1つの記事をすべて1ページ内に収めるのではなく、あえて複数ページ（記事はあくまでも1つです）で表示させるこの方法。これにはどのようなメリットがあるのでしょうか？ 1つの記事を複数のページに分割するメリットは？1つの記事を複数のページに分割するメリットは、いくつかある
FC2ブログテンプレートをワンカラムレイアウトにしてデメリットにやっと気付いた…
FC2ブログ『ゆうらりハッピースマイル』の管理人Mです。ご訪問いただき、ありがとうございます。 実は現在、ブログデザインのことで少し悩んでいるのだけれど、あれこれと自分の頭で思考を凝らしてみても一向に解決策が見つかりません（汗） その悩みとは、僕が使用する現在のワンカラムテンプレートについて。僕にとって、ワンカラムのレイアウトを採用したのは、FC2ブログ史上初だったと記憶しています（スマホ版テンプレートは除く）。 左右のプラグインが消えたことで、横幅がグンと広くなった点についてはとても気に入っているんですけどね…。 ただし1点だけ、すごく気になる点があるんです。それは、パソコン画面からこのブログを見た時に、記事の一行がものすごーく長いんですよ（汗）僕自身、ブログを読んでいて本当に見づらい。 ブログの記事一行あたりの文字数は何文字くらいが適正？ブログの個別記事一行あたりの文字数は、PC画面の
お引越しYahoo!ブロガー向けにオススメなFC2ブログテンプレートとは？
FC2ブロガーのMです。Yahoo!ブログ終了にともない、4日から引越しツールの提供を開始しましたね。今後はFC2ブログへの移行も含め、さらなるお引っ越しの動きが加速するものと思われます。 そこで今回は、FC2へのYahoo!ブログお引っ越しの際に迷いやすい「FC2ブログテンプレート」についてのお話しを。 Yahoo!ブロガーさんの中には「写真」や「画像」にこだわりのある人が多いとのことですので、「写真好き」なYahoo!ブロガーさん向けのおすすめテンプレートを2つほどご紹介したいと思います。 FC2ブログのおすすめテンプレートその①「Empty-street」まず最初は、FC2ブログテンプレート作者Akiraさんの作品「Empty-street」です。 ボクも以前にこちらのテンプレートを使用していたことがあり、非常に使い勝手の良いことは確認済みです。 このテンプレートの特徴は、トップペー
noteが「noteで記事を書く」ボタンのカスタマイズ方法を追加で発表！
ソーシャルプラグイン「noteで書く」ボタンが公開されたことを記事で紹介したばかりですが、その続報です。「noteで書く」ボタンは、自由にカスタマイズ出来ることが分かりました。 これは、noteの運営サイドが、ブログやそれぞれのWebサイトのデザインにあわせて「noteで書く」ボタンを設置できるようにカスタマイズする方法を追加発表したことで明らかにされたものです。 ▼前回の記事 【新機能】noteのソーシャルボタン「noteで書く」をFC2ブログに設置する方法 FC2ブロガーのMです。noteが、コピペでブログに設置できる「 note で書く」ボタンを初公開しました。1クリックで記事を引用しつつ、noteの投稿画面を開くことができるというものです。シェアボタンはSNSなどでお馴染みですが、いよいよnoteでも気軽にシェアする時代が到来したのですね。さっそく、ソーシャルボタン「noteで書く
【芸能人の画像】無断使用は違法！著作権侵害のリスクを回避する方法とは？ボクの場合
FC2ブロガーのMです。今回は、芸能人をはじめとする、著名人などの画像転載について。ボクの運営する「ゆうらりHappySmile」は、基本的に胃がん、がんのことをメインテーマとするブログですが、それ以外にも、自分が興味のある様々なジャンルについて自由に書くスタンスを取っています。 ですから、芸能人の話題になっているネタを記事にすることも非常に多いです。すると、同じように芸能人のネタを扱うFC2ブロガーさんが、ボクのブログを見つけてご訪問されるケースがよくあります。 ボクも気になってブロガーさんの運営するブログを拝見しにいきます。そこでよく目にするのは、芸能人の画像をファイルアップロードしたうえで記事への挿入。しかも、画像の転載元がどこにも書かれていないし、出典元のリンクすら貼られていない。 これって、「著作権侵害」という、明らかな違法行為です（汗）転載元の記載がないということは、その画像が
【新機能】noteのソーシャルボタン「noteで書く」をFC2ブログに設置する方法
FC2ブロガーのMです。noteが、コピペでブログに設置できる「 note で書く」ボタンを初公開しました。1クリックで記事を引用しつつ、noteの投稿画面を開くことができるというものです。 シェアボタンはSNSなどでお馴染みですが、いよいよnoteでも気軽にシェアする時代が到来したのですね。 さっそく、ソーシャルボタン「noteで書く」を、FC2ブログ『ゆうらりHappySmile』でも設置してみようと思いました。 「 note で書く」ボタンは、こちらのnote、ソーシャルプラグインの「 note で書く」ボタンを初公開。第一弾として「日本経済新聞 電子版」に実装されました。という記事が紹介されたのをきっかけとして話題になっているようです。 「 note で書く」ボタンがさまざまなウェブサイトやアプリに設置されると、記事を読んで湧きあがる「誰かに伝えたい」「こんなことを考えついた」とい
ブログにYouTube動画を挿入したらサムネイル画像が表示されない原因は？
今回は、FC2ブログの記事にYouTube動画を埋め込んでみたらサムネイル画像が表示されない場合の話しについて。 ブログの記事にYouTube動画を挿入する場合は、YouTubeで発行される動画の埋め込みコードをそのまま使用するブロガーさんも多いかと思います。 しかし、そのまま使用すると、表示されるサムネイルが重かったりするものですから、ボクなんかはサイトのページ表示速度がどうしても気になってしまう。 そこで、lazyloadの導入で遅延読み込みをさせているのですが、そうすると、さまざまな過程のなかでちょっとした不具合が発生することがあります。 そのひとつとしてよくあるのは、ブログ記事に埋め込んだYouTube動画で、サムネイル画像の表示されないものがかなり多く存在するということ。 ブログ記事にYouTube動画を埋め込んだらサムネイル画像が灰色表示されるケースブログ記事にYouTube動
FC2ブログ強制SSL化に向け早めに対策を！サイトが閲覧できなくなる例
News-政治-経済-事件系 (929) ┗ 事件ファイル (25) 芸能 (1980) ┗ テレビ-CM-映画系 (604) ハロプロ系 (1740) 日常-雑談系 (537) インターネット (434) ┣ SNS系 (305) ┗ Webサイト系 (120) グルメ (450) ┣ 低糖質レシピ (32) ┗ お酒の飲み方 (2) 漫画-アニメ系 (193) スポーツ-格闘系 (393) 仕事-転職-キャリアアップ (358) ┗ 司法書士 (14) 海外-地方ネタ系 (1095) 恋愛-人間関係 (456) 今日のエッセイ (354) Amazon (277) ┣ Amazonセール (24) ┗ Kindleセール (240) ブログ (363) ┣ FC2ブログ-便利ワザ-アイテム-HTML-SEO対策など (189) ┣ FC2ブログ日記-カスタマイズの
コピペでOK！【リンクの装飾】ホバーエフェクトのCSSアニメーション
News-政治-経済-事件系 (929) ┗ 事件ファイル (25) 芸能 (1980) ┗ テレビ-CM-映画系 (604) ハロプロ系 (1741) 日常-雑談系 (537) インターネット (434) ┣ SNS系 (305) ┗ Webサイト系 (120) グルメ (451) ┣ 低糖質レシピ (32) ┗ お酒の飲み方 (2) 漫画-アニメ系 (193) スポーツ-格闘系 (394) 仕事-転職-キャリアアップ (358) ┗ 司法書士 (14) 海外-地方ネタ系 (1096) 恋愛-人間関係 (456) 今日のエッセイ (354) Amazon (277) ┣ Amazonセール (24) ┗ Kindleセール (240) ブログ (363) ┣ FC2ブログ-便利ワザ-アイテム-HTML-SEO対策など (189) ┣ FC2ブログ日記-カスタマイズの
【アドセンス 広告】 記事下にPC2つ横並び、スマホ1つはやめるべき！
FC2ブロガーのMです。今回は、Google AdSense の広告でよく見かける「横並び」の表示方法、いわゆる「ダブルレクタングル」について。アドセンス広告を貼ってるブログによくありがちですよね。個別ページの記事下に、広告を2つ横並びに表示させる、あのやりかたのことです。 さらに、PC（パソコン）は2つ、スマートフォンやタブレットの場合は1つと、端末ごとに広告表示数を切り替えるのが王道として、さまざまなブログで紹介されたりしています。 ボクがなぜこの話題を取り上げるのかといいますと、当ブログに訪問されるブロガーさんのなかには、アドセンス広告を横並びに表示させてるケースが非常に多いからです。 少し疑問に思うのは、新しく始めたばかりのFC2ブログで、記事数もごくわずかな段階なのにアドセンス広告が貼られていること。 そのカラクリについての詳しいことは分かりませんが、よくGoogleの審査が通っ
スマホを使ったFC2ブログの書き方、アプリの「地図を挿入」機能とは
News-政治-経済-事件系 (929) ┗ 事件ファイル (25) 芸能 (1980) ┗ テレビ-CM-映画系 (604) ハロプロ系 (1742) 日常-雑談系 (538) インターネット (434) ┣ SNS系 (305) ┗ Webサイト系 (120) グルメ (451) ┣ 低糖質レシピ (32) ┗ お酒の飲み方 (2) 漫画-アニメ系 (193) スポーツ-格闘系 (394) 仕事-転職-キャリアアップ (358) ┗ 司法書士 (14) 海外-地方ネタ系 (1096) 恋愛-人間関係 (456) 今日のエッセイ (354) Amazon (277) ┣ Amazonセール (24) ┗ Kindleセール (240) ブログ (363) ┣ FC2ブログ-便利ワザ-アイテム-HTML-SEO対策など (189) ┣ FC2ブログ日記-カスタマイズの
CSSで作るWeb用ボタン、アニメーションがコピペで使える便利ツール
News-政治-経済-事件系 (930) ┗ 事件ファイル (25) 芸能 (1981) ┗ テレビ-CM-映画系 (605) ハロプロ系 (1744) 日常-雑談系 (538) インターネット (434) ┣ SNS系 (305) ┗ Webサイト系 (120) グルメ (451) ┣ 低糖質レシピ (32) ┗ お酒の飲み方 (2) 漫画-アニメ系 (193) スポーツ-格闘系 (394) 仕事-転職-キャリアアップ (358) ┗ 司法書士 (14) 海外-地方ネタ系 (1096) 恋愛-人間関係 (456) 今日のエッセイ (354) Amazon (277) ┣ Amazonセール (24) ┗ Kindleセール (240) ブログ (363) ┣ FC2ブログ-便利ワザ-アイテム-HTML-SEO対策など (189) ┣ FC2ブログ日記-カスタマイズの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
