フォーラムへの返信
-
投稿者投稿
-
こちら実際に追加CSSにCSSを当てたページです。
♥ 0いいねをした人: 居ませんキタジマさん
早速のご回答ありがとうございます。
申し訳ありません。私の説明が下手でうまく要望をお伝え出来ませんでした。別の言い方で再度ご説明してみたいと思います。
■前提
ダウンロードするファイルは画像ファイルです。■カスタマイズしない場合のファイルブロックのレイアウト
画像のファイル名とボタンが表示されます。
しかしながら、ファイル名だけだとどんな画像なのか、
ダウンロードするまでわかりません。■要望1
そのため、ファイル名の代わりにダウンロードされる画像を、
表示したいです。サムネイルが表示されるイメージです。■要望2
続いて上記スレッドの添付画像の右側のように、画像とボタンを上下に配置したいです。■キタジマさんの回答を実施した結果
1. wp-block-columnにparentsというclassをつけてposition:relative.parents{
position:relative;
}2. aタグのafterに項目ブロック(バナー)のCSSをコピペ。
wp-block-file a::after{
bottom: 0;
content: “”;
left: 0;
position: absolute;
right: 0;
top: 0;
}3. タイトルを削除
.wp-block-file a:first-child{
display:none;
}4.結果
ダウンロードボタンだけが表示されて、ダウンロードされる画像は表示されません。わかりづらく恐縮ですが要望1と要望2を実現する方法をご教示頂きたく思います。
宜しくお願いします。
♥ 0いいねをした人: 居ません失礼しました。画像の添付が漏れていました。
♥ 0いいねをした人: 居ません早速ありがとうございます。確認してみました!
OKな場合とNGの場合がありました。
ロゴの大きさを変更しない⇨真ん中に配置される OK
ロゴの大きさを変更する ⇨真ん中からずれる NG
ロゴの大きさはいじってはいけないんでしょうか。
♥ 0いいねをした人: 居ませんキタジマさん
お役に立てて良かったです!
トピックを閉じます。
♥ 0いいねをした人: 居ませんOleinさん
返信が遅くなり申し訳ありません。
こちらのURLにアップ致しました。ご確認のほどよろしくお願いいたします。
♥ 0いいねをした人: 居ませんイメージ通りなのが出来ました!ありがとうございます。
トピックを閉じます。
♥ 1いいねをした人: 居ませんMetasliderというプラグインでスライダーを作成してみました。
そしてショートコードを該当の位置に入力したのですが、
ショートコード自体が表示されてスライダーが表示されませんでした。phpの知識が無く恐縮なのですが、私のショートコードの入力方法はあっておりますでしょうか。
add_filter( 'snow_monkey_template_part_render_header', function( $html ) { // トップページ以外のときは追加しない if ( ! is_front_page() ) { return $html; } ob_start(); // 追加するコンテンツを記述 ?> [metaslider id="388"] <!--?php <br ?--> return ob_get_clean() . $html; } );
♥ 0いいねをした人: 居ませんキタジマさん
ご回答ありがとうございます。
これはトップページだけスライダーを表示したいということですよね?
→はい。ご認識の通りです。そのやり方でやる場合、他のページでヘッダーをどう表示したいかがわからないと変になっちゃうと思うので、良かったらトップページ以外ではヘッダーをどう表示したいかを教えてもらえないでしょうか?
→こちらのURLのイメージです。 https://tsudaki.jp/service.html
・トップページ スライダーの下にヘッダー
・それ以外のページ ヘッダーの下に画像♥ 0いいねをした人: 居ません -
投稿者投稿