フォーラムへの返信
-
投稿者投稿
-
普通にアイコンリストを入れると左端がツメツメになってしまうのが気になる
すみません、この部分がよくわからなかったのですが、アラートの場合は枠内に内容が入るので、その分 padding が確保されて良い、ということですかね?
♥ 0いいねをした人: 居ません例えば、FontAwesome の全てのアイコンから選ぶとか、自由設定とかは難しくて、アイコンリストのように決まったアイコンから選択するように、ということならできるかもしれません(ちょっとやってみないとわかりません)。
ちょっとユースケースがよくわかっていないのですが、例えばどういうアイコンを入れたいと考えていらっしゃいますか?
♥ 0いいねをした人: 居ませんあーそうですね。確かに。ここ、文字色の変更は諸々の都合でいろいろ問題がでそうなので、「マスク」の設定をいれるようにしようと思います。画像前面を覆うマスクの色と透過度を設定できるような。
♥ 0いいねをした人: 居ません新着情報をカスタム投稿タイプにするのが一番確実にわける方法ではあると思います。カスタム投稿タイプはプラグインでつくることができます。
Snow Monkey はカスタム投稿タイプだとプロフィールボックスがでないとか関連記事がでないとかいろいろ違いがあって、ブログと同じような感じにするには一工夫必要です。全部このスレッドでやるとちょっと雑多になってしまうので、もしカスタム投稿タイプでやってみる場合は、あれ?となったときに都度スレッド立てて頂ければ!
アイキャッチ画像と、h1の「ブログ」の文字を消すことができませんでした。
カスタマイザー > 追加 CSS か、子テーマの CSS に下記を追加してみてください。
/** * スラッグが faq のページヘッダー(アイキャッチ画像)を非表示 */ .category-faq .c-page-header { display: none; } /** * スラッグが faq のカテゴリータイトルを非表示 */ .category-faq .c-entry__header { display: none; }
上記はカテゴリーページのスラッグ(URL)が「faq」の場合の例です。「ブログ」というカテゴリーのものを消したいとのことなので、スラッグは「ブログ」とか「blog」になっているのではと思いますが、Chrome ブラウザのデベロッパーツールで確認するのが簡単かなと思います。
もしくはカテゴリーの編集ページでも確認できます。(ダッシュボード > 投稿 > カテゴリー > 任意のカテゴリーの編集ページを開くと「スラッグ」という項目で確認できます)
♥ 0いいねをした人: 居ませんちょっとちゃんと読み取れてなかったらごめんなさい。多分、いま下記のような構成になっていますでしょうか?
└ 投稿一覧 ├ 新着情報(というカテゴリー) ├ ブログ(というカテゴリー)
WordPress はカテゴリーをつくれば自動的にそのカテゴリーのページもつくられますが、上記の形だと新着情報(というカテゴリー)のページと、ブログ(というカテゴリー)のページだけになってしまうので、僕ならこういう形にするかなと思うのですがどうでしょうか?
├ トップページ └ 投稿一覧(いわゆるブログ) ├ 新着情報(というカテゴリー) ├ カテゴリーA ├ カテゴリーB ├ カテゴリーC ├ ...
ブログの中に新着情報も混ざってはしまいますが、多分これが一番シンプルでわかりやすいはずです。どうしても新着情報をブログに混ぜたくなければ、「カスタム投稿タイプ」でつくる方法もありますが、子テーマでカスタマイズしたりしないといけなくなるのでかなりハードルはあがります。
トップページとブログ一覧ページをつくる方法は下記のマニュアルを確認してみてください。
♥ 0いいねをした人: 居ません単純に色を変更できるようにしようとすると、「ボタンの枠の色」「ボタンの文字色」「ボタンの背景色」と3つも設定項目を増やさないといけなくなり、メンテナンスの面からも UX の面からもあまり良くないように思います。
やるとすれば、いくつかのパターンから「ボタンの種類」を選べるようにするか、リッチなスライダーが必要な場合はサードパーティのスライドショープラグインを利用してもらう、というのが良いかと思います。
とりあえずボタンの種類を現状の「ゴーストボタン」と、普通のアクセントカラーの「ノーマルボタン」から選べるようにしましょうか?
♥ 0いいねをした人: 居ません丁寧にありがとうございます!すごくわかりやすいです。
これに関しては、最新記事ウィジットでも背景色が付けれるとか、ウィジット下部に薄い区切り線的なものが付けれるとかだと、「白背景の要素」と「白背景の要素」が並んだ時も違和感がないかなと感じます。
これについては全てのウィジェットに背景色設定をつけるのは現実的ではない(Snow Monkey 以外のウィジェットをおいたらどうする問題とかもどうせでてくる)ので、各々で間にショーケースや色付きのブロックを置くなど工夫してもらうか、CSS で調整してもらうというのがベターだと考えています。CSS、必要であればフォーラムで都度聞いて頂ければ!
カスタマイザーで余白のオン・オフをつけることで、これが解決するのならば、あると助かります。
これがあれば余白が空きすぎる問題は解決できると思うので、実装するようにします。お待ちください!
♥ 0いいねをした人: 居ませんあーそうか、Snow Monkey Blocks を使う場合は余白が無いほうが勝手が良いんですね。
うーん、ちょっとここは悩みますね…。Snow Monkey Blocks を使わず普通に文字を入力するユーザーの方もいらっしゃると思う(多分こっちが多数)のですが、その場合は上下に余白がないと文字がぴったりくっついちゃうんですよね。
カスタマイザー > ホームページ設定、あたりにコンテンツの余白の ON/OFF とかあると良いですかね?
♥ 0いいねをした人: 居ませんご確認ありがとうございます!トピッククローズします。
♥ 0いいねをした人: 居ませんありゃ、カスタマザーじゃダメなんですね。
#
なら大丈夫かもしれません。
一旦トピック閉じますね。♥ 0いいねをした人: 居ません下記の CSS を貼り付けてみてください!
#ccc
、#000
のところは好きなカラーコードに置き換えてください。.p-footer-sticky-nav { background-color: #ccc; /* 背景色 */ } .p-footer-sticky-nav a { color: #000; /* 文字色 */ }
♥ 0いいねをした人: 居ませんこんな感じで、固定ページじゃなくて「カスタムリンク」を URL を
javascript:void(0)
として追加し、それにぶらさげる感じにしてみてください! URL がjavascript:void(0)
だと、クリックしてもなにも反応しないリンクになります。♥ 0いいねをした人: 居ませんv4.2.7 で変更しました!
♥ 0いいねをした人: 居ません情報ありがとうございます!大手がそんな感じであれば、それになれている方も多いでしょうね。次のアップデートで反対にするようにします。
♥ 0いいねをした人: 居ませんv4.2.6 で修正してみました!
♥ 0いいねをした人: 居ません -
投稿者投稿