• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• a-kuma32016/06/14 22:48:46

  満足300pt

  PARALLAX ONE って、ここのでしょうか。
  http://themeisle.com/demo/?theme=Parallax%20One
  
  カスタマイズは、やればできなくはないと思いますが、こいつは地味に難易度が高いです（ぼくが思うに）。
  まあ、難易度はスキルとの相対値だから、こんなの楽勝だという人もたくさんいるでしょうけれど、「うっすらできる程度」だと、かなり苦労するのでは。
  
  「画像を小さく」といっても、どうやるかはいろいろとあります。
  高さを小さくするだけなら、style.css の 734 行目付近に一行追加。

  .overlay-layer-wrap {
      z-index: 3;
      position: relative;
      height: 150px;      /* ★これを追加 */
  }
  

  これで、高さが 150px になります。
  
  こいつは、javascript でサイズを変えたりなんだりしているので、幅を変えるだとか位置を変えるだとかあると、そりゃあもう……

  スター

  • 

    1件のコメントを見る

  • a-kuma3 2016/06/14 22:49:16

    以下、たどり着いた経緯。他の人の足掛かりになるかも、ということで、備忘も兼ねて。
    
    SVN の方は古い（1.0.5）。
    GitHub に最新のソース（2.1.0.10）がある。
    http://themes.svn.wordpress.org/parallax-one/1.0.5/
    https://github.com/Codeinwp/Parallax-One
    
    mouseover で揺れる画像の高さは、javascript で変えている。
    https://github.com/Codeinwp/Parallax-One/blob/production/js/plugin.home.js
    
    parallax_effect() が、DIV.overlay-layer-wrap の outerHeight + 100px の高さに設定する。
    
    DIV.overlay-layer-wrap の階層。

    header#masthead
        DIV.overlay-layer-nav
            DIV.navbar
            UL#parallax_move
                LI.layer
                LI.layer
            DIV.overlay-layer-wrap
    

    
    

    DIV.overlay-layer-wrap は、header タグ配下にあるから、header.php にあるかと思いきや、header の閉じるタグがない。
    https://github.com/Codeinwp/Parallax-One/blob/production/header.php
    
    閉じタグは、index.php の方にあるというね...
    https://github.com/Codeinwp/Parallax-One/blob/production/index.php
    
    DIV.overlay-layer-wrap は、ここで定義されている。
    https://github.com/Codeinwp/Parallax-One/blob/production/sections/parallax_one_header_section.php
    
    画像ファイルはテーマのパラメータから取得。

    • paralax_one_first_layer
    • paralax_one_second_layer
    
    

    定義されていない場合には、デフォルトで以下のファイルが使われる。

    • paralax_one_first_layer ―― /images/background1.png
    • paralax_one_second_layer ―― /images/background2.png

    スター

その他の回答

この質問へのコメント

質問の情報

登録日時

2016-06-13 20:55:16

終了日時

2016-06-20 21:00:04

回答条件

1人1回まで

この質問のカテゴリ

• インターネット
• ウェブ制作

この質問に含まれるキーワード

人気の質問

• すぐお金になる働き方で求人以外にありますか？業界人でなくても 需要あれば働けるという日本人の多いとこ…ao87453011日前
• 民法施行法（明治三十一年法律第十一号）という古い法令の第6条: 契印について⇒民法施行法： 第六条　私署…匿名質問者111日前
• 無料で、食べ物をもらったことありますか？たとえば、コンビニ、スーパーなど。…ao87453011日前
• 宅地建物取引士が集まる店はありますか？ao87453011日前
• 民間の求人で、即採用の求人は 未経験の職種でみつかりましたか？ao87453011日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