2017年7月 – 暮らしのハンドノート

インターネットや通販でも安い価格の光明石の商品は販売はされていますが、本物の光明石でないと光明石の効果は得られません。

そこで、今回は、本物の光明石の見分け方を記載しますので、購入の際には、是非確認をしましょう。

本物の光明石の袋

下の画像は、足湯を購入した際に入ってくる光明石の袋なので横長になっててますが、製造販売元の記載とその下にシリアル番号が記載されています。

シリアル番号の部分をを拡大するとこんな感じです。↓

このシリアル番号一袋に一つのシリアル番号が記載されますので現在はもっと大きな数値になっていると思います。

光明石の量

光明石が1.5kg入ってないとよい効果も得られないので、【NET1.5kg】あるか確認も必要です。

大きくこの２つが大きなポイントとなりますので、製品購入後シリアル番号の記載のない物や1.5kg入ってない物は返品及びクーリングオフをした方がよいと思います。

本物の光明石で健康で美しい肌を取り戻しましょう!!

光明石の足湯を試したい場合は、下記の場所で、30分500円で足湯につかれますし、土日などに使いたい方は1泊2日で5km迄だと2,000で足湯ごと借りちゃうという手もありますよ。

おかみの足湯に行かれた際は、暮らしのハンドノートを見た!と伝えてみて下さい。

きっと、光明石のミネラルで作った美味しいコーヒーがサービスで飲めますよ!!

体内からも対外からも光明石で健康な生活を送りましょう!

他にもこんな見分け方があるよ!　↓

光明水だけで植物がみるみる元気に!!

光明石のお問い合わせ先

店名:おかみの足湯「美と健康の館」
住所:福岡県飯塚市枝国402-57
電話番号:090-1876-0621
名前:室井八郎さん
営業時間:土・日・祝日を除くAm11:00-PM16:00

人気記事をサイドバーに表示するのにWordPress Popular Postsを使っています。

サムネイルとタイトルを別々に表示するのは、簡単なんですが、サムネイルにタイトルを重ねて表示するのはちょっと難しいですよね。

そこで、今回は当サイトで設定している内容を記載しますので、そのままコピペして使ってください。

本日の人気記事と今週の人気記事の違いは、タイトルのホバー色とリンク下線の有無です。

月間人気ランキングは、WordPress Popular Postsのcssをそのまま使っています。

３通り記載しますので、ご自分のお好みでどうぞ(*^_^*)

尚、私のブログでは、既存のTwenty Seventeenのリンク色とホバー色をカスタマイズしていますので、その点を考慮して頂ければと思います。

当サイトでは、サイドバーの幅に合わせて画像のサイズを、幅320px 高さ240pxで設定していますが、みなさんのご使用の環境にあわせて、ウイジットとcssのサイズも変更すれば綺麗に反映できると思います。

うまく反映されましたら、コメント頂けると私もとっても嬉しいです。

共通設定

WordPress Popular Posts

word pressの「ダッシュボード」→「設定」→「WordPress Popular Posts」→「ツール」の中の設定

アイキャッチ画像

画像の取得元:アイキャッチ画像

レスポンシブ対応:無効

その他

プラグインのスタイルシートを使う:有効

にしています。

css(スタイリングシート)

/*WordPress Popular Postsカウンターリセット
*/
.wpp-list {
    counter-reset: wpp-ranking;
}
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}
/* WordPress Popular Postsカウンター順位表示*/
.wpp-list li {
    position: relative;
    list-style-type: none;
    padding-top: 5px;
    padding-left: 5px;
}
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background: rgba(66, 133, 244, 0.9);
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding: 4px 8px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
/*Popular Postsカウンターに1.2.3金銀銅のカラーをつける*/
.wpp-list li:nth-child(1)::before {
  background-color: rgba(230,180,34,0.9);
}
.wpp-list li:nth-child(2)::before {
  background-color: rgba(192,192,192,0.9);
}
.wpp-list li:nth-child(3)::before {
  background-color: rgba(196,112,34,0.9);
}

/*WordPress Popular Postsカウンターリセット

.wpp-list {

counter-reset: wpp-ranking;

}

.wpp-list li:before {

content: counter(wpp-ranking, decimal);

counter-increment: wpp-ranking;

}

/* WordPress Popular Postsカウンター順位表示*/

.wpp-list li {

position: relative;

list-style-type: none;

padding-top: 5px;

padding-left: 5px;

}

.wpp-list li:before {

content: counter(wpp-ranking, decimal);

counter-increment: wpp-ranking;

background: rgba(66, 133, 244, 0.9);

color: #fff;

font-size: 16px;

line-height: 1;

padding: 4px 8px;

position: absolute;

left: 0;

top: 0;

z-index: 2;

}

/*Popular Postsカウンターに1.2.3金銀銅のカラーをつける*/

.wpp-list li:nth-child(1)::before {

background-color: rgba(230,180,34,0.9);

}

.wpp-list li:nth-child(2)::before {

background-color: rgba(192,192,192,0.9);

}

