【こぼれ話】FC2ブログのサイドにフリースペース(自由欄)を作る方法

     
    pink_3column_11【B】 サイドにフリーページタイトルの一覧を表示する方法
    【C】 サイドにフリースペース(自由欄)を作る方法 です。 


    まず、【C】 サイドにフリースペース(自由欄)を作る方法 から。 詳しくは、FC2の公式サイトをご参照くださいね。

    ■FC2公式サイト ⇒ プラグインとは?
                  フリーエリア プラグインの使い方


    丸投げも何なので(笑)、簡単にまとめると・・・

    公式プラグインにあるフリーエリアを、プラグイン1またはプラグイン2に追加します。 編集画面が開くので、フリーエリア内容の欄に書き込めばOKです。

    【フリーエリアをプラグインに追加する方法】
    プラグインの設定 ⇒ 公式プラグイン追加 ⇒ 挿入先にプラグイン1 or 2を指定
    ⇒ フリーエリア ⇒ 追加 ⇒ フリーエリア内容を編集 ⇒ 設定

    【フリーエリアの内容を再編集する方法】
    プラグインの設定 ⇒ フリーエリア ⇒ 詳細 ⇒ フリーエリア内容を編集 ⇒ 設定


    おそらくどのテンプレートでも、プラグイン1とプラグイン2はサイドに表示されるようになっていると思います。 上の画像は、公式テンプレートの [ pink_3column ] を当サイトに適用したものです。 このテンプレートでは、プラグイン1は左サイド、プラグイン2は右サイド、プラグイン3は中央メイン下に表示されています。 

    なお、楽天ブログの場合、フリースペース(自由欄)はサイドとトップに一つずつしか設定できませんが、FC2ブログのフリーエリアはいくつでも設定可能です。 めっちゃ便利!!



    次いで、【B】 サイドにフリーページタイトルの一覧を表示する方法 です。 二通りあり・・・

    フリーページ見本一つ目は、上で説明したフリーエリアを使う方法です。 

    フリーエリア内容の欄に、リストタグ (<ul><li></li></ul>)
    リンクタグ (<a href="★">■</a>) を組み合わせて書き込みます。 リンクの数を増やすには <li><a href="★">■</a></li>
    の部分を増やせばOKです。 
     
    <ul>
    <li><a href="★">■</a></li>
    </ul> 


    ご参考までに、当サイトの右サイドバーのフリーページ見本
    (右画像)のHTMLタグは、以下のようになっています。
     
    <ul>
    <li><a href="http://blog-imgs-49.fc2.com/c/h/e/chemoya/2012020212583831d.html">楽天ブログのトップページを移植</a></li>
    </ul> 



    二つ目は、公式プラグインのリンクを使う方法です。 プラグイン一覧に元々入っていると思いますが、無い場合は以下の手順で追加してください。 リンクの編集は、リンクの設定から行います。

    ■FC2公式サイト ⇒ リンクの編集

    【リンクをプラグインに追加する方法】
    プラグインの設定 ⇒ 公式プラグイン追加 ⇒ 挿入先にプラグイン1 or 2を指定 ⇒ リンク ⇒ 追加

    【リンクを編集する方法】
    リンクの設定 ⇒ リンク追加 ⇒ サイト名とURLを入力 ⇒ 追加



    さてこれで、【D】 トップにフリースペース(自由欄)を作る方法 の解説を残すのみとなりました。 次回は呪文を唱える(=HTMLを編集する)ことになりますので、マジックポイントを回復させておいてくださいね。(笑)

    ■関連記事 ⇒ 【こぼれ話】楽天ブログからFC2ブログへの引越し お役立ちサイト集
               【こぼれ話】FC2ブログのカスタマイズ お役立ちサイト集
               【こぼれ話】FC2ブログにフリーページ・フリースペースを作る方法(まとめ)
     



    ■ FC2ブログの場合 ■

    フリーページ作成はHTMLファイルをアップロード、フリースペース作成は公式プラグインのフリーエリアを使います。 お使いのテンプレートによっては、【D】 トップにフリースペース(自由欄)を作る際に、HTML編集が必要です。

    【A】 フリーページを作る   ◆ 関連記事はこちら ◆
        ■ ツール ⇒ ファイルのアップロード ⇒ 自作のHTMLファイル ≪.html≫ をアップロード

    【B】 サイドにフリーページタイトルの一覧を表示する   ◆ 関連記事はこちら ◆
        ■ 環境設定 ⇒ プラグインの設定 ⇒ 公式プラグイン追加 ⇒ 挿入先にプラグイン1 or 2
          を指定 ⇒ フリーエリア ⇒ 追加

    【C】 サイドにフリースペース(自由欄)を作る   ◆ 関連記事はこちら ◆
        ■ 環境設定 ⇒ プラグインの設定 ⇒ 公式プラグイン追加 ⇒ 挿入先にプラグイン1 or 2
          を指定 ⇒ フリーエリア ⇒ 追加

    【D】 トップにフリースペース(自由欄)を作る   ◆ 関連記事はこちら ◆
        ■ 環境設定 ⇒ テンプレートの設定 ⇒ HTML編集 ≪プラグイン3をトップに表示≫
        ■ 環境設定 ⇒ プラグインの設定 ⇒ 公式プラグイン追加 ⇒ 挿入先にプラグイン3
          を指定 ⇒ フリーエリア ⇒ 追加



    ■ 楽天ブログの場合 ■

    管理画面に予めナビが示してあります。 難しい用語は出てこないため、初心者の方でも比較的簡単に作ることができます。

    【A】 フリーページを作る
        ■ デザインの設定 ⇒ フリーページ ⇒ ここにページを追加

    【B】 サイドにフリーページタイトルの一覧を表示する
        ■ デザインの設定 ⇒ ブログパーツ ⇒ ブログ情報 ⇒ フリーページを表示 ⇒ 登録

    【C】 サイドにフリースペース(自由欄)を作る
        ■ デザインの設定 ⇒ 自由欄 ⇒ サイド自由欄編集 ⇒ このHTMLを登録

    【D】 トップにフリースペース(自由欄)を作る
        ■ デザインの設定 ⇒ 自由欄 ⇒ トップ自由欄編集 ⇒ このHTMLを登録




    関連記事
    新館 HOME目次/サイトマップWEB内覧会旧館 HOME
    J・URBAN 建築日記集J・URBAN 合同WEB内覧会WORLD DESIGN 建築日記集
    にほんブログ村 住まいブログ 一戸建 住友不動産へ 住友不動産ブログランキング FC2ブログランキング

    コメント

    コメントの投稿

    トラックバック


    この記事にトラックバックする(FC2ブログユーザー)

    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。