【FC2ブログカスタマイズ 2019】締め括りにCUBE状の3Dスライダーを設置！
こんにちは! FC2ブロガーのMです。 昨日は突然、ブログに異変が起きました！ 僕は、FC2ブログのトップページに カルーセル スライダー を設置しています。ところが、記事を1つ更新した直後から、まったく動作しなくなったんです(￣O￣;) 何かテンプレートをいじくった訳でもないのに、ナゼ？！いろいろと調べてみたところ、どうやらhtmlに記述したJavaScriptが動作してないようです（汗） しかし、何もいじってないのですから、原因はファイルの読み込み先に不具合が生じているに違いない。自分の方では修正のしょうがないこういうケース。一番困りますよね…。 いずれ時間が経てば元に戻るのでは？と思いながらも、万が一このままだったら何だか非常に気持ち悪い（汗） いっそのこと、むかし設置したカルーセル初期バージョンに戻そうかとも思ったのですが…。せっかくなので別の新しいカルーセルを設置することにしまし
FC2ブログテンプレートをワンカラムレイアウトにしてデメリットにやっと気付いた…
FC2ブログ『ゆうらりハッピースマイル』の管理人Mです。ご訪問いただき、ありがとうございます。 実は現在、ブログデザインのことで少し悩んでいるのだけれど、あれこれと自分の頭で思考を凝らしてみても一向に解決策が見つかりません（汗） その悩みとは、僕が使用する現在のワンカラムテンプレートについて。僕にとって、ワンカラムのレイアウトを採用したのは、FC2ブログ史上初だったと記憶しています（スマホ版テンプレートは除く）。 左右のプラグインが消えたことで、横幅がグンと広くなった点についてはとても気に入っているんですけどね…。 ただし1点だけ、すごく気になる点があるんです。それは、パソコン画面からこのブログを見た時に、記事の一行がものすごーく長いんですよ（汗）僕自身、ブログを読んでいて本当に見づらい。 ブログの記事一行あたりの文字数は何文字くらいが適正？ブログの個別記事一行あたりの文字数は、PC画面の
【FC2ブログ】TOPページ記事一覧の中にAdSense広告を挿入する方法
FC2ブロガーのMです。今は、WebサイトやブログのTOPページにカード式と呼ばれるグリッド系デザインを用いるのが主流となりつつあります。 FC2ブログも、要約タイプのテンプレートが数多く発表されていますし、ボクの運営するブログ『ゆうらりHappySmile』も然り。 さらに、Google AdSenseを導入しているブロガーさん達の間で流行っているのが、TOPページの記事一覧の中にカスタマイズしたインフィード広告を挿入すること。 たしかに、3つおきに広告を絡ませたりすれば、閲覧者のクリック率も高くなりますよね。 ところが、WordPressなどとは違い、FC2ブログでそれをやるのはちょっと難しいのです。なぜなら、FC2ブログの場合は、記事を繰り返し表示させる「topentry」という独自変数を使っているからなんです。 FC2ブログのテンプレートも、TOPページにはこのtopentryを使
FC2ブログ「記事の管理」画面にスマホで書いた記事が表示されない？アプリに原因か？！
FC2ブロガーのMです。過去にFC2のブログアプリを使ってスマホから投稿した記事に問題があったらしい… Google Search Console （グーグルサーチコンソール）から「解析不能な構造化データが検出されました」という内容のメールが届いたので管理画面を開いてみると、次のような表示がされていました。 どうやら、昔書いたブログランキングサイト向けのクソ記事？（内容がスカスカな、更新頻度だけを目的に書いた記事、という意味）に構文エラーがあるらしい。別に、こんな記事は削除しても構わないのだけれど、いちおう残しておきますか… ということで、パソコンでFC2ブログの管理画面を開き、「記事の管理」へと進みました。あとは該当記事を見つけて、再編集（リライト）をおこないます。 ちなみに、ボクの運営する胃がんブログ「ゆうらり Happy Smile」は記事数が9500以上。修正する記事を探すのもひと
【新機能】noteのソーシャルボタン「noteで書く」をFC2ブログに設置する方法
FC2ブロガーのMです。noteが、コピペでブログに設置できる「 note で書く」ボタンを初公開しました。1クリックで記事を引用しつつ、noteの投稿画面を開くことができるというものです。 シェアボタンはSNSなどでお馴染みですが、いよいよnoteでも気軽にシェアする時代が到来したのですね。 さっそく、ソーシャルボタン「noteで書く」を、FC2ブログ『ゆうらりHappySmile』でも設置してみようと思いました。 「 note で書く」ボタンは、こちらのnote、ソーシャルプラグインの「 note で書く」ボタンを初公開。第一弾として「日本経済新聞 電子版」に実装されました。という記事が紹介されたのをきっかけとして話題になっているようです。 「 note で書く」ボタンがさまざまなウェブサイトやアプリに設置されると、記事を読んで湧きあがる「誰かに伝えたい」「こんなことを考えついた」とい
【FC2ブログテンプレートの選び方】 ゆうらりHappySmile 変遷の歴史
ブロガーのMです。前回のブログ更新で、2013年7月9日にFC2ブログを書きはじめてから9,500記事を達成しました。 年数に換算してみると、9,500記事を書くのに費やしたのは、5年10ヶ月13日。また、1日あたりのブログ更新頻度は約4.43記事でした。 このような過程のなかで、FC2ブロガーとしてのボクがどのテンプレートを使用してきたのか？ 今回は、FC2ブログテンプレート選びの変遷について書き記しておこうと思います。 FC2ブログテンプレートの使用に大きな変革があったのは3回FC2ブログを利用するボクにとって、テンプレート使用について大きな変革があったのは3回です。 これを、第1期～第3期に分けて順番に見ていきたいと思います。 FC2ブログテンプレートの選び方～第1期～一番楽しくブログを書いていた時代「PC版」と「スマホ版」とで異なるテンプレートを使用していたまず、ボクがFC2ブログ
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ブログ日記-カスタマイズの
FC2ブログ公式「爆速テンプレート」が編集できない理由を徹底解析
こんにちは。「ゆうらり Happy Smile」を運営するFC2ブロガーのMです(^^)FC2ブログが公式テンプレートとしてリリースした、阿部寛のホームページ並みに凄い！と話題の「爆速テンプレート」。 今回は、爆速テンプレートが採用したInstantClickについて書こうと思います。 さまざまなサイトで書かれた評判を拝見してみると、爆速の主要因は、どうやらこの InstantClickの導入が一役買っているのだそうです。 ▼爆速公式テンプレートのページスピードが体感できるサンプルはこちら ＞＞爆速テンプレート サンプルブログ FC2の運営サイドが、広告を排除してまでページの読み込み速度をとことん追求した爆速ぶりには、少なからず驚かされた次第です。 そして、この爆速テンプレートに実装された、さまざまな工夫を素人なりに徹底解析。爆速につながるWeb技術というものを、何とか当ブログで真似できな
FC2ブログで「目次」と「見出し」を作るカスタマイズ方法はこれ！
自分のFC2ブログに「目次」と「見出し」を付けてみた自分は記事を書く際に、どうも文章が長くなってしまうジレンマがありまして...。 いつもブログをご覧の読者さんには読みづらくてご不便をおかけしているのでは？と思っております。 もっと一記事をシンプルにまとめる事ができると良いのですが、あれもこれも書きたいと思っているうちにものすごく長文になってしまいます。 どうやら私に「文才」は備わってないようですね（汗） そんな訳で、記事が長くなりそうな時は「目次」を設置することにしました。 例としてはこんな感じ▼。 画像のピンク色の部分が「目次」。これはリンクになってまして、クリックすると該当する「見出し」部分に飛ぶ仕組みになっています。 これなら興味のないところは飛ばし読みできるので読者の方にも便利かと思います。 ちなみに、最初は目次がすべての記事に自動表示されるよう設定する予定でしたが、やめました。
FC2ブログのヘッダー下にドロップダウンメニューを設置。文章にかぶらない工夫も
FC2ブログヘッダー下に設置したグローバルメニューについて 今回は、FC2ブログのヘッダー下に表示する「グローバルメニュー」について書いていきます。 昨年の大晦日。このFC2ブログをレスポンシブ対応のテンプレートにリニューアルしました。その際にいろいろと細かいカスタマイズを行ないましたが、一番やりたかったのがヘッダー下にメニューを表示させることでした。 なぜ今までやらなかったのか？理由はいろいろありますが、PCとスマホで異なったテンプレートだったことや、ヘッダー部分に配置した画像が場所を取りすぎてしまい、メニューが見づらいというのが主な原因です。 カスタマイズするにあたっては、ネットでさまざまな設置例を調べました。色んなブログで使いやすいメニューや簡単に実装できるメニューが紹介されていますが、私がこうしたい！と定めたのは以下の通り。 この記事は限定公開にしたいので有料（ブロマガ）にしていて
FC2ブログに「TOPへ戻るボタン」を設置するカスタマイズ方法
FC2ブログに「TOPへ戻るボタン」を設置。カスタマイズは簡単！ 私が実装したFC2ブログのカスタマイズ。今回は「TOPへ戻るボタン」について説明します。 前回の記事：FC2ブログのカスタマイズ - 文字をコピーされないようにする2つの方法 今回、「レスポンシブ対応」に伴うブログリニューアルで、TOPへ戻るボタンなるものを初めて設置しました。 なぜかといいますと、レスポンシブ対応のブログをスマホで閲覧する際には、PC画面だと横に表示されるプラグインが下に表示されることになります。すると、1ページあたりの縦の長さがもの凄いことになりかねません。 1番下まで見終わってから上に戻ろうとするのは大変ですよね。このままでは、レスポンシブ対応にしたことが読者さんの利便性を損ねる結果となってしまいます。 そこで、押せば一瞬で画面トップに戻れるボタンはレスポンシブには必須のアイテムだと考えるに至った訳です
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
