Q&A
初歩的なことだったらすみません。
Wordpressはテーマをダウンロードして外観からカスタマイズしていけば、
cssをいじらなくても近いものはできる認識だったのですが、
https://gofreethemes.com/lz-food-recipee-wordpress-theme/
をダウンロードしてカスタマイズから編集しようとしても近づくことができず、
https://wp-themes.com/lz-food-recipee/
のようになってしまいます。
また、font-sizeも変更したいので、外観のテーマの編集から該当のcssの行を探しましたが、
行が短く見つかりません。
そもそもの認識を含め教えていただけますと幸いです。
よろしくお願いいたします。
回答1件
0
ベストアンサー
確認不足だったので回答を編集しています。差分は編集履歴を見てください。（2020/10/16追記）
1つ前の質問にもつながる部分かもしれませんが、https://gofreethemes.com/lz-food-recipee-wordpress-theme/のキャプチャのような状態（以下「見本」という）にしたくても通常のブログのような記事が連なったものになってしまうのが問題ということでしょうか。
試しに新規のWordPressに「LZ Food Recipee WordPress Theme 2020」を適用してみました。
確かにそのままだとhttps://wp-themes.com/lz-food-recipee/のような状態になりますね。
少しいじって、見本に近い状態までできたので手順を書いてみます。
前提
新規インストールのWordPress5.5.1
テーマ「LZ Food Recipee」バージョン: 0.2.3
※インストール時点で親テーマ「lzrestaurant」が自動でインストールされている
※pro版（有料）ではない
プラグイン なし
手順
１．トップページ用の固定ページを作ります。
タイトル、本文は見えなくなるので何でも構いません。
メニュー部分に表示されるタイトル、トップページ下部に表示される本文を入れてください。
文書のページ属性からテンプレートを「Custom Home」にして保存します。
設定-表示設定の「ホームページの表示」-「固定ページ」を選択し、「ホームページ」を先ほど作成した固定ページに設定して保存する。
投稿ページの方はそのままでOK。
２．外観-カスタマイズのTheme Settingsをいじっていきます。
わかりづらそうなところだけ書きますのでご了承を。
「Feature Products」
見本にはありませんが、スライダーとメニューの間の部分にちょっとしたお知らせのようなものが入れられます。
固定ページが選択できます。「Section Title」を入れないと表示されないので注意。
「Restaurant Menu」
トップページに一覧で表示させたい投稿のカテゴリーを選択します。
見本でいうRestaurant Menuの部分です。
各投稿にアイキャッチ画像がないとタイトル部分だけ表示されて見た目がおかしくなるので注意。
Section Titleはその名の通りこのセクションのタイトルです。
こちらも「Section Title」を入れないと一覧自体表示されないので注意。
「Social Icon Section」
リンクさせたいアドレスを入力するとグローバルメニューの部分にアイコンが表示されます。
「Slider Settings」
見本でいう「Bruschetta Bread...」の部分です。
事前に固定ページを作成しておき、Select Slide Image Pageでページを選択します。
最大4ページ。固定ページ側にアイキャッチ画像が設定されていないとレイアウトが崩れます。
Show / Hide sliderのチェックを入れると表示されます。
外すとスライダーは見えなくなりますがコンテンツがメニューに隠れるので注意。
この辺りの設定は稀にうまく保存されない（反映されない）時がありました。
わざと不要なページをスライドに登録-保存-不要なスライド削除-保存とかすると反映されるかもしれません。
また、外観-カスタマイズの内容（Theme Settings以外）は効く項目と効かない項目があります。
いろいろいじってみてください。
トップページ用のPHPを確認してみましたが、やはり「Restaurant Menu」の後にトップページ用固定ページの本文、そのあとはウィジェットの記述になっていました。
トップページにプライバシーやコンタクトが表示されている？という状態は確認できませんでした。
追記
Restaurant Menuと同じ一覧に表示させたい等あるかもしれませんがヒント程度に提示しておきます。
固定ページだけのリストを表示させる場合
外観→テーマエディタ→page-template→Custom Home 固定ページテンプレートの固定ページリストを表示させたいところに以下の記述
php
1<section id="restaurant_menu2"> 2 <div class="container"> 3 <div class="service-box"> 4 <div class="restaurant-title"> 5 <h3>TITLE</h3> 6 <img src="<?php echo esc_url(get_theme_mod('lzrestaurant_product_sec_border',get_template_directory_uri().'/assets/images/border.png')); ?>" alt="<?php esc_attr_e('Restaurant Menu Title Image','lz-food-recipee') ?>"> 7 </div> 8 <div class="row"> 9 <?php $page_query2 = new WP_Query(array( 10 'post_type' => 'page' , 11 'post__not_in' => array(2,6), //除外したいページのIDを入れれば一覧に表示されなくなる。ここではID2とID6のページを除外している 12 'posts_per_page' => -1 //上記で除外したページ以外すべて表示 13 ));?> 14 <?php while( $page_query2->have_posts() ) : $page_query2->the_post(); ?> 15 <div class="col-lg-3 col-md-3"> 16 <div class="service-img"> 17 <img src="<?php the_post_thumbnail_url('full'); ?>"/> 18 <h4><a href="<?php echo esc_url( get_permalink() );?>"><?php the_title(); ?></a></h4> 19 </div> 20 </div> 21 <?php endwhile; 22 wp_reset_postdata(); 23 ?> 24 </div> 25 </div> 26 <div class="clearfix"></div> 27 </div> 28</section>
外観→カスタマイズ→追加CSSに以下の記述
css
1#restaurant_menu2 { 2 padding: 3% 0; 3 text-align: center; 4}
これで、見本のRestaurant Menuと同じような形の固定ページリストが表示されると思います。
ただしテーマの更新があったときにカスタマイズした内容が消えてしまうかもしれないので、現在のテーマフォルダ「lz-food-recipee」をコピーしてフォルダ名とテーマ名を変更し、そちらをカスタマイズした方が良いかもしれません。
投稿2020/09/30 07:47
編集2020/10/19 01:58
総合スコア3235
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/10/04 10:21 編集
2020/10/04 23:43
2020/10/11 15:33
2020/10/12 02:14
2020/10/18 09:08
2020/10/19 01:55
2020/10/24 15:32
2020/10/27 01:14
2020/11/15 09:50
2020/12/05 13:26