Olein_jp

フォーラムへの返信

15件の投稿を表示中 - 406 - 420件目 (全497件中)

← 1 27 28 29 34 →

投稿者

投稿
2021年1月1日 11:20 AM 返信先: 固定ページのアイキャッチ（ヘッダー画像）の大きさ・高さは、CSS追加しか方法はないですか？ #64574
Olein_jp
参加者

♥ 570
こちらのテスト環境で確認しましたが、カスタマイズ項目からは設定できませんね。CSSでの対応になるかと思います。

対応方法としては、
```
.c-page-header[data-has-image=true] {
   min-height: ***px;
}
```
という形で記述すると良いでしょう。画面幅によってメディアクエリで上書きしている形になっているので、その辺りはちょっと注意が必要ですね。

参考にしていただければ幸いです。

♥ 5

いいねをした人:
2020年12月31日 1:32 PM 返信先: 固定ページのアイキャッチ（ヘッダー画像）の大きさ・高さは、CSS追加しか方法はないですか？ #64553
Olein_jp
参加者

♥ 570
おそらく、固定ページのアイキャッチ画像の高さはカスタマイズ画面の中では変更できなかったはずです。

CSSでの対応になると思いますが、現在の以下の設定状況を共有していただけますか？固定ページを表示した状態で以下を確認してみてください。
- カスタマイズ→デザイン→固定ページ設定→ページレイアウト
- カスタマイズ→デザイン→固定ページ設定→アイキャッチ画像の位置
ご確認お願いします。

♥ 0

いいねをした人: 居ません
2020年12月28日 1:39 PM 返信先: 固定ページカスタマイズのベストプラクティス #64421

Olein_jp
参加者

♥ 570

こちらで意図されている形のCSSクラスが<body>タグに出力されていれば問題ないかと思いますー！

♥ 0

いいねをした人: 居ません

2020年12月28日 10:09 AM 返信先: お知らせバーに入れたSNSリンクを別タブで表示したい #64404

Olein_jp
参加者

♥ 570

@キタジマタカシ氏
確認しました！僕の方では target="_blank" はちゃんと動作していました！
ありがとうございます！

♥ 1

いいねをした人: 居ません

2020年12月26日 10:59 AM 返信先: スライダー表示プラグインについて教えてください。 #64286

Olein_jp
参加者

♥ 570

こちらはプラグインといえばプラグインなのですが、WordPressのプラグインではないですね。

こちらを指されているという前提でお話をしますと、こちらSwiper本体を利用してSnow Monkey内に実装しようとするならば、カスタムHTMLブロック内でゴニョゴニョとコードを書くしかないかなと思います。

ただ、上記カスタムHTMLブロックだけでは推奨する形でCSSやJavaScriptを読み込むことができなくなるので、結果的にあまりお勧めしたい方法ではなくなってしまいます。

また、コードを書かれず実現したいという場合には、プラグインを活用する方法がベターだと思いますので、ウェブ検索などで「wordpress slider draggable plugin」といった形で検索をしてみて、色々なプラグインを片っ端から試してみることもお勧めします。

もうちょっと良いアイデアをお持ちの方がみえるかもしれませんが、いただきました情報から考えるとこのようなお返事になるかと思います。

よろしければ参考になさってください。

♥ 0

いいねをした人: 居ません

2020年12月26日 10:40 AM 返信先: スライダー表示プラグインについて教えてください。 #64284

Olein_jp
参加者

♥ 570

swiperというプラグインがあるのはわかったのですが、これをSnowMonkeyに導入

するための方法がわからないです。

ここで言われているプラグインのURLもしくは正式名称をお教えいただいてもよろしいでしょうか？

また、ご自身でコードを書ける場合は、以下のリンクとSwiper公式ドキュメントを参照しながら、ショートコードなどで出力できる形にして、ページに設置する形がスムーズかもしれませんね。

スライダープラグイン Swiper（v5）の使い方 / Web Design Leaves

jQuery 不要でレスポンシブ及びタッチデバイス（スマホやタブレット）対応のスライダープラグイン Swiper（バージョン5）の基本的な設定方法や使い方についての覚書（解説…

