Giter VIP home page Giter VIP logo

mtportfolio's People

Contributors

kozaru avatar m-kanagawa avatar mayurin avatar mymckok avatar tomotomo avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

mtportfolio's Issues

Msonryがうまく動かない原因を推測した

幅の起点になる.content-areaが画面幅によって 幅% が変化する。

media="all"
@media (max-width: 1023px) and (min-width: 481px)
.home .content-area, .archive .content-area {
width: 66%;
}
(index)media="all"
.home .content-area, .archive .content-area {
width: 75%;
}

この問題はmasonryの基点を#main にする+#main{width:100%}で回避できそう。

.content-area の方も2カラム3カラムで変化する際に 幅% を変えていた。

media="all"
.home .post-area, .archive .post-area {
float: left;
width: 31%;
margin-right: 2%;
}
media="all"
@media (max-width: 1023px) and (min-width: 481px)
.home .post-area, .archive .post-area {
width: 48%;
}

なので、こいつの子要素に width: 100% を与えて masonryのカラムとして登録すればうまくいくかもしれない。

てな訳で試してみまーす!
:D

【index.php】js

仮実装中?だと思うのですが、jsはwp_enqueue_scriptで読み込むように変更しないとダメみたいですー

【sidebar.php】dynamic_sidebar();

テーマチェック上では必須のようです。

sidebar.phpで使うべきだと思うのですが、構造上どうでしょうか。

ようは、ユーザがサイドバー設定したものは出そうよ、ということなのかな・・・

【style.css】必須クラスについて

  • sticky

    記事を先頭に固定表示した時に付加されます。
    目立たせた方がいいのかなー

  • gallery-caption

    画像のキャプションです。
    wp_captionと同じでよさそう。

  • bypostauthor

    管理者自身のコメントに付加されます。
    コメントへの管理者の応答を目立たせたりするのかなー

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.