フォーラムへの返信
-
最初のphpの開始タグと、終わりの終了タグがないのですが、これは問題ないですか？
My Snow Monkey の PHP ファイルには、PHP の開始タグ（
<?php）は記述済みであるため、マニュアルやサポートの返信では記述を省略しています。閉じタグについては、閉じないのが一般的であるため記述していません。次に、カスタマイズの考え方ですが、以下のような考え方でよいですか
基本的には問題ありませんが、JavaScript/CSS ファイルの読み込みについては WordPress には専用の関数が用意されているのでそれを使うのが良いと思います。
add_action( 'wp_enqueue_scripts', function() { wp_enqueue_script( 'xserver-webfonts', '//webfonts.xserver.jp/js/xserver.js', [], false ); } );Who liked: No userスマホページからアクセスした際に、２タップしないとリンク先に飛べない
あー、もしかしたら下記の状態のときですかね？
下記の状態なら押せるんですよね。
iPhone のブラウザの下から44px（49pxだったかも未検証）のクリックは、まずブラウザのタブバーの表示が反応するようになっています。なので下から44pxの範囲にかぶっているボタンを押すと、まずタブバーが表示されて、もう一回クリックするとボタンが反応する、という流れになります。この CTA（フッター固定ナビも同様）の下余白として44px追加すれば1回で反応するのですが、44pxというのは画面サイズに対して結構大きい数値なので、見た目の違和感がすごいんですよね…。
そこで Snow Monkey のフッター固定ナビは一度で反応しない状態（タブバーが表示されていない状態）のときはボタンをグレーアウトする、というようなデザインにしていたのですが、CTA にはその処理を加えるのを忘れていました…。ということで、1クリックで反応するようにするのは難しいので、1クリックで反応しないときは色を薄めるなど見た目でわかるように処理を加えたいと思います。
もし他サイトで1クリックで反応する固定バナーをご存知のようでしたら教えてほしいです！
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 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:
