自宅サーバをXamppのApache、MySQL、MercuryMail、FileZillaで構築

Xamppのインストールと基本設定に関しての参考になる情報は検索でいくらでも探せるけど、実際に運用する自宅サーバにはセキュリティ対策を含た準備が必要になる。取り合えず以前ローカル環境でXamppをインストールした時のデータを基に立ち上げた。

ApacheとPHP
MariaDB(MySQL)とphpMyAdmin
MercuryMailとFileZilla FTP Server

ダウンロードしたXamppをインストールしてXAMPP ControlPanelを管理者権限でオープン、各Module(Apache,MySQL,FileZilla,Mercury)が正常にスタートするのを確認。又、ApacheのAdminでDashboadを開きphpMyAdminやPHPの確認。各モジュールのインフォメーションなどもチェックして機能的なことなど知る。

次に、Xampp ControlPanelに戻り右側にある「shell」をクリックしてXamppのコマンドプロンプトを開き、MySQLの設定を行う。ネット上には沢山の情報があるので、詳しく記事にするより先ずは準備が出来た段階から各サーバの設定をメモ的に記事にする予定。

WordPressのカレンダーに枠をつけるCSSカスタマイズ

WordPressのカレンダーはレスポンシブ対応とかは必要ないはずなのでカスタマイズしたカレンダーはスマホでもOK!のはずが原型のままだったので、取り合えず曜日(1~7)設定を、(1)を日曜日と(7)を土曜日だけに指定する修正をして「カスタマイズのスマホ画面」で確認、無事にカスタマイズしたカレンダー表示になった。

カレンダーのカスタマイズ

子テーマの追加CSS又は、スタイルシートに追加

/***カレンダーに枠CSS***/
#wp-calendar {
    border-collapse: collapse;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    width: 260px;
    margin-left: 0px;
}
#wp-calendar thead tr th {
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #999;
    border-left-color: #999;
}
/*土曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(7){
  background-color: #C0DDF9;
}
/*日曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(1){
  background-color: #F5D0D3;
}
#wp-calendar td {
    text-align: center;
    padding: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #999;
    border-left-color: #999;
}
#wp-calendar caption {
    font-weight: bold;
    text-align: left;
}
#wp-calendar tbody tr #today {
    background-color: #F5D0D3;
}

カレンダーに関しては解決ができたが、しかし、ログインしないと曜日の切り替えができないのはなぜなのか?、原因はTwentySeventeenテーマ自身にあるようだ。

TOP

Copyrighted Image