.wpp-list li:nth-child(3)::before {

background-color: rgba(196,112,34,0.9);

}

当サイトのWordPress Popular Postsの設定

本日の人気記事の設定

サイドバーに表示している本日の人気記事のウイジェットの設定

※除外する投稿IDは、人気記事に表示しない投稿IDを調べて入力します。

調べ方は、固定ページ一覧・投稿ページ一覧　を表示し、除外したい投稿のタイトルにポインタをあてると、ステータスバーに表示される「post=12」などの数字が固定ページや投稿記事のIDになります。

下記画像はカテゴリーIDを調べるときの画像なんですが、参考に添付しておきます。

投稿設定は、アイキャッチ画像を表示にチェックを入れ「カスタムHTMLマークアップを使う」にチェックを入れた後一度保存をクリックします。

保存をクリックした後再度開くと下の画像のように編集できるようになりますので「タイトル」と「投稿のHTMLマークアップ」を編集します。

編集内容は下記画像のようにアイキャッチ画像のサイズを手動で指定し、幅と高さを入力します。

この幅と高さは、サイトのサイドバーの幅に合わせて設定して下さい。

本日の人気記事のスタイリングシート(css)

.wpp-img1 {
    position:relative;
    display:block;
    /* 画像と同じサイズを指定 */
    width:320px;
    height:240px;
    margin:0 0 0 10px;
    padding:0;
    background-color:#000;
}
.wpp-img1 img {
    z-index:0;
    margin:0 0 0 5px;
    padding:0;
}
.img-title1 {
    position:absolute;
    bottom:10px;
    left: 5px;
    z-index:1;
    margin:0;
    padding:5px 10px 5px 10px;
    background-color: rgba(15, 15, 15, 0.7);
    width: 320px;
}
.img-title1 a {
    color: #ffffff;
    font-size: 80%
    font-weight: normal;
    clear:both;
}

.wpp-img1 {

position:relative;

display:block;

/* 画像と同じサイズを指定 */

width:320px;

height:240px;

margin:0 0 0 10px;

padding:0;

background-color:#000;

}

.wpp-img1 img {

z-index:0;

margin:0 0 0 5px;

padding:0;

}

.img-title1 {

position:absolute;

bottom:10px;

left: 5px;

z-index:1;

margin:0;

padding:5px 10px 5px 10px;

background-color: rgba(15, 15, 15, 0.7);

width: 320px;

}

.img-title1 a {

color: #ffffff;

font-size: 80%

font-weight: normal;

clear:both;

}

今週の人気記事の設定

サイドバーに表示している今週の人気記事のウイジットの設定

今週の人気記事のスタイリングシート(css)

/* Popular Postsサムネイルにタイトルを重ねる*/
.wpp-img {
    position:relative;
    display:block;
    /* 画像と同じサイズを指定 */
    width:320px;
    height:240px;
    margin:5px;
    padding:0;
    background-color:#000;
}
.wpp-img img {
    z-index:0;
    margin:0 0 0 5px;
    padding:0;
}
.img-title {
    position:absolute;
    bottom:30px;
    left:10px;
    z-index:1;
    margin:0;
    padding:5px 10px 5px 10px;
    background-color: rgba(15, 15, 15, 0.7);
    width: 322px;
}
.img-title a {
    color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0.7);
    text-decoration: none;/*テキストに線をつけない*/
    font-weight: normal;
}
.img-title a:hover {
    color:#31dde2;
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0.7);
    text-decoration: none;/*テキストに線をつけない*/
    clear:both;
}

/* Popular Postsサムネイルにタイトルを重ねる*/

.wpp-img {

position:relative;

display:block;

/* 画像と同じサイズを指定 */

width:320px;

height:240px;

margin:5px;

padding:0;

background-color:#000;

}

.wpp-img img {

z-index:0;

margin:0 0 0 5px;

padding:0;

}

.img-title {

position:absolute;

bottom:30px;

left:10px;

z-index:1;

margin:0;

padding:5px 10px 5px 10px;

background-color: rgba(15, 15, 15, 0.7);

width: 322px;

}

.img-title a {

color: #ffffff;

box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0.7);

text-decoration: none;/*テキストに線をつけない*/

font-weight: normal;

}

.img-title a:hover {

color:#31dde2;

box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0.7);

text-decoration: none;/*テキストに線をつけない*/

clear:both;

}

月間人気ランキングの設定

サイドバーに表示している月間人気ランキングのウイジットの設定

最後に・・みなさんのお役に立てれば幸いです。

月別: 2017年7月

ずっこけるジャンガリアンハムスター【柚子】の姿が可愛い

ジャンガリアンハムスター【武蔵】パンを食べる姿がめっちゃかわいい

本物の光明石の見分け方！

本物の光明石の袋

光明石の量

光明石のお問い合わせ先

我が家に仲間入りしたジャンガリアンハムスター達

わが家に仲間入りしたジャンガリアンハムスター達の紹介