フォーラムへの返信
-
投稿者投稿
-
実際のサイトの構造を見ないと確実なことは言えませんが、
葉っぱのアクセントをCSSの記述で挿入できないかと試してみました
.l-header{ background-image:url(ファイルの場所);}
これで背景に画像を入れるということは可能でしょう。あとは、
background-position
などなど利用して希望する場所に配置する流れるになるかと思います。上段のカラーが変更できないかCSSの記述で試してみました
.l-header{background-color:#ffffff;}
これに加え、top、padding、marginなどの記述で幅を調整したりしていますが、上手く調整できない状況です。
これだと、ヘッダー全体の背景色を変えることになると思います。
①添付画像の見本のようにロゴ周りの背景を白くしたいが変更できない
ロゴの周りをということであれば、
c-site-branding
付近の良さそうにCSSクラスに背景色を指定して調整するなどの方が、ご希望されている見た目に近くなるかもしれません。(ヘッダー全体の背景色を変えたいのであればl-header
でも良いと思います)ご確認くださいませー。
♥ 0いいねをした人: 居ませんもしかしたら、mayuさんは学習過程なのかもしれないと思い、あえて答えは出さずにヒントだけ提供してみますね。
Snow Monkey Blocksのスライダーは、キタジマ氏が自身で開発したプラグインを採用しています。
inc2734/spiderContribute to inc2734/spider development by creating an account on GitHub.github.comそちらのDOM構造ですが、簡単にご説明すると、
.wp-block-snow-monkey-blocks-spider-slider
の中に.spider
という囲いがあり、その中に.spider__canvas
や.spider__dots
といった、画像部分やドット(もしくはサムネイル)部分が用意されています。画像部分は
.spider__canvas
になるのですが、この中にspider__slide
があり、その中にトピックに書いてある.spider__figure
というimg
タグの画像が配置されています。しかし、挑戦されたように
.spider__figure
をいじっても高さは変更することはできません。なぜなら、.spider__figure
を.spider__slide
で囲ってあり、それらを.spider__canvas
でよしなに切り取っているような作りになっています。ですので、一番外枠の
.spider__canvas
をちょっとごにょごにょしてみると幸せになれるかもしれません。ぜひ挑戦してみてください。
♥ 1いいねをした人: 居ません詳細情報ありがとうございます。
こちらでも同様の条件でテストしてみましたが、確かに同じ事象が確認できました。応急処置的にはCSSで隠してしまうことは可能かと思いますが、根本的な解決には至らないので @キタジマタカシ 氏の意見も聞いてみましょう。仕様なのかバグなのかの判断も聞けると思います。
明日には何かしらのレスポンスが得られるかと思います。(週末はみなさん休業が多いので…)少々お待ちくださいませ。
♥ 1いいねをした人: 居ません確認しました!対応ありがとうございました!閉じます!
♥ 1いいねをした人: 居ませんこんばんは!
現状、色々と試されたご様子ですので、以下の情報を追加で頂けますでしょうか?
- 追加CSSに追加されたコード
- こちら公開されているURL
CSSでなんとかなるかもしれませんが、どのようにして現状作られているのか確認できないとアドバイスを差し上げることが難しそうです。
ご確認お願いいたします。
♥ 0いいねをした人: 居ません管理画面【外観】→【カスタマイズ】→【デザイン】→【ヘッダー】の中で、ヘッダー位置の設定はお試しになりましたか?
また、
グローバルナビゲーションがノーマルの状態を維持したい。
ノーマルの状態の認識を画像などで共有していただけると分かりやすいです。(人によって変わってきてしまう可能性があるので)
加えて、現状の設定内容を共有頂けますと幸いです。
♥ 0いいねをした人: 居ませんヘッダーが表示されるレイアウトではお知らせバーを使えると嬉しいですね!
プレーンなランディングページには必要なら自分で付けられますしね!
♥ 0いいねをした人: 居ません@アクツ さん
情報ありがとうございます!
僕も少し検証してみたら、表示されたりされなかったりという感じで、どうも投稿テンプレートの「ランディングページ(ヘッダー・フッターあり)」が怪しいなぁ〜というところで放置して仕事に戻ってしまいましたw♥ 1いいねをした人: 居ません@キタジマタカシ 氏
まったく同じコードを「カスタム HTML ブロック」に貼り付けてみたところ、正しく動作しました。おそらくコードエディターにはりつけたというところが問題なのではないかと思います。カスタム HTML ブロックに貼り付けてみてください。
そういうことだったんですねw 「カスタムHTMLブロックの中のコードエディター」に入力されているものとばっかり…
@masalll さん
My Snow Monkeyの使い方My Snow Monkeyでショートコードの用意の仕方
ここら辺が参考になるかもしれません。
♥ 0いいねをした人: 居ません実際に開発者ツールで見ないと断定はできませんが、これは罫線ではなくこのメニュー項目にフォーカスが当たってアウトラインが表示されているだけではないですか?
tabなどを押してみると消えたりしませんかね?
♥ 1いいねをした人: 居ませんちょっと状況を再現ができませんが、コード上部のHTML部分はコードブロックで、JS部分はこちらのプラグインなどで呼んでみてはどうでしょうか?
My Snow Monkeyで読むのも良いとは思います。
♥ 0いいねをした人: 居ませんこんにちわ!
固定ページでコードエディターの中にHTMLを入力してjavascriptを入れたいのですが全く表示されません。
実際に入れている状態のスクリーンショットと、入力されているソースコードの共有は可能でしょうか?現状がどんな状況なのかもう少し把握できると嬉しいです!
ご確認お願いいたします!
♥ 0いいねをした人: 居ません添付画像の下部、赤丸で示したようなタグを指しているのですが、この場合は「投稿に使っているタグ」になるのでしょうか。
こちらですが、
「Custom Post Type UI」でカテゴリーおよびタグを設定できるようにしたのですが、タグについては画像のように表示されない状態です(カテゴリーは表示されます)。
Custom Post Type UIのカスタム投稿タイプ設定画面最下部で、「タクソノミー 」という部分があるのですが、そこで「カテゴリー (WP コア)」や「タグ (WP コア)」を選ばれているのであれば、「投稿」と同じカテゴリーやタグを併用することになります。
ですので、添付画像の赤丸部分は通常では「選択されたタグ」が表示されるので、カスタムタクソノミーを作られていないのであれば「タグ(WPコア)」ということになりそうですね。ちなみにタイトル下に表示されている「お知らせ」がカテゴリーになるかと思います。
—
その上で、「タグ(WPコア)」をタイトル下の日付や投稿者情報部分に追って表示させたいのか、カスタムタクソノミー を別途Custom Post Type UIで作成して、そちらを表示されたいのかで、方法も変わってくるかと思われます!
♥ 0いいねをした人: 居ませんこんにちは!
仕様の詳しい内容はわからないので、推測できる範囲でまずは書いてみます。
1)通常の投稿サイトと同じように、カスタム投稿においても、タグ(階層なし)を記事詳細ページに表示させることは可能でしょうか? (現時点ではカスタム投稿ではタグが表示されていません。)
まず、「タグ」というものが指しているのが「投稿に使っているタグ」なのか「カスタムタクソノミー 」を用意されて使うものなのかにもよって若干変わってきます。
「投稿に使っているタグ」であれば、カスタム投稿タイプの記事詳細ページでも普通に表示されるはずです。そして、「カスタムタクソノミー 」も何もせず出力されたような気がします…(未確認
2)アーカイブページの一覧表示で、各記事に付与されているタグ情報についても、日付・著者情報と同様に表示させることは可能でしょうか?
日付・著者情報部分にタグ情報を出力する際には、フックでカスタマイズしないといけないという記憶があります。通常はサムネイル右上など(通常カテゴリーなどが表示される場所)に出力されるはずなので…
@キタジマタカシ さんの登場を待ちましょうかね…w
♥ 0いいねをした人: 居ませんとりあえず問題を解決できたとのことでよかったです!
♥ 0いいねをした人: 居ません -
投稿者投稿