超人気の『Simplicity2』の後継『Cocoon』のデモサイトを兼ねています。

サイト履歴

ホームページ開始

2003/3/4

『魔法のiらんど』にて 初期タイトル『おんどれボンゴレ』で開始。
管理人ページ、バンドのページ、友人小説サイトが同居していた。

分割

2003/4/1

手狭になったため3サイトに分割。

ホームページ移転

2004/5/24

『魔法のiらんど』からZAQのプロバイダホームページへ移転。

旧版FC2WEBへ移転

2004/7/15

プロバイダページが50MBに容量アップしたが、 一旦ファイル削除が更新条件だったため 、無料100MBの旧版FC2WEBへ移転。

新FC2WEBへ移転

2010/8/24

旧版FC2WEBから新FC2WEB(無料1GB)へ移転。
HPサイトのFC2IDさんよりの新サービスへの移行推奨を受け新アカウントにてHPを移転。
旧URLから新HPへはジャンプ設定。

外部CSS

2013/12/1

従来のテーブル形式のHPから外部CSSのページへ変更。

『GetTemplate』

2014/10/15

『Bootstrap』を使用した『GetTemplate』さんのテンプレにリニューアル。

レイアウトを変更

2014/11/12

『Bootstrap』+『Lightbox』が解明できたので、写真アルバムのレイアウトを変更。

WordPressとの出会い

2015年3月

それは1本の電話から始まった。
「医院のホームページが消えた!」
友人からご主人の医院のサイトが消えたと言われ、確認すると『このページは存在しません』と出る。先日まで確かに稼働していた。
なんとかしてくれと頼まれ、何日後だったか忘れたが、とりあえず医院にうかがった。
医院は「さくらインターネット」でドメインとサーバーの契約をしていた。
ドメインの更新をし忘れ、更に時間が経過してしまった為、ドメインは海外の業者に押さえられた後だった。
運の悪い事に、今までサイト運営をお願いしていた方は、何かの事情でサイト更新できなくなっていたし。
とりあえず「さくら」の電話サポートでサーバーの契約更新の意志を伝え、ドメインは新規で契約した。
2015年3月初めの事だった。

医院の前サイトの全ページをプリントアウトした書類と画像データ等のCD-Rを持ち帰り、まずはHTMLで表紙と主なページを作成して新サイトをスタート。

そして、「さくら」のコントロールパネル>ファイルマネージャーで『WordPress』と言う単語を見つけ、、、PHPを知ったのだった。

WordPressを扱う為には、テスト環境が欲しいなと無料サーバーを探し、Xdomainの無料サーバーを発見。最初は訳が分からず、公式テーマの『Twenty Fourteen』(2014)でスタート。
その後は使いやすい日本語無料テーマ探しに奔走。
辿り着いたのが「テンプレートキング」さんの『fsvbasic(カメレオンバージョンの前のテーマ)』。

そして、2015/3/18 に医院のサイトが完成。

WordPressへ移転

2015/6/6

バンドのサイトを Xdomainの無料サーバーで『サイト名.wp.xdomain.jp』と言う無料WordPressサイトへ移転。
その少し前に、自サイトも無料WordPressサイトへ移転したと思われる。
公式テーマの『Twenty Fourteen』(2014)でスタート。

テーマをGush2に変更

2015/07/15

大人気の超シンプルテーマ「Gush2」が解明?できたので、テーマを変更。
日本人の方が作ったテーマなのでめっちゃわかりやすい。

テーマをSimplicity2に変更

2018/03/22

プラグインCount Per Dayをうっかり入れてエライ事になってしまい、
WebメイトさんのWordPressプラグインCount Per Dayの使い方と設定方法から応用編で解決出来た。
嬉しくてお礼のメールを送ったら、なんと温かいお返事が来てしまい。。。
教えていただいたのが『Simplicity2』早速テーマを変更。

mixhost 導入

2018/05/25

SSL化したい欲求に負け、有料(優良)サーバー「mixhost」30日間無料お試しキャンペーンに参加(現在、10日間無料お試し)。

mixhost 本契約

2018/05/28

正式にマックスの3年契約。
サーバー提供の無料サブドメイン「●●●.mixh.jp」にてサイトをスタート。

独自ドメイン

2018/06/22

Xdomainで「oskclub.com」を5年契約。
独自ドメインにてサイトを再スタート。

テーマをCocoonに変更

2018/11/22

テーマを敬愛する”わいひら先生”の『Simplicity2』の後継『Cocoon』に変更。

Welcome!

This is popup preview that you can fill with any content you want.

The plugin include some shortcodes, you can read more about them at the bottom of this page. The main 3 sections to configure the popup are:

Appearance: Where you edit the look and feel of the popup.
Display Rules: Here you choose on which page to display the popup (Set to all by default)
Display options: Some important settings about the plugin, being the more important trigger action.

.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label { 
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ1 チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 90%;
    height: 80%;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 600px;
         height: 600px;
         padding: 30px;

    }
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ1 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ2と3 どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}
タイトルとURLをコピーしました