Giter Site home page Giter Site logo

inc2734 / snow-monkey Goto Github PK

View Code? Open in Web Editor NEW
136.0 136.0 31.0 50.9 MB

Premium WordPress Theme. This theme is published here for users and developers. Please buy themes when using themes on live site. we can not provide support to anyone who does not buy.

Home Page: https://snow-monkey.2inc.org/

License: GNU General Public License v2.0

Shell 0.01% JavaScript 2.97% PHP 81.74% CSS 0.03% SCSS 15.25%

snow-monkey's People

Contributors

contiki9 avatar crystalstiletto avatar dependabot[bot] avatar fumikito avatar inc2734 avatar kmix-39 avatar mayukojpn avatar megane9988 avatar mirucon avatar olein-jp avatar omegattr avatar roborourke avatar wokamoto avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

snow-monkey's Issues

ショーケースのスマホデザイン

format-1、format-2(画像左と右)は、スマホ時に内容によって画像が落ちるので、いっそのこと必ず落ちるようにして、画像が**揃えになるようにしたほうが良さそう。

ランキングと任意の投稿ウィジットでタイトルのない投稿が表示される場合がある

ランキングと任意の投稿ウィジットで投稿を選択するリストがありますが、そこにタイトルのない投稿が表示され、そのアイテムの高さが低くなっています。

通常の投稿でタイトルがないものは表示されないのですが、Gutenbergで作成した投稿はタイトルがなくても表示されてしまいます。

通常はこのような条件は起こりえないから問題ないのか不具合なのか判断がつきませんでしたが、報告させていただきました。
any-ranking

詳細ページの投稿者ボックス内のバグ

PCサイズで記事一覧ボタンの下線が切れてしまうようです。
ソースを見て触ってみたけど、どうしても修正箇所を特定できなかったのでissueにあげました。

2017-10-06 21 57 42

カテゴリーごとのデザインカスタマイズ

  • 一覧の投稿ごとに表示されるカテゴリーラベルの色の変更
  • カテゴリーごとの一覧デザインの変更(サムネ型/リスト型)

やるなら、タームメタ(カテゴリーの編集画面にカスタムフィールド)ではなくカスタマイザーでやりたい。ただ普通にやると画面が複雑化しそうなので、カテゴリ画面でカスタマイザーを開いたときだけパネルがでるようにすると良いのかも…。問題点としてはわかりにくさと、カテゴリが増えたときに重くならないかということ。

となると子テーマで CSS とフックでカスタマイズする方法をマニュアル化するほうが良いのか…どうだろう

アイキャッチ画像とOGP画像を別々に指定できるようにしたい

現状

アイキャッチ画像に指定した画像がOGP画像にも使用される

こうしたい

  • アイキャッチ画像とOGP画像2つの入力枠を用意
  • アイキャッチ画像だけ設定した場合は、アイキャッチ画像に指定した画像がOGP画像にも使用される
  • OGP 画像を指定した場合は、その画像が OGP 画像として使用される

前後ナビのデザイン

現状の2カラムだと、スマホだとタイトルがある程度長くなると間延びしてしまう。スマホは1カラムに変更。また、画像によってはタイトル文字が見にくい。画像の明度を落とすなどしたほうが良い。

アップデートがコケたときにフォールバック

エックスサーバーのような通常のレンタルサーバーでもアップデートにコケて「snow-monkey-K9fuSU」のようなテーマが残って再有効化できなくなることがある。コケたときはアップデートさせないみたいなことができないか。

.c-entry-summary の HTML 構造

現状

.c-entry-summary
├ .c-entry-summary__figure
├ .c-entry-summary__header
├ .c-entry-summary__content
└ .c-entry-summary__meta

こうしたい

.c-entry-summary
├ .c-entry-summary__figure
└ .c-entry-summary__body
    ├ .c-entry-summary__header
    ├ .c-entry-summary__content
    └ .c-entry-summary__meta

`hamburger-btn` がスクリーンリーダー / キーボードで操作できない

該当箇所

<div id="hamburger-btn" class="c-hamburger-btn" aria-expanded="false" aria-controls="drawer-nav">
<div class="c-hamburger-btn__bar"></div>
<div class="c-hamburger-btn__bar"></div>
<div class="c-hamburger-btn__bar"></div>
</div>

原因

  • <div id="hamburger-btn"> がキーボードフォーカスを受け取れない
  • <div id="hamburger-btn"> の内部にマシンーリーダブルなテキストが無いため、スクリーンリーダーのフォーカスも受け取れない(単なる空要素に見える) & フォーカスを受け取っても何を操作するものかがわからない

