-
検索結果
-
スマホページからアクセスした際に、２タップしないとリンク先に飛べない
あー、もしかしたら下記の状態のときですかね？
下記の状態なら押せるんですよね。
iPhone のブラウザの下から44px（49pxだったかも未検証）のクリックは、まずブラウザのタブバーの表示が反応するようになっています。なので下から44pxの範囲にかぶっているボタンを押すと、まずタブバーが表示されて、もう一回クリックするとボタンが反応する、という流れになります。この CTA（フッター固定ナビも同様）の下余白として44px追加すれば1回で反応するのですが、44pxというのは画面サイズに対して結構大きい数値なので、見た目の違和感がすごいんですよね…。
そこで Snow Monkey のフッター固定ナビは一度で反応しない状態（タブバーが表示されていない状態）のときはボタンをグレーアウトする、というようなデザインにしていたのですが、CTA にはその処理を加えるのを忘れていました…。ということで、1クリックで反応するようにするのは難しいので、1クリックで反応しないときは色を薄めるなど見た目でわかるように処理を加えたいと思います。
もし他サイトで1クリックで反応する固定バナーをご存知のようでしたら教えてほしいです！
Who liked: No userもしかして僕の書き方が悪かったのかもしれません・・・
（理屈があやふやなので、間違っていたら申し訳ありません・・・）文字列の先頭にアイコンラベルを入れたいというよりは、蛍光ペンのように文字列を選択してポチっとボタンを押せば、文字の「背景色」と「背景色の余白」にスタイルがあたるイメージでした。（つまり、文字列の先頭に限らず、どこでも使える）
実はこれ、プラグイン Ghost Kit を入れるとできるのことはできたのです。ただ、これだけのためにGhost Kit を入れるのもなぁというのもありまして。
で、SnowMonkeyの蛍光ペンの並びにあると嬉しいなぁと思ったのでした。（Ghost Kitの場合）
１、文字列を選択してポチッとする（Snow monkey の蛍光ペンと同じ）
2.色を選ぶ
3.スタイルがあたる
そして、色が選択できるのはややこしいかもしれないと思い、アクセントカラーバージョンとサブアクセントバージョンの２種類があれば使い回せるかな・・・と勝手に思ったのでした。
とはいえ、想像の世界なので間違ってたらすみせん・・・
そしてSnowMonkeyの思想と違う場合は遠慮なく却下してくださいませ〜！Who liked: No userうーんちょっとこれは Snow Monkey には難しいかなと思います。このような装飾の場合、通常は CSS の疑似要素を使って LINK などの文字入れを実現します。Snow Monkey は英語でつくって日本語翻訳をあてる、というつくりかたをしているのですが、CSS の疑似要素は翻訳ができないため Snow Monkey の思想とは外れてしまうこと、また、文字を変更したいという要望が予想されること（変更は難しいので実際には都度アップデートして追加することになる）が理由です。ブログ特化のテーマではこのような装飾もよくあるとは思いますが…すみません。
独自に CSS を追加するなら、
.icon-link::before { content: 'LINK'; margin-right: .25rem; display: inline-block; color: #fff; background-color: #70acf1; font-size: 12px; line-height: 1; padding: 4px 6px; border-radius: 4px; transform: translateY(-1px); }のような CSS を追加して、段落ブロックの追加 CSS クラスに「icon-link」と入力すればその段落の頭にアイコンが表示されるようにはなります。
もしくは、下記のようなプラグインを使えば独自の装飾も追加できるかもしれません（使ったことはありません）。
Who liked: No userいつも丁寧な返信ありがとうございます。
頂いた内容を元に、試してみます！
１点、不具合の報告になるのですが、『新しいタブで開く』にチェックしていないのですが、新しいタブで開いてしまいます・・・
こちら、修正いただけますと幸いです。
Who liked: No user1．テンプレートは、フレームワークで作られているようですが、使われているフレームワークは、汎用的なものですか？それともオリジナルのフレームワークでしょうか
オリジナルのレイアウト/ビューコントローラーを使っています。
設計思想やカスタマイズ方法は下記を参考にしてみてください。
2．子テーマで編集したい場合、どのディレクトリーのファイルをいじれば良いでしょう
基本的には普通の子テーマと同じです。が、僕は子テーマの使用を推奨していません。テンプレートの上書きは扱いが難しく、アップデートやセキュリティなどの問題に発展する可能性があるためです。Snow Monkey は前述したレイアウト/ビューコントローラーの仕組みがあるので、子テーマを使わなくても、ちょっとした置換や追加であれば子テーマを作らずにプラグイン領域から行うことができるようになっています。どうしてもテンプレートを上書きしないといけない必要性がないのであれば、プラグイン領域からフックで置換するのがおすすめです。
3．これはWordPressの問題かもしれないですけど、テンプレートをいじるか、function.phpで編集した方が良い場合との判断はどの辺で行えば良いでしょうか
状況によるので、新しいトピックをたてて詳細を書いていただければと思います。
4．これはスレッド違いにすべきですが、CSSのフレームワークには、グリッドシステムがあるように思いますが、これはBootstrap4のようなものでしょうか？Flexbox ベースですか？ ドキュメントがあるとうれしいです。
Basis というオリジナルの Sass/CSS フレームワークを使っています。ドキュメントはこちらです。
Who liked: No userデフォルトが60pxなので、2倍だとこんな感じですかね。カスタマイザー > 追加 CSS か、子テーマの CSS ファイルに追加してみてください。
.smb-balloon__figure { flex-basis: 120px; height: 120px; width: 120px; max-width: 120px; }Who liked:
