ｍａｂｏのｂｌｏｇです。

　おもちゃを作るのに，またＰＩＣをいじってます。

　ただ，その過程で，またまた，どつぼにはまりました。

　どちらもＬＣＤでの表示のプログラムなのですが・・・・・・・。


　一つは，何のことはないのですが，ｘ軸，ｙ軸，の表記を逆にしていま

　した。これでは，正しく表記できないですよね。

　　　lcd_setCursor(8, 0);

　とやるところを

　　lcd_setCursor(0, 8);

　とやっていました。


　もう一つもＬＣＤの表示なのですが，ＬＣＤの表示が，１桁の表示から

　４桁の表示になると，以後，一桁の表示にならなくなるというもので

　した。

　センサーがだめなのか，ＬＣＤの表示のプログラムがまずいのか

　あれこれなやみましたが，原因がやっとわかりました。

　Ｇ：４５→Ｇ：４０９５

　となった後，2桁の表示にすると，

　　Ｇ：３６９５

　のように表示され，前回表示の９５の部分が残ってしまうという

　ことでした。

　左詰めにする簡単な関数を作って解決しました。

　近くに，一年中，緑のきれいな芝生に囲まれた建物があります。

　一年中みどりなので，その建物の人が，芝生内の草を取っていた

　時に，芝生の種類を聞いたことがありますが，その方は，専門家で

　ないので，分かりませんが後で調べておきますとのことでした。


　一年中緑なので，西洋芝なのかなと思っていましたが，過日，

　とんでもない光景を目にしました。

　なんと，茶色にくなった芝生に緑の液体をかけているのでした。

　あれ，芝生染めているんですよね。

　看板の根本を見ると，茶色の部分が染まらないで残ってました。

　

　

　幽霊の正体見たり枯れ尾花，でした。

　また，あれこれやりくて，手元にあったLCD表示ができるように，

　組み立て，セットをしました。

　プログラム自体は，それほど難しいものではなく，諸兄の

　プログラムを，XC8コンパイラーのV２．０に移植しました。

　ただ，使ったPICがこれまた手元にある16F627Aですので，

　２カ所ほどどつぼにはまりました。

　なんのことはない，当初，内部クロックの設定ができなかった

　のです。

　違うPICでつかっていた

　　　　OSCCON

　を使っていたのです。16F627Aには，このレジスタはありません。

　OSCCONに当たるのが，

　　　　PCON

　のレジスタでした。最初，使って多コンパイラーをｖ１．３からｖ２．０

　にしたために，仕様が変更になったのかと思いましたが，いくら

　さがしても，OSCCONなるものがヘッダーファイルにもみあたらず，
　
　約一日はまりました。分かれば簡単ですね。

　　　　PCONbits.OSCF=1

　の設定で，内部クロックの４MHZに設定できました。

　この辺も，マニュアルみればよかったのですね。

　今日，プログラムを書き込み，無事動きました。

　

もう一つはまったのは，

　　　　 ADCON1

　を使ったことです。これもあたりまえですね，

　　　　CMCON

　を使えばよかったことです。この辺もキット，マニュアルをよく

　よめばすんなりだったのでしょうね。

　＝＝＝＝＝高さの調整＝＝＝＝＝

　PC用

　.twentyseventeen-front-page.has-header-image .custom-header-media,
　.twentyseventeen-front-page.has-header-video .custom-header-media,
　.home.blog.has-header-image .custom-header-media,
　.home.blog.has-header-video .custom-header-media {
　height: 1200px;
　height: 100vh;
　max-height: 100%;
　overflow: hidden;
　}

　のmax-height: 100%;を300pxへ
　これで高さ300pxになりますが、画像の位置調整が必要になるかも？

　その場合

　style.cssの1730行目あたり
　
　@supports ( object-fit: cover ) {
　.has-header-image .custom-header-media img,
　.has-header-video .custom-header-media video,
　.has-header-video .custom-header-media iframe,
　.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
　height: 100%;
　left: 0;
　-o-object-fit: cover;
　object-fit: cover;
　top: 0;
　-ms-transform: none;
　-moz-transform: none;
　-webkit-transform: none;
　transform: none;
　width: 100%;
　}
　}

　のheight: 100%;を500pxとかに変更して調整（数値はお好みで）
　
　あと以下も調整

　style.cssの1674行目あたり

　.has-header-image .custom-header-media img,
　.has-header-video .custom-header-media video,
　.has-header-video .custom-header-media iframe {
　position: fixed;
　height: auto;
　left: 50%;
　max-width: 1000%;
　min-height: 100%;
　min-width: 100%;
　min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
　width: auto;
　top: 50%;
　padding-bottom: 1px; /* Prevent header from extending beyond the footer */
　-ms-transform: translateX(-50%) translateY(-50%);
　-moz-transform: translateX(-50%) translateY(-50%);
　-webkit-transform: translateX(-50%) translateY(-50%);
　transform: translateX(-50%) translateY(-50%);
　}

　のmin-height: 100%;を100pxとかに変更して調整（数値はお好みで）

　raspberryPiにインストールしたwordpressのテンプレートをいろいろ

　いじってます。

　「Twenty　Seventeen」というテーマですが，私の能力ではかなり

　手強く，やはり頼りになるのが，諸兄のHPの記載です。

　今，ヘッダーテーマの画像の高さを調整すべくいろいろやってます。

　何カ所かいじらないとだめなようで，特に，PC用と携帯用の表示では，

　いじる場所が違うようで，面倒です。

　　それに，諸兄のHPには，カスタマイズするときは，必ず子テーマ

　を作って，それをいじるようにとありますが，これが，また面倒です。

　全体のスタイルの変更には，style.cssというファイルを弄りますが

　子テーマは，基本，親テーマの設定を引き継ぎますから，基本，

　設定を書き加えることで編集しますので，細かい変更は，親テーマ

　のstyle.cssをいじるようです。（この辺の認識に謝りあるかもしれ

　ませんが・・・・・・・・・。）

　ということで，忘れないように，諸兄の設定を書き写しておきます。

　＝＝＝＝高さの調整＝＝＝＝＝

　携帯用

　追加CSSで。

　.has-header-image.twentyseventeen-front-page .custom-header,
　.has-header-video.twentyseventeen-front-page .custom-header,
　.has-header-image.home.blog .custom-header,
　.has-header-video.home.blog .custom-header {
　display: table;
　height: 300px;
　height: 40vh; /* 100vh --> 40vh 高さの比率 */
　width: 100%;
　}

　.has-header-image .custom-header-media img,
　.has-header-video .custom-header-media video,
　.has-header-video .custom-header-media iframe {
　position: absolute; /* fixed –> absolute イメージの見え方の設定 */
　height: auto;
　left: 50%;
　max-width: 1000%;
　min-height: 100%;
　min-width: 100%;
　min-width: 100vw;
　width: auto;
　top: 50%;
　padding-bottom: 1px;
　-ms-transform: translateX(-50%) translateY(-50%);
　-moz-transform: translateX(-50%) translateY(-50%);
　-webkit-transform: translateX(-50%) translateY(-50%);
　transform: translateX(-50%) translateY(-50%);
　}