FC2で.htaccessやindex.htmlを消した場合の対処方法

2020年4月24日

FC2で.htaccessやindex.htmlを消した場合の対処方法

FC2で.htaccessやindex.htmlを消した場合の対処方法

.htaccessを消してしまった!

.htaccessは、
—————————————————————————–
# BEGIN SYSTEM HTTPS SETTING
RewriteEngine on
RewriteOptions inherit
RewriteCond %{HTTPS} on
RewriteRule ^(.*)$ http://%{HTTP_HOST}%{REQUEST_URI} [R,L]
# END SYSTEM HTTPS SETTING
—————————————————————————–

と記載されています。

2010年10月9日から、らっき~泊まりで四国うどんツアー、金毘羅山に参拝に行って来ました!

index.htmlを消してしまった!

叩き台が表示されているだけなので、必要ないかもしれませんが。。。
—————————————————————————–
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8″ />
    <title>FC2ホームページ – 無料ホームページスペース</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
    <!– アイコンフォントの利用方法 http://fortawesome.github.io/Font-Awesome/ –>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <style>
        body {
            background: #fff;
            color: #444;
            font-size: 16px;
            font-family: 'メイリオ’, Meiryo, 'ヒラギノ角ゴ Pro W3’, 'Hiragino Kaku Gothic Pro’, Helvetica, Arial, 'MS Pゴシック’, sans-serif;
            line-height: 1.42857;
        }

        a:link {
            color: #04c;
            text-decoration: none;
        }

        a:hover {
            color: #f00;
            text-decoration: none;
        }

        a:visited {
            color: #999;
            text-decoration: none;
        }
        /* ヘッダー */

        .header {
            z-index: 100;
            padding: 24px 0;
            width: 100%;
            border-bottom: #ccd1d9 solid 1px;
            background-color: #fff;
            color: #333;
            text-align: center;
        }

        .header-title {
            margin: 0;
            font-size: 2.4em;
        }

        .header-description {
            color: #999;
        }
        /* ナビゲーション */

        .nav {
            z-index: 100;
            padding: 12px 0;
            width: 100%;
            background-color: #fff;
            text-align: center;
        }

        .nav-group {
            margin: 0;
            padding: 0;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .nav-group>li {
            margin: 0;
            padding: 0 12px;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .nav-group>li a {
            display: block;
            padding: 6px 12px;
            color: #333;
            text-decoration: none;
        }

        .nav-group>li a:hover {
            color: #999;
        }

        .nav-group>li a.active {
            border-bottom: #333 solid 2px;
            color: #999;
        }
        /* メインイメージ */

        .main {
            padding: 144px 0;
            width: 100%;
            background: #ea5866;
            background-image: linear-gradient(135deg, #8cc152, #da4453, #f6bb42);
            color: #fff;
            text-align: center;
            font-weight: bold;
            font-size: 3em;
        }
        /* コンテンツ */

        .content {
            padding: 48px 0 24px;
            *zoom: 1;
        }

        .article {
            margin: 0 auto 48px;
            padding-bottom: 48px;
            width: 960px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            *zoom: 1;
        }

        .content:after,
        .article:after,
        .article-paragraph:after {
            display: block;
            clear: both;
            content: ";
        }

        .article-title {
            padding-bottom: 6px;
            border-bottom: #333 solid 1px;
        }

        .article-title,
        .article-paragraph-title {
            clear: both;
            margin: 0 0 24px;
        }

        .article-date {
            margin: 0 0 6px;
            color: #999;
            font-size: 0.9em;
        }

        .article-paragraph {
            margin: 0 0 24px;
            line-height: 1.7;
            *zoom: 1;
        }

        .article-list {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .article-list>li {
            padding: 12px 0;
            border-bottom: #ddd dotted 1px;
        }

        .article-list>li:last-child {
            border-bottom: none;
        }

        .article-list-date {
            padding-right: 12px;
            color: #999;
        }

        img.article-img {
            display: block;
            margin: 0 0 12px;
        }

        img.article-img_left {
            float: left;
            margin: 0 24px 0 0;
        }

        img.article-img_right {
            float: right;
            margin: 0 0 0 24px;
        }

        .article-paragraph:last-child,
        .article-img:last-child {
            margin: 0;
        }

        .address {
            padding: 24px 0 24px 0;
            border-top: #ccd1d9 solid 1px;
            background: #fff;
            text-align: center;
        }

        .address-body {
            color: #666;
            text-align: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .address-body-name {
            display: block;
            margin-bottom: 12px;
            font-size: 1.2em;
        }

        .address-body-addressline {
            display: block;
            margin-bottom: 6px;
        }

        .address-body-tel {
            display: block;
            font-size: 1.1em;
        }

        a.btn-pagetop {
            position: fixed;
            right: 48px;
            bottom: 36px;
            width: 72px;
            height: 72px;
            border: #ccd1d9 solid 1px;
            background: #fff;
            color: #aab2bd;
            text-align: center;
            font-size: 3em;
            vertical-align: baseline;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        /* フッター */

        .footer {
            padding: 12px 0;
            border-top: #ccd1d9 solid 1px;
            background: #fff;
            text-align: center;
        }

        .footer-nav {
            margin-bottom: 12px;
            width: 100%;
            text-align: center;
        }

        .footer-nav-group {
            margin: 0;
            padding: 0;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .footer-nav-group>li {
            margin: 0;
            padding: 0 6px;
            font-size: 0.9em;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .footer-nav-group>li a {
            color: #666;
            text-decoration: none;
        }

        .footer-nav-group>li a:hover {
            color: #999;
        }

        .footer-text {
            margin-bottom: 6px;
            color: #999;
            font-size: 0.8em;
        }

        .footer-copyright {
            color: #999;
            font-size: 0.8em;
        }
        /* パーツ */

        .btn {
            margin: 6px;
            padding: 12px 24px;
            border: #aab2bd solid 1px;
            background: #aab2bd;
            color: #fff;
            vertical-align: baseline;
            text-align: center;
            white-space: nowrap;
            font-size: 1em;
            line-height: 1;
            cursor: pointer;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .btn_lg {
            padding: 18px 36px;
        }

        .btn_sm {
            padding: 6px 12px;
            font-size: 0.8em;
        }

        a.btn:link,
        a.btn:active,
        a.btn:focus,
        a.btn:hover,
        a.btn:visited {
            color: #fff;
            text-decoration: none;
        }

        a.btn_default:link,
        a.btn_default:active,
        a.btn_default:focus,
        a.btn_default:hover,
        a.btn_default:visited {
            color: #656d78;
            text-decoration: none;
        }

        .btn_normal {
            border: #aab2bd solid 1px;
            background: #aab2bd;
        }

        .btn_default {
            border: #ccd1d9 solid 1px;
            background: #f5f7fa;
        }

        .btn_primary {
            border: #4a89dc solid 1px;
            background: #4a89dc;
        }

        .btn_success {
            border: #8cc152 solid 1px;
            background: #8cc152;
        }

        .btn_warning {
            border: #f6bb42 solid 1px;
            background: #f6bb42;
        }

        .btn_danger {
            border: #da4453 solid 1px;
            background: #da4453;
        }

        .btn_normal:hover {
            border: #ccd1d9 solid 1px;
            background: #ccd1d9;
        }

        .btn_default:hover {
            border: #aab2bd solid 1px;
            background: #e6e9ed;
        }

        .btn_primary:hover {
            border: #5d9cec solid 1px;
            background: #5d9cec;
        }

        .btn_success:hover {
            border: #a0d468 solid 1px;
            background: #a0d468;
        }

        .btn_warning:hover {
            border: #ffce54 solid 1px;
            background: #ffce54;
        }

        .btn_danger:hover {
            border: #ed5565 solid 1px;
            background: #ed5565;
        }

        .img-rounded,
        .img-circle,
        .img-thumbnail {
            margin: 6px;
        }

        .img-rounded {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }

        .img-circle {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
        }

        .img-thumbnail {
            padding: 3px;
            border: #ccd1d9 solid 1px;
            vertical-align: baseline;
            line-height: 1;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }

        .label {
            margin: 0 12px;
            padding: 3px 6px;
            border: #656d78 solid 1px;
            background: #656d78;
            color: #fff;
            vertical-align: baseline;
            text-align: center;
            white-space: nowrap;
            font-size: 0.6em;
            line-height: 1;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .label_normal {
            border: #656d78 solid 1px;
            background: #656d78;
        }

        .label_primary {
            border: #5d9cec solid 1px;
            background: #5d9cec;
        }

        .label_success {
            border: #a0d468 solid 1px;
            background: #a0d468;
        }

        .label_warning {
            border: #ffce54 solid 1px;
            background: #ffce54;
        }

        .label_danger {
            border: #ed5565 solid 1px;
            background: #ed5565;
        }

        .text_normal {
            color: #656d78;
        }

        .text_primary {
            color: #4a89dc;
        }

        .text_success {
            color: #8cc152;
        }

        .text_warning {
            color: #f6bb42;
        }

        .text_danger {
            color: #da4453;
        }

        .message {
            margin-bottom: 12px;
            padding: 12px 24px;
            border: #656d78 solid 1px;
            background: #656d78;
            color: #fff;
            vertical-align: baseline;
            line-height: 1;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .message_normal {
            border: #656d78 solid 1px;
            background: #656d78;
        }

        .message_default {
            border: #ccd1d9 solid 1px;
            background: #f5f7fa;
            color: #656d78;
        }

        .message_primary {
            border: #4a89dc solid 1px;
            background: #4a89dc;
        }

        .message_success {
            border: #8cc152 solid 1px;
            background: #8cc152;
        }

        .message_warning {
            border: #f6bb42 solid 1px;
            background: #f6bb42;
        }

        .message_danger {
            border: #da4453 solid 1px;
            background: #da4453;
        }

        .panel {
            margin-bottom: 24px;
            width: 100%;
            border: #ccd1d9 solid 1px;
            background: #fff;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .panel-header {
            padding: 12px 24px;
            border-bottom: #ccd1d9 solid 1px;
            background: #f5f7fa;
            font-size: 0.9em;
            -webkit-border-radius: 6px 6px 0 0;
            -moz-border-radius: 6px 6px 0 0;
            -ms-border-radius: 6px 6px 0 0;
            -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .panel-body {
            padding: 12px 24px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    </style>
    <script>
        // 画面上部にスクロールするボタン
        $(function() {
            var pageTop = $('.btn-pagetop’);
            pageTop.hide();
            $(window).scroll(function() {
                if ($(this).scrollTop() > 600) {
                    pageTop.fadeIn();
                } else {
                    pageTop.fadeOut();
                }
            });
            pageTop.click(function() {
                $('body, html’).animate({
                    scrollTop: 0
                }, 500, 'swing’);
                pageTop.blur();
                return false;
            });
        });
    </script>
</head>

<body id="top">
    <div class="nav">
        <ul class="nav-group">
            <li><a href="/index.html" class="active"><i class="fa fa-home"></i>&nbsp;ホーム</a></li>
            <li><a href="#">ページ1</a></li>
            <li><a href="#">ページ2</a></li>
            <li><a href="#">ページ3</a></li>
            <li><a href="#">ページ4</a></li>
        </ul>
    </div>

    <div class="main">準備中<br /> キャッチコピーなどが入ります
    </div>

    <div class="header">
        <h1 class="header-title">ホームページ名</h1>
        <p class="header-description">ホームページの説明文が入ります</p>
    </div>

    <div class="content">
        <div class="article">
            <div class="article-date"><i class="fa fa-clock-o"></i>&nbsp;20xx年xx月xx日</div>
            <h2 class="article-title">記事の見出し</h2>
            <img class="img-rounded article-img" src="//placehold.it/960×400/dddddd/ffffff.png&text=IMAGE">
            <p class="article-paragraph">
                この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
            </p>
            <h3 class="article-paragraph-title">段落の見出し</h3>
            <p class="article-paragraph">
                <img class="img-circle article-img_left" src="//placehold.it/200×200/dddddd/ffffff.png&text=IMAGE"> この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。
            </p>
            <p class="article-paragraph">
                <img class="img-thumbnail article-img_right" src="//placehold.it/200×200/dddddd/ffffff.png&text=IMAGE"> この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。
            </p>
        </div>

        <div class="article">
            <h2 class="article-title">更新履歴</h2>
            <ul class="article-list">
                <li>
                    <span class="article-list-date">20xx年xx月xx日</span>更新情報が入ります<span class="label label_normal">ラベル</span>
                </li>
                <li>
                    <span class="article-list-date">20xx年xx月xx日</span>更新情報が入ります<span class="label label_primary">ラベル</span>
                </li>
                <li>
                    <span class="article-list-date">20xx年xx月xx日</span>更新情報が入ります<span class="label label_success">ラベル</span>
                </li>
                <li>
                    <span class="article-list-date">20xx年xx月xx日</span>更新情報が入ります<span class="label label_warning">ラベル</span>
                </li>
                <li>
                    <span class="article-list-date">20xx年xx月xx日</span>更新情報が入ります<span class="label label_danger">ラベル</span>
                </li>
            </ul>
        </div>

        <div class="article">
            <h2 class="article-title">テンプレートで利用できるパーツ</h2>
            <p class="article-paragraph">
                ソースをコピー・アンド・ペーストしてご利用ください。<br />
            </p>
            <h3 class="article-paragraph-title">テキスト</h3>
            <p class="article-paragraph">
                <span class="text_normal">文字の大きさ、量、字間、行間等を確認するために入れています。</span><br />
                <span class="text_primary">文字の大きさ、量、字間、行間等を確認するために入れています。</span><br />
                <span class="text_success">文字の大きさ、量、字間、行間等を確認するために入れています。</span><br />
                <span class="text_warning">文字の大きさ、量、字間、行間等を確認するために入れています。</span><br />
                <span class="text_danger">文字の大きさ、量、字間、行間等を確認するために入れています。</span>
            </p>
            <h3 class="article-paragraph-title">メッセージ</h3>
            <p class="article-paragraph">
                <span class="message message_normal">文字の大きさ、量、字間、行間等を確認するために入れています。</span><br />
                <span class="message message_default">文字の大きさ、量、字間、行間等を確認するために入れています。</span><br />
                <span class="message message_primary">文字の大きさ、量、字間、行間等を確認するために入れています。</span><br />
                <span class="message message_success">文字の大きさ、量、字間、行間等を確認するために入れています。</span><br />
                <span class="message message_warning">文字の大きさ、量、字間、行間等を確認するために入れています。</span><br />
                <span class="message message_danger">文字の大きさ、量、字間、行間等を確認するために入れています。</span>
            </p>
            <h3 class="article-paragraph-title">ボタン</h3>
            <p class="article-paragraph">
                <a href="" class="btn btn_lg btn_normal">大ボタン</a>
                <a href="" class="btn btn_lg btn_default">大ボタン</a>
                <a href="" class="btn btn_lg btn_primary">大ボタン</a>
                <a href="" class="btn btn_lg btn_success">大ボタン</a>
                <a href="" class="btn btn_lg btn_warning">大ボタン</a>
                <a href="" class="btn btn_lg btn_danger">大ボタン</a>
            </p>
            <p class="article-paragraph">
                <a href="" class="btn btn_normal">中ボタン</a>
                <a href="" class="btn btn_default">中ボタン</a>
                <a href="" class="btn btn_primary">中ボタン</a>
                <a href="" class="btn btn_success">中ボタン</a>
                <a href="" class="btn btn_warning">中ボタン</a>
                <a href="" class="btn btn_danger">中ボタン</a>
            </p>
            <p class="article-paragraph">
                <a href="" class="btn btn_sm btn_normal">小ボタン</a>
                <a href="" class="btn btn_sm btn_default">ボタン</a>
                <a href="" class="btn btn_sm btn_primary">小ボタン</a>
                <a href="" class="btn btn_sm btn_success">小ボタン</a>
                <a href="" class="btn btn_sm btn_warning">小ボタン</a>
                <a href="" class="btn btn_sm btn_danger">小ボタン</a>
            </p>
            <h3 class="article-paragraph-title">パネル</h3>
            <div class="panel">
                <div class="panel-header">パネルの見出しが入ります</div>
                <div class="panel-body">文字の大きさ、量、字間、行間等を確認するために入れています。</div>
            </div>
        </div>

    </div>

    <div class="address">
        <div class="address-body">
            <strong class="address-body-name">会社名・団体名・個人名が入ります</strong>
            <div class="address-body-addressline">〒123-4567 東京都千代田区XXX町12-3 千代田ビル4F</div>
            <strong class="address-body-tel"><i class="fa fa-phone"></i>&nbsp;123-4567-8910</strong>
        </div>
    </div>

    <div class="footer">
        <div class="footer-nav">
            <ul class="footer-nav-group">
                <li><a href="#"><i class="fa fa-envelope-o"></i>&nbsp;Mail</a></li>
                <li><a href="#"><i class="fa fa-twitter"></i>&nbsp;Twitter</a></li>
                <li><a href="#"><i class="fa fa-facebook-official"></i>&nbsp;Facebook</a></li>
            </ul>
        </div>
        <div class="footer-text">ホームページに関する注意事項など入ります</div>
        <div class="footer-copyright">Copyright &copy; 20xx xxxxx.</div>
    </div>

    <a href="#top" class="btn-pagetop"><i class="fa fa-arrow-up"></i></a>

</body>

</html>
—————————————————————————–
この内容を、コピーして使ってください。

こちらも、間違えて削除してしまった場合は、新しく作り直してください。