現象

Android TalkBack (Android 標準スクリーンリーダー)での操作動画
https://photos.app.goo.gl/5ZfHUYTBxDQjtsaJ2

対応方法の提案

メニューボタンを span だけで実装するのは良くないのでやめた話

Toolset TypesプラグインのPotsType追加画面でエラー

Toolset TypesプラグインのPostType追加画面で、以下のエラーが表示されます。

Notice: Trying to get property of non-object in /data/webmst/test.barbwire.jp/wp-content/themes/snow-monkey/vendor/inc2734/wp-seo/src/app/controller/seo.php on line 28

add_meta_boxesフィルタに空の$post_typeを投げているToolset Typesが悪いのかもしれませんが・・・

Jetpack が有効化されているときの不具合

  • [gallery] ショートコードを上書きする他のプラグインまたはテーマを使用中のため、カルーセルプラグインは無効化されています。というメッセージが表示される
  • 「タイルモザイク」ギャラリーのレイアウトが崩れる
  • カスタマイザー「広告」でいれた Google Adnsense のコードが消える(2つの script タグのうち、1つめの script タグがきえて src 内の URL が表示されてしまう)

更新日の表示

下記の書き込みを頂いたので、公開日と更新日が異なる場合は更新日も表示するようにする。

旧テーマは更新日付だけを載せていたので検索結果でもその日付が表示されますが、テーマを変えてからその記事の検索結果での日付が公開日に戻ったのが気になりました。3年以上前ですがちょくちょく更新している記事なので。

子テーマでの CSS/JS 読み込みの改善

https://github.com/inc2734/snow-monkey/blob/master/resources/app/setup/assets.php#L20
https://github.com/inc2734/snow-monkey/blob/master/resources/app/setup/assets.php#L56

現状、Snow Monkey のメイン CSS/JS はハンドル名が get_stylesheet() となっている。これは子テーマで Snow Monkey の SCSS/ES6JS を import して使用することを前提にしたためであったが、ビルド・圧縮を強制するのは非開発者にとっては敷居が高く、機能しない。

そのため、
get_stylesheet_directory_uri() . '/assets/css/style.min.js'
get_stylesheet_directory_uri() . '/assets/js/app.min.js'
にファイルが存在しない場合はビルド・圧縮を利用しないユーザーだということにして、ハンドル名を get_template() にして Snow Monkey の CSS/JS を必ず読み込むようにする。

前後ナビのデザイン不備

  • 最新の記事において、次の記事のエリアが黒塗りで表示される→透明にしたい
  • PC サイズのとき、前の記事のエリアの上部に余白がつく

コンポーネントを追加ボタンの出し分け

「コンポーネントを追加」をクリックしても、ビジュアルモードのときしか追加されない(テキストモードは NG)。
わかりやすいようにビジュアルモードのときにだけ「コンポーネントを追加」を表示、テキストモードのときには非表示にしたい。

ランキングウィジェットで過去の記事が出てこない

全部で100件以上の記事があるのですが、最新の20件目くらいまでは順番に出てくるけど、それ以降、同じ記事がくりかえし表示されたりして、昔の記事が出て来ないため、古い記事で人気があるものを選択することができません。
fireshot capture 174 - _ - https___ishida-webkontor com_wordpress_wp-admin_widgets php

テーマをアップデートしたら子テーマが消えた

今朝、テーマのアップデートをしたら子テーマ「snow-monkey-child」が消えてしまいました。
テーマフォルダの中に、もともとの「snow-monkey」と「snow-monkey-adJsu3」みたいな、旧親テーマと新親テーマだけ残っているかんじです。

そして、テーマディレクトリ名が変わったため、ウィジェットの位置がリセットされてしまいました。

固定ページへの目次表示

カスタマイザーでやるか、ショートコードでやるか、もしくは目次ウィジェットをつくるか…。
いずれにしても wp-contents-outline の実装がよくないので、そこから修正する。

スマホでの目次ウィジェットの挙動

スマホ時にウィジェットの目次も見出し上に移動している気がする(多分 FB や Tw 上でひらくとキャッシュが強い)。そもそも、投稿は記事内にもあるし、二重にでるのは微妙なので、スマホ時は表示しないようにするのが良いかも。

  • キャッシュがリセットされるように enqueue の設定を見直し
  • スマホでは表示しないのチェックボックスを追加
  • 取得する見出しをマルチチェックボックスで選択できるようにする
  • テキストが長い場合に(1)とかの下にテキストが回り込むので回り込まないように修正

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.