ヘッダー画像のスライド
-
固定ページのヘッダー画像をスライド画像に変更する方法がわかりません。
BusinessPressを使用しています。
スライドにリンクは必要なく、BusinessPress標準ヘッダーの様に少し画像を暗くし表に文字を表示させたいです。
スライド自体はMetaSliderなどで作成し、ショートコード生成までには至っています。・他子テーマでのPHPに割り込ませる手段なども見たが、知識不足でBusinessPressでの方法が不明。
・アイキャッチ画像にスライダーを入れることも手段としてある?
・固定ページの本文にはショートコードで表示させることは出来た。当方かろうじてHTMLの知識があるのみで、CSSやPHPは今勉強していますがほぼ無知です。
2日くらい考えましたが、全くわかりません、、、どなたかご教示願いませんでしょうか。
-
こんにちは。
固定ページのヘッダー画像をスライド画像とはメインビジュアルのことでしょうか?(手元のローカル環境で試してみましたが・・)
BusinessPressのマニュアルページを見ると、ヘッダー画像は以下の方法で設定できますが、スライダーの設定は見当たらないように思います。
(私もこのテーマに詳しいわけではありませんが)
https://businesspress.jp/theme/document/#home-headerMetaSlider プラグインでメインビジュアルに対応させるためには、子テーマを作ってその中にショートコードを挿入する必要がありますが、そもそも「子テーマ」が配布されていないようです。
参考記事:WordPressテーマ「BusinessPress」の子テーマを作る手順
https://bryog.com/wp-businesspress-child/カスタマイズなしという条件で、かつメインビジュアルにスライダーが必要でしたら、最初から対応しているテーマを選んだ方が良いかもしれません。
例:https://ja.wordpress.org/themes/lightning/御親切なご回答ありがとうございます。大変助かります。
固定ページをTOPにしているのですが、それがメインビジュアルという認識で良いでしょうか。
(BusinessPressではホームページヘッダーという項目にあたる部分です。)
メインビジュアルのみでも、全ページ共通ヘッダーでもどちらも良いです。子テーマの作成とテーマ変更は、知識不足と途中まで作りこみをしてしまったので可能であれば避けたいのですが、phpなどに挿入・書き換えでは難しいでしょうか。
ちなみにですが外観→テーマエディター→テーマヘッダー(header.php)
にスライドのタグを挿入すると、既存のヘッダー画像に重なる様にスライドが表示させる事は出来ました。
(タグなどの意味が分からないので、一行一行順番に挿入してみました。)以下テーマヘッダー(header.php)です。
(挿入はしていません。)`<?php
/**
* The header for our theme.
*
* Displays all of the <head> section and everything up till <div id=”content”>
*
* @package BusinessPress
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<?php wp_head(); ?>
</head><body <?php body_class(); ?>>
<div id=”page” class=”site”>
<?php esc_html_e( ‘Skip to content’, ‘businesspress’ ); ?><header id=”masthead” class=”site-header”>
<?php if ( get_theme_mod( ‘businesspress_enable_top_bar’ ) ) : ?>
<div class=”top-bar”>
<div class=”top-bar-content”>
<?php businesspress_top_bar_main(); ?>
<?php businesspress_header_social_link(); ?>
</div><!– .top-bar-content –>
</div><!– .top-bar –>
<?php endif; ?><div class=”main-header main-header-original”>
<div class=”main-header-content”>
<div class=”site-branding”>
<?php businesspress_logo(); ?>
<?php businesspress_title(); ?>
</div><!– .site-branding –>
<?php businesspress_main_navigation(); ?>
<button class=”drawer-hamburger”>
<span class=”screen-reader-text”><?php esc_html_e( ‘Menu’, ‘businesspress’ ); ?></span>
<span class=”drawer-hamburger-icon”></span>
</button>
</div><!– .main-header-content –>
<div class=”drawer-overlay”></div>
<div class=”drawer-navigation”>
<div class=”drawer-navigation-content”>
<?php businesspress_main_navigation(); ?>
<?php if ( get_theme_mod( ‘businesspress_enable_top_bar’ ) ) : ?>
<?php businesspress_header_social_link(); ?>
<?php endif; ?>
</div><!– .drawer-navigation-content –>
</div><!– .drawer-navigation –>
</div><!– .main-header –><?php if ( is_front_page() && get_theme_mod( ‘businesspress_enable_home_header’ ) ) : ?>
<?php get_template_part( ‘template-parts/content’, ‘home-header’ ); ?>
<?php elseif ( is_page() && ! get_post_meta( get_the_ID(), ‘businesspress_hide_page_title’, true ) ) : ?>
<div class=”jumbotron”<?php businesspress_post_background(); ?>>
<div class=”jumbotron-overlay”>
<div class=”jumbotron-content”>
<?php if ( ! get_theme_mod( ‘businesspress_hide_subheader’ ) ) : ?>
<div class=”subheader”><?php echo esc_attr( str_replace( ‘-‘, ‘ ‘, get_post_field( ‘post_name’, get_the_ID() ) ) ) ; ?></div>
<?php endif; ?>
<h2 class=”jumbotron-title”><?php the_title(); ?></h2>
</div><!– .jumbotron-content –>
</div><!– .jumbotron-overlay –>
</div><!– .jumbotron –>
<?php endif; ?><?php if ( is_home() && ! is_paged() && get_theme_mod( ‘businesspress_enable_featured_slider’ ) ) : ?>
<div class=”featured-post”>
<?php
$featured = new WP_Query( array(
‘cat’ => get_theme_mod( ‘businesspress_featured_category’ ),
‘posts_per_page’ => get_theme_mod( ‘businesspress_featured_slider_number’, ‘4’ ),
‘no_found_rows’ => true,
‘ignore_sticky_posts’ => true
) );
if ( $featured->have_posts() ) :
while ( $featured->have_posts() ) : $featured->the_post();
get_template_part( ‘template-parts/content’, ‘featured’ );
endwhile;
endif;
wp_reset_postdata(); ?>
</div><!– .featured-post –>
<?php elseif ( is_home() && ! is_paged() && ! is_front_page() && ! get_post_meta( get_option( ‘page_for_posts’ ), ‘businesspress_hide_page_title’, true ) ) : ?>
<div class=”jumbotron”<?php businesspress_post_background( get_post_thumbnail_id( get_option( ‘page_for_posts’ ) ) ); ?>>
<div class=”jumbotron-overlay”>
<div class=”jumbotron-content”>
<?php if ( ! get_theme_mod( ‘businesspress_hide_subheader’ ) ) : ?>
<div class=”subheader”><?php echo esc_attr( str_replace( ‘-‘, ‘ ‘, get_post_field( ‘post_name’, get_option( ‘page_for_posts’ ) ) ) ); ?></div>
<?php endif; ?>
<h1 class=”jumbotron-title”><?php echo get_the_title( get_option( ‘page_for_posts’ ) ); ?></h1>
</div><!– .jumbotron-content –>
</div><!– .jumbotron-overlay –>
</div><!– .jumbotron –>
<?php endif; ?></header><!– #masthead –>
<div id=”content” class=”site-content”>
お返事が遅くなって申し訳ないです。
>子テーマの作成とテーマ変更は、知識不足と途中まで作りこみをしてしまったので可能であれば避けたいのですが、>phpなどに挿入・書き換えでは難しいでしょうか。
テーマを直接編集した場合には、テーマのアップロード(バージョンアップがあった場合)で上書きされてしまいます。
あと、php プログラムを管理画面から直接編集するのは、なんらかの記述間違いがあったときにエラーになって、サイトが表示されなくなったり、管理画面にもログインできなくなる可能性もあるので、おすすめできないです。お返事ありがとうございます。
>テーマを直接編集した場合には、テーマのアップロード(バージョンアップがあった場合)で上書きされてしまいます。
その様な事が起こるとは知りませんでした。
他にもいくつか直接編集した物があるので参考にさせて頂きます。
子テーマを作る方向で勉強しようかと思います。なるほど。
アップデートの時期や頻度はテーマによって異なるので、なんとも言えない部分もありますが。
テーマのカスタマイズの方針ということでしたら、小まめにバックアップを取っておくことをおすすめします。
そうすれば、なんらかのトラブルの際に戻ることできますので。
バックアップに関しては、以下のページなどを参考にしてみてください。
https://ja.wordpress.org/support/article/wordpress-backups/- この返信は3年、 6ヶ月前にYukinobu Asakawaが編集しました。
- トピック「ヘッダー画像のスライド」には新たに返信することはできません。