COUNTER



新BLOG
 
新BBS
MN-BBS
旧BBS
CALENDAR
S M T W T F S
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
<<  2020 - 07  >>
 
LOGIN
現在モード: ゲストモード
USER ID:
PASS:
CATEGORIES
ARCHIVES
PROFILE
OTHERS
    処理時間 0.318988秒
POWERED BY
POWERED BY
ぶろぐん
DESIGN BY
ブログンサポート
          
===wordpressのカスタマイズ (1)===
 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%);
 }
Webはくしゅ

| mabo52 | 12:10 | comments (0) | trackback (0) | DIY::  -raspberry Pi |
コメント

コメントする









この記事のトラックバックURL
http://mabo52.sakura.ne.jp/tb.php/1196
トラックバック

こんな物欲しいな
CLOCK
部分痩せ
NEW ENTRIES
COMMENTS
    ---SPINDLEのPWM制御 (その2) (7)
  • TR >06.18
    ---番外編---
  • TR >06.02
    ---SPINDLEのPWM制御 (その2) (5)
  • mabo >05.30
保留中コメント:10件
LINKS
    相互リンクさせていただいてます。
  • The Rider
Search Box
名言集
メール
   
連絡は下記から
名前:

メールアドレス:

件名:

メッセージ(必須):