www.webdesignleaves.com

♥ 1

いいねをした人: 居ません

2020年12月25日 11:08 PM 返信先: SnowMonkey Formsでブロックの枠線が表示される #64263

Olein_jp
参加者

♥ 570

@アクツさん
ドンピシャでかぶった…ww

♥ 0

いいねをした人: 居ません

2020年12月25日 11:07 PM 返信先: SnowMonkey Formsでブロックの枠線が表示される #64260

Olein_jp
参加者

♥ 570

現在のバージョン以前はちょっとわからないのですが、こちらは項目にフォーカスが当たった状態に出るものです。

現在もinputなどのフォーム入力部分をテキスト入力をしようと選択すると、フォーム部分に青く細い罫線が表示されると思いますが、そちらと同じ用途のものです。

ご存知かと思いますが、こちらは様々な方法（スクリーンリーダーやキーボードのみ）でアクセスされる方々に向けたアクセシビリティ確保のための手段で、ブラウザの機能になります。（なのでバグではないと思われます）

div.wp-block-snow-monkey-forms-item に　tabindex が付いているのでこうなるのですが、確かにはっきりと罫線が見えるので気にはなりますよね…。CSS的な処理で消すこともできますが、アクセシビリティ的な観点からこのような方法を採用している可能性もあるため、@キタジマさんのご意見も伺った方がよさそうです。

♥ 0

いいねをした人: 居ません

2020年12月25日 10:53 PM 返信先: フロントページを固定ページにした際の最近の投稿の日付をタイトルの上に設定したいです #64259
Olein_jp
参加者

♥ 570
プラグインからのアプローチもあるとは思うのですが、

フロントページを固定ページにした際の最近の投稿の日付をタイトルの上に設定したい

だけを実現するとすれば、CSSだけで実現できると思います。

.c-entry-summary__body は display: flex; が設定されているのですが、その中には、
- .c-entry-summary__header
- .c-entry-summary__content
- .c-entry-summary__meta
と上から単純にレイアウトされています。

固定ページをフロントページとして、そこに最新の投稿ブロックなどで記事の一覧を用意されているとするならば、そのブロックにCSSクラスを任意で設置して（以下、.top-recent-posts とする）、
```
.top-recent-posts .c-entry-summary__meta {
  order: 0;
}

.top-recent-posts .c-entry-summary__header {
  order: 1;
}

.top-recent-posts .c-entry-summary__content {
  order: 2;
}
```
とすると、上から日付等メタ情報→ヘッダー→コンテンツという並びに変更できるかと思います。あとは上下マージンなどを調整するだけで大丈夫かと思います。

プラグインアプローチについては…強強なユーザーを待ちましょう…！！

♥ 2

いいねをした人: 居ません
2020年12月25日 6:59 PM 返信先: お知らせバーに入れたSNSリンクを別タブで表示したい #64245
Olein_jp
参加者

♥ 570
@mayu さん

僕の確認不足で間違った誘導をしてしまいました。申し訳ございませんでした。

@キタジマタカシ氏

こちらでテストした結果ですが、カスタマイザー内「お知らせ」にて、
- お知らせバーコンテンツ：<a href="https://youtube.com" target="_blank">Youtube <i class="fab fa-youtube"></i></a>
- お知らせバーリンク URL：空白
という状態でフロント側を確認したら、出力されているソースが、
```
<div class="p-infobar">
	<span class="p-infobar__inner">
		<div class="c-container">
			<div class="p-infobar__content">
				<a href="https://youtube.com">Youtube <i class="fab fa-youtube"></i></a>
			</div>
		</div>
	</span>
</div>
```
という形になっているので、targetが内部で消えてしまっているのかな…と思われます…。

♥ 1

いいねをした人: 居ません
2020年12月25日 3:54 PM 返信先: お知らせバーに入れたSNSリンクを別タブで表示したい #64212

Olein_jp
参加者

♥ 570

本件はSnow Monkeyとは関連性のないHTMLの記述方法についての質問になるかと思いますので、ご自身で頑張って調べていただくと良いかと思います。

参照リンクを掲載しておきますね。

