[ 解決済 ] トップ以外の固定ページでスライドショーを設置したい
[ 解決済 ] トップ以外の固定ページでスライドショーを設置したい
タグ: スライドショー
-
投稿者投稿
-
2020年1月9日 8:26 PM #29904
いつもお世話になりありがとうございます。
トップページ以外の固定ページで、トップページと全く同じ様にトップ画像を100%にし、スライドショーとして表示させるにはどうすれば良いのでしょうか?
英語ページを作成したいと思っていますので、トップページが日本語、英語と全く同じデザインで必要となり質問させて頂きました。
どうぞよろしくお願い致します。2020年1月9日 10:35 PM #29921
Vektor,Incキーマスタースライドの内容は英語と日本語で違いますよね…?
同じであれば下記の方法で出来ますが、違うスライドの場合は別途他の開発者のスライド系プラグインを入れる事になります。2020年1月10日 7:10 AM #29948
DRILL LANCERモデレーター2020年1月10日 11:37 AM #29965
Vektor,Incキーマスター固定ページにはページヘッダーとパンくずリストがもれなくついて来るので最低でも専用の固定ページテンプレートを作る必要がありそうです。
固定ページの編集画面でランディングページテンプレートを使えばパンくずなど表示されないので、手動でテンプレートファイルはつくらなくてもいけるとは思います。
ただ、スライドショーが今は一つしか作れないので、そこは複数対応出来るようにバージョンアップしなくてはとは考えています。
Lightning には 英語版サイト と 日本語版サイト の両方がありますが、どのように作りましたか?
Lightningの公式サイトはマルチサイトにして Multi Language Switcher という多言語サイト制作用プラグインを使っています。
2020年1月10日 3:02 PM #299892020年1月10日 3:06 PM #29992DRILL LANCERさん、
回答ありがとうございます。それも考えています・・・
急がば回れ・・・ですかね。。。。英語ページは1ページだけで良いんですよね・・・・
2020年1月10日 3:43 PM #30001
Vektor,Incキーマスターあぁ、スライド同じで良くてページだけならマルチサイトにしなくて良いと思います。
少し書けば出来ますよ。
しばしお待ちください。2020年1月10日 3:55 PM #30006
Vektor,Incキーマスターおや、今試した所特にCSS書かなくても、
0. Lightning Advanced Slider を有効化
1. 固定ページのページ属性で「Landing Page」テンプレートを選択
2. 該当のページを表示している状態で上部管理バーの「カスタマイズ」をクリック
3. ウィジェット -> LP ウィジェット “★ページ名” にテキストウィジェットを配置して[lightning_slide]
でいけると思いますが如何でしょう?
2020年1月10日 4:13 PM #30008ありがとうございます。
スライドショーはこの方法で問題なく表示されます。しかし、ブラウザに対して横幅が100%表示にならないのです。
画像が1200px幅の中で表示され、横のスクロールバーが出ています。トップページはブラウザに対して横幅100%で表示されています。
トップページと同じように横幅100%になりませんでしょうか?
スライドショーが出来なかったとしても、横幅100%で表示したいです。ちなみに、「Landing Page」テンプレートでは、ページヘッダーとパンくずリストは表示されません。
2020年1月10日 8:35 PM #30027
DRILL LANCERモデレーター私だったら下記のように専用のテンプレートを作ってそれを適用します。
- page-lp.php を子テーマにコピー後、page-english.php にリネーム
- page-english.php を以下のように編集
編集前
<?php /* * Template Name: Landing Page */ get_header(); ?> <div class="<?php lightning_the_class_name( 'siteContent' ); ?>">
編集後
<?php /* * Template Name: English Landing Page */ get_header(); ?> <?php echo do_shortcode( '[lightning_slide]' ); ?> <div class="<?php lightning_the_class_name( 'siteContent' ); ?>">
P.S.
他に修正すべき点が出てくるかもしれませんが、LP用ウィジェットを使用しないのなら問題なく使用できるでしょう。P.P.S.
相手方は英語サイトは1ページだけ作らせておいて後は日本語版を見様見真似で作るという腹積もりかもしれないのでそのあたりはよく確認しておいたほうかもしれません。(その場合はマルチサイトが必須になると思います。)Lightning ( Pro ) はトップページは色々設定できますが、その他のページは記事とサイドバー以外に自由度がないのでそういった可能性は個人的には否定できません。
2020年1月10日 8:51 PM #30028DRILL LANCERさん、ありがとうございます。
編集ポイントその1は見つかりましたが、
編集ポイントその2の編集前が、page-lp.phpの中から検索をかけても出てきません・・・
ご教示いただけますと幸いです。どうぞよろしくお願い致します。
2020年1月10日 8:54 PM #30029
DRILL LANCERモデレーターすみません、色々と編集してました。最新のコードを参考にしてください。
Lightning Pro 3.0.X から引っ張ってきたコードなので、Lightning Pro 2.X.X 以下だと見つからないと思います。2020年1月10日 9:19 PM #30031
DRILL LANCERモデレーターLightning Pro 3.0.3 ベースの専用のテンプレートを作ってみました。
専用のウィジェットを使用したい場合は下記コードを子テーマの functions.php に追記してください。/*-------------------------------------------*/ /* WidgetArea initiate /*-------------------------------------------*/ function lightning_child_widgets_init() { // LP widget area $args = array( 'post_type' => 'page', 'post_status' => 'publish,private,draft', 'posts_per_page' => -1, 'meta_key' => '_wp_page_template', 'meta_value' => 'page-lp-english.php', ); $posts = get_posts( $args ); if ( $posts ) { foreach ( $posts as $key => $post ) { register_sidebar( array( /* Translators: %s: LP title */ 'name' => sprintf( __( 'LP widget "%s"', 'lightning-pro' ), esc_html( $post->post_title ) ), 'id' => 'lp-widget-' . $post->ID, 'before_widget' => '<div class="widget %2$s" id="%1$s">', 'after_widget' => '</div>', 'before_title' => '<h2 class="mainSection-title">', 'after_title' => '</h2>', ) ); } } wp_reset_postdata(); } add_action( 'widgets_init', 'lightning_child_widgets_init', 200 );
Attachments:
You must be logged in to view attached files.2020年1月10日 9:56 PM #30033
Vektor,Incキーマスターおや、いや、ん?
おかしいですね、僕の環境だとカスタマイズ無しで問題なく出来ているので…
デザインスキンは何ですか?
ブラウザは何で確認していますか?ご希望の状態は添付の画像の状態と違いますか?
https://demo.dev3.biz/lightning-pro/lp-sample/
-
この返信は4年、 8ヶ月前に
Vektor,Incが編集しました。
-
この返信は4年、 8ヶ月前に
Vektor,Incが編集しました。
-
この返信は4年、 8ヶ月前に
Vektor,Incが編集しました。
-
この返信は4年、 8ヶ月前に
Vektor,Incが編集しました。
Attachments:
You must be logged in to view attached files.2020年1月11日 7:00 AM #30056
DRILL LANCERモデレーターLightning ( Pro ) では下記コードが無いためかウィジェットでショートコードはデフォルトでは使えないようです。
add_filter('widget_text', 'do_shortcode' );
私の環境では上記コードを functions.php に追加したあとで カスタム HTML ウィジェット にショートコードを追加するだけで見た目は整いました。
スキンは II シリーズならどれでもOKなようでした。P.S.
編集の前後で有耶無耶になってしまいましたが、トピ主は
<div class="<?php lightning_the_class_name( 'siteContent' ); ?>">
が見当たらないと発言しているので少なくとも Lightning Pro 2.X.X 以下を使っている可能性がありそうです。 -
投稿者投稿
- このトピックに返信するにはログインが必要です。
- トピックタグ
- スライドショー