-
投稿者検索結果
-
2022年8月24日 10:17 AM #109815
返信が含まれるトピック: Snow Monkey Editorで文字サイズをカスタマイズ設定しようとすると数値入力できない
2022年8月23日 11:16 PM #109801返信が含まれるトピック: 別ページへのアンカーリンク表示位置がずれる、スムーススクロールにならない
Yamasaki Daisuke様
ご確認と、ご回答ありがとうございます。
理由は不明ですが、それであれば問題ありません。
お二方とも、本当にありがとうございました。
♥ 0Who liked: No user2022年8月23日 4:28 PM #109791返信が含まれるトピック: 別ページへのアンカーリンク表示位置がずれる、スムーススクロールにならない
2022年8月22日 9:49 PM #109769返信が含まれるトピック: 別ページへのアンカーリンク表示位置がずれる、スムーススクロールにならない
早速のご回答、ありがとうございます。
windows+chromeではお送りいただいた動画どおりにはならず、
やはり画面遷移後にスクロールしていないのにヘッダーが表示されてしまいます。ブラウザ毎の違いであれば、諦めますが
どうにもならないでしょうか?(スムーススクロールの件は、承知いたしました。)
♥ 0Who liked: No user2022年8月22日 6:00 PM #109763返信が含まれるトピック: 別ページへのアンカーリンク表示位置がずれる、スムーススクロールにならない
一応 Snow Monkey の仕様としてはヘッダー非表示の状態 + スクロール位置がページ最上部、になるように遷移するようになっています。
こちらで試してみました(Mac + Chrome)が、こちらではその仕様通りの挙動になりました。
・スムーススクロールされない
スムーススクロール機能は同一ページ内のアンカーリンクのみ有効です。
♥ 0Who liked: No user2022年8月22日 9:59 AM #109733返信が含まれるトピック: 複数の記事一覧ページ作成における記事表示やアーカイブ表示について
運用面での要件を満たしていないかもしれませんが、カスタム投稿タイプを使って「乙」を作るのが簡単な気がします。
あーなるほど。
@福山さん、
– 甲はカスタム投稿タイプ甲(あるいは投稿) + カスタムタクソノミー甲(あるいはカテゴリー)
– 乙はカスタム投稿タイプ乙 + カスタムタクソノミー乙っていう感じですかね。懸念点としては甲乙で投稿タイプが異なるので、甲乙の全記事を表示するアーカイブページが必要だと結局それはつくらないといけなくなりますね。
あと、カスタム投稿タイプはデフォルトでは年別アーカイブ非対応なので、なんらか対応が必要になります。これもどこまでやるかになってくるかと思いますが、とりあえず軽くググった結果を貼っておきます。
2022年8月21日 1:24 PM #109707返信が含まれるトピック: フッターサブナビゲーションのカラー:要素の中央寄せについて
下記の CSS を追加してみてください。
・フッターサブナビゲーションのカラー変更
.p-footer-sub-nav .c-navbar { justify-content: center; }
・スマホ表示での要素を中央に寄せたい(PCでは中央によっているが、スマホでは左に寄ってしまっている)
.p-footer-sub-nav .c-navbar__item { color: red; }
♥ 0Who liked: No user2022年8月21日 1:20 PM #109705返信が含まれるトピック: カテゴリータブについて
先ほど添付した画像のように、「縦2横2」でカテゴリータブを設定することはできないのでしょうか?
一応下記の CSS でそれっぽい感じにはできます。
.smb-tabs[data-orientation=horizontal] > .smb-tabs__tabs { flex-wrap: wrap; } .smb-tabs[data-orientation=horizontal] > .smb-tabs__tabs > * { width: 50%; } .smb-tabs[data-orientation=horizontal] > .smb-tabs__tabs .smb-tabs__tab { white-space: initial; }
添付画像のように、「②(次のページ)」のような設定はできるのでしょうか。
これはできないですね…。
♥ 0Who liked: No user2022年8月21日 3:01 AM #109694返信が含まれるトピック: スノーモンキーにおける記事サムネイルの推奨サイズについて
横から失礼します。
上記2つの画像の上では便宜上、上段・中段・下段の画像と表しますね。
1920×1080のモニターで表示した場合、
上段の画像は、
1枚目では1024×576(16:9)の画像が、1920×500(16:4.166・・)と上下がカットされ表示されていて、
2枚目では1700×900(16:8.47・・)の画像が、1903×500(16:4.20・・)と上下がカットされ表示されています。中段の画像は、
1枚目では1024×576(16:9)の画像が、186×104(16:9)とそのまま表示されていて、
2枚目では800×600(4:3)の画像が、400×300(4:3)と、そのまま表示されています。下段の画像は、
1枚目では768×407(4:2.119・・)の画像が、186×139(4:3)と上下に引き延ばして表示されていて、
2枚目では768×432(16:9)の画像が、186×139(4:3)で上下に引き延ばして表示されています。以上のことから、この場合中央に文字があるサムネイルでは、解決方法は以下の2つかと思います。
1.16:9で画像を作り、文字は上下で16:4以下、左右で4:3以下の範囲内に収まるよう作成する。
2.4:3で画像を作り、文字は上下で16:4以下、左右で4:3以下の範囲内に収まるよう作成する。1.2.とも、上・下のどちらともか、いずれかで見切れることにはなりますので、
今のように枠線をつけてしまうと見切れている感がでるため、枠線は用いない方が望ましいです。上記をご参考に、一度、試してみてくださいませ。
2022年8月20日 7:32 PM #109678返信が含まれるトピック: スノーモンキーにおける記事サムネイルの推奨サイズについて
一覧部分はアスペクト比が4:3なので、4:3になる画像をアイキャッチ画像に設定されると良いかもしれませんが、記事ページ内のページヘッダーや記事の前後ナビ部分については4:3ではないので見切れてしまいます。
Snow Monkey ではアイキャッチ画像を表示する箇所はこのように完全にはアスペクト比が統一されていません。これはその画像をすべて見せることを想定していないためで、例えばイメージ画像のような、文字が含まれていない画像が設定されることを想定しているためです。
アイキャッチ画像が表示される箇所はだいたいが
object-fit: cover
になっているので、object-fit: contain
で上書きすればトリミングされることはなくなります(ただ、表示箇所と表示したい画像のアスペクト比が異なるとその差異の部分が見えてきてはしまいますが…)。♥ 0Who liked: No user2022年8月20日 7:23 PM #109676返信が含まれるトピック: サイト自体のタイトルの文字を大きくしたい
ありがとうございます。その部分(サイトブランディング)の文字の大きさは
.c-site-branding__title
に対して CSS が書かれています。スクショをみると
@media (min-width: xxxpx)
という記述があるのが確認できると思いますが、これは「xxxpx
以上のときに適用される」という意味になります。サイトブランディングの文字の大きさは、画面の大きさに伴って段階的に大きくなるようになっているので、どの画面サイズのときに大きくしたいのかがわかったほうがコードを提示しやすいです。どの場合でも 4rem にしたい、という例だと以下のような感じになります。
.c-site-branding__title { font-size: 4rem !important; }
♥ 0Who liked: No user2022年8月20日 7:17 PM #109674返信が含まれるトピック: 記事見出しの文字色変更
こんな感じですかね?
.p-entry-content > h2 { color: red; }
Snow Monkey は他のブログ向けテーマと比べると設定項目は少なめになっています。これは Snow Monkey はコードによるカスタマイズをしやすいような設計にしたかったためで、設定にないカスタマイズについては基本的にコードを書くことが必要です。もちろんコードを書けないという方もいらっしゃるのでサポートはおこないますが、業務委託については承っておりません。
不具合の可能性を減らすため等の理由でコードを書かずに使用される方もいらっしゃると思うので、コードを書かないという方針でいくのも一つの手だと思います。
私が作りたいブログサイトは、ちまたでよく見るデザインのため特殊なモノではないと思っておりますが、
それぞれのテーマにポリシーや向き不向きがあると思うので、Snow Monkey をめちゃめちゃカスタマイズしないと実現できないのであれば、実現したいことに近いテーマを利用するほうが手間も不具合の発生可能性も減ると思います。
上記にも書きましたが再度引用しておきますね。
もしさらにデザインをカスタマイズしたい場合はサポートフォーラムで開発者がサポートしますので安心してください。
というトップページの文言をスクショされていますが、僕はサポートはあくまで「手助け」だと考えています。「こう書いてみたけど動かない」「こう調べてみたけどわからなかった」ということに対しては「ここに誤りがあるようなのでこう書き直してみてください」「こう調べてみたらどうでしょうか」ということを返答しています。これはサポートだと考えています。でも、やりたいことだけを提示されてそれを実現するコードを提示するだけ、という流れはサポートではなく業務委託だと考えています。
はじめはわからなくても、僕や他の方が調べ方ややり方を提示してくださっていると思うので、それを応用したり少し深堀りしてみたら既出のトピックの似たようなカスタマイズについてはご自身でも解決できるようになると思います(それができるようになるためにサポートフォーラムが存在します)。
2022年8月20日 7:08 PM #109672返信が含まれるトピック: SNSシェアボタンのシェア数を非表示したい。
シェアボタンの種類を「アイコン」にするのが一番簡単だと思います。
♥ 0Who liked: No user2022年8月20日 6:57 PM #109666返信が含まれるトピック: トップページに表示される記事の文頭を非表示したい
その部分は
.c-entry-summary__content
というクラスが付与されています。なので下記の CSS で非表示にできます。
.c-entry-summary__content { display: none; }
もしさらにデザインをカスタマイズしたい場合はサポートフォーラムで開発者がサポートしますので安心してください。
というトップページの文言をスクショされていますが、僕はサポートはあくまで「手助け」だと考えています。「こう書いてみたけど動かない」「こう調べてみたけどわからなかった」ということに対しては「ここに誤りがあるようなのでこう書き直してみてください」「こう調べてみたらどうでしょうか」ということを返答しています。これはサポートだと考えています。でも、やりたいことだけを提示されてそれを実現するコードを提示するだけ、という流れはサポートではなく業務委託だと考えています。
はじめはわからなくても、僕や他の方が調べ方ややり方を提示してくださっていると思うので、それを応用したり少し深堀りしてみたら既出のトピックの似たようなカスタマイズについてはご自身でも解決できるようになると思います(それができるようになるためにサポートフォーラムが存在します)。
♥ 0Who liked: No user2022年8月20日 6:55 PM #109664返信が含まれるトピック: トップページに表示される記事の文頭を非表示したい
お返事いただきありがとうございます。
CSSで非表示にできる範囲のことだとは思うのですが、私はプログラマーやデザイナーではないためやり方が分からず、運営様に問い合わせさせていただきました。
グーグル検索でも解決策は見つからず…。申し訳ございません。
♥ 0Who liked: No user -
投稿者検索結果