<a>: アンカー要素 – HTML: HyperText Markup Language | MDN

HTML の <a> 要素 (アンカー要素) は、 href 属性を用いて、別のウェブページ、ファイル、メールアドレス、同一ページ内の場所、または他の URL へのハイパーリンクを作成…

developer.mozilla.org

♥ 0

いいねをした人: 居ません

2020年12月24日 11:32 PM 返信先: 画像が荒れる #64164

Olein_jp
参加者

♥ 570

ブラウザの開発者ツールで任意の画像のソース部分を見ていただくとわかりますが、画像が150px x 150pxのサムネイルサイズのものが適応されています。

要するに、小さい画像が大きく拡大されて表示させられているので、一覧部分のアイキャッチ画像が荒く見えるという結果になっていますね。

どのようなカスタマイズや設定変更などをされているのかわからないので、これ以上アドバイスができませんが、記事一覧ページのサムネイル画像のサイズに問題があるということなので、そこから逆算して色々と試してみてください。

♥ 0

いいねをした人: 居ません

2020年12月22日 8:24 PM 返信先: ブロック間通しの余白を無くしたい #63934

Olein_jp
参加者

♥ 570

横から失礼します。

他に挙げられているトピックも拝見しているのですが、Web制作全般とまでは言いませんが、ことCSSに関してWordPressもしくはSnow Monkeyをカスタマイズするための前提知識が少々足りていないような気がします。

このフォーラムはSnow MonkeyユーザーがSnow Monkeyに関するプロダクト（関連プラグインも含む）について、他のユーザーに意見を求める場所ですので、基本的なWeb制作方法のレクチャーをもらう場所ではない、という認識を僕は持っています。

（このトピックを拝見する限り、Snow Monkeyに関する問題ではなく、ブロックエディタとCSSの問題と感じました）

keiproさんは、もしかしたら現在学習中なのかもしれません。Web制作に最低限必要な知識は様々なリソースがインターネット上にありますので、それらを活用していただいたり、もしオンラインサロンなどを利用されて学習されてるのであればそちらで質問していただくなりした方が良いかと感じました。

詳解CSS 基礎文法編 (全33回)

ウェブページの見た目を整えるための言語である、CSSの基礎的な文法について学んでいきます。

dotinstall.com

ぜひCSSなどの基礎知識をご確認いただいて、今後ともSnow Monkeyを楽しんでください！

♥ 0

いいねをした人: 居ません

2020年12月21日 9:53 AM 返信先: 固定ページカスタマイズのベストプラクティス #63739

Olein_jp
参加者

♥ 570

追記：あくつさん書かれているので削除しときます。（トピック訳の兼ね合いで）

♥ 2

いいねをした人: 居ません

2020年12月21日 9:11 AM 返信先: 2カラムのデザインを実現したい #63734

Olein_jp
参加者

♥ 570

Snow MonkeyとSnow Monkey Blocksを普通に使う形では実現は難しいと感じます。また、ここはSnow Monkey公式フォーラムですので、アドバイス差し上げることが適切かどうか判断が難しいので、個人的な実現イメージだけ共有しておきますね。

@キタジマタカシ氏　不適切であれば削除していただいて大丈夫です。

色々なアプローチが存在すると思いますが、僕の思いつきアイデアを共有します。

### 発生している問題

・使うべきブロックがわからない

・テキストとアイコンを併記させる方法がわからない

使うべきブロックですが、方法の一つとして「カラムブロック」でも良いかもしれません。よりカラムブロックを管理したい場合には、外側にグループブロックでラップしてCSSクラスを付与しても良いでしょう。

「テキストとアイコン」ですが、こちらはグループブロックでラップしてCSSクラスを付与し、見出しブロック（CSSクラス付与してスタイル追記）とカスタムHTMLブロックor画像ブロックでアイコンを配置してposition: absolute; でコントロールする感じでしょうか。

♥ 2

いいねをした人: 居ません
投稿者

投稿

15件の投稿を表示中 - 406 - 420件目 (全497件中)

← 1 27 28 29 34 →

Olein_jp

フォーラムへの返信

検索

ドキュメント

フォーラム

よくあるご質問

お問い合わせ