独学!Webサイト構築日誌

5日目:今朝はシャキっと。

7:30

即起床。

  1. 製品下に人気製品載せる。
  2. h1~h4までの書式をcssで加える。
  3. Google Adsenceに申請。

1.製品下に人気製品載せる。

rankShare.phpに追加する形で実装しましょう。
ベースとなるランキングはshowRank.phpとして実装済みなので、それを呼び出す形にします。
現在、相対パスになっている部分で不具合が起きるので、そこを変数にして適宜渡すように仕様変更。


8:30

出来た。

スライドショー形式にしようかとも考えましたが、一旦コレで様子を見ましょう。

            
php ※rankShare.phpの最下部に追記。
echo '<div class="underProduct"><h4>人気製品</h4>';
include("../php/showRank.php");
showRank('../another/rank.txt');
echo '</div>';
            
        
            
php ※showRank.phpの一部変更。
echo '<div class="rankProduct"><a href="'. mojicheck($rankBody[1][$num]). '">
<img class="categoryPic" src="../img/'. mojicheck($rankBody[0][$num]).'.jpg" alt="'. mojicheck($rankBody[2][$num]). '">'.
'<div>'. mojicheck($rankBody[2][$num]). '</div></a></div>';
            
        
            
css ※一部抜粋。
/*製品表示関連*/
.productBody{
  display: inline-block;
  width:20%;
  margin:0 1rem;
  vertical-align: top;
}
.productBody a{
  text-decoration: none;
}
.categoryPic{
  width:100%;
  box-shadow: 0 0 8px #000000;
}
.categoryPic:hover{
  transform: translateY(-5px);
}
.rankProduct{
  margin: 0 1rem 1rem 1rem;
  padding: 0 1rem;
  text-align: center;
  display: inline-block;
}
.rankProduct a{
  text-decoration: none;
}
.underProduct{
  margin-top: 3rem;
}
.underProduct .rankProduct{
  width: 15%;
}
            
        

2.h1~h4までの書式をcssで加える。

柔らかい感じで来てるので、統一感出したいですね。


9:30

position指定しちゃうと、ヘッダーメニューとの兼ね合いで悪さするので、position指定使わない方法に限定。
今後回避方法見つけたら、position使ったタイトルも検討しよう。

            
css ※一部抜粋。
h1 {
font-size: 200%;
background-color: #fff;
padding: 0.3rem 1rem;
border: 2px solid #000000;
color: #333;
border-radius:0.5rem;
box-shadow: 0 1px 2px #000000;
}
h2{
font-size: 150%;
background-color: #333333;
padding: 0.5rem 1rem;
color: #ffffff;
border-radius: 0.5rem;
}
h3 {
font-size: 150%;
border-bottom: solid 3px #000000;
margin: 0.5rem;
padding-left: 1rem;
}
h4{
font-size: 120%;
border-bottom: solid 3px #000000;
margin: 1rem;
}
            
        

3.Google Adsenceに申請。

まだコンテンツが充実しているとは言い難いので、通るかどうか分かりませんが、申請だけしてみましょう。

今回はサブドメインなので、追加する形で対応します。 完了。
連絡を待ちましょう。


10:00

換気扇工事が始まったので一旦中断。


11:30

ついでに昼飯食べて来た。

家族から仕事の依頼が来るという謎状態になったので、先にそちら仕上げてきます。
RPAを使ったシステムを構築する予定で、多分3時間ぐらいで出来ると思うんだけどな~。どうかな~。
終わったらHP構築再開します。


15:00

ちょっと3時間超えちゃいましたが、大体予定通りに完成した。
RPAという性質上パソコンを触れなくなるので、一旦放置します。
2時間ぐらいぶっ通しで動かして、問題ないようなら夕方から作業再開します。

21:30

謎エラーが出たので判定基準変えたりして+2時間。
その途中のテスト動作X時間と、その後のテスト動作2時間+αで、今。

今から作業開始すると寝れなくなりそうなので、続きは明日。おやす~。



Before: 4日目

Before: 4日目

After: 5日目

After: 5日目



作成日:2021/02/05 - 更新日:2021/02/21

≪ 4日目≪ 一覧に戻る ≫6日目 ≫

HOME > 新日誌一覧 > 5日目:今朝はシャキっと。