WordPress Sydney(シドニー) テーマのカスタマイズ・インストールからヘッダーエリアの設定まで(その1) | そう備忘録

WordPress Sydney(シドニー) テーマのカスタマイズ・インストールからヘッダーエリアの設定まで(その1)

souichirou

やった事を忘れない為の備忘録 同じような事をやりたい人の参考になればと思ってブログにしてます。 主にレゴ、AWS(Amazon Web Services)、WordPress、RaspberryPiに関するブログを書いています。 2019年7月にJDLA(一般社団法人 日本デイープラーニング協会)Deep Learning for GENERALに合格しました。 質問は記事一番下にあるコメントか質問フォーラムにお願いします。 このブログを見てサーバーの立ち上げ、ホームページの製作や運用などお仕事を依頼したいと思われた方はメニューの「問い合わせ」にお願いします。

おすすめ

12件のフィードバック

  1. りんか より:

    こんにちは!
    いつもありがとうございます:)
    わたしもシドニーを使っているのですが、
    投稿一覧のタイトルのフォント大きさの変更ってどうやってやるかわかりますか?
    調べても全く出てこなくて困ってます😿
    宜しくお願いします!

    • souichirou より:

      りんかさん
      おはようございます。
      確かにシドニーは投稿一覧のタイトルの文字が少し大きめですね。

      WordPressのメニューから外観ー>カスタマイズー>追加CSSで開いたCSS欄に、
      h2.title-post.entry-title {
      font-size: 24px;
      }
      を入れたら(自分の環境では)出来ました。
      ブラウザでGoogle Chromeを使っているようでしたら該当のページを開いてF12を押すとデバックモードに切り替わるのでそこでクラスの情報とかを見れますよ。
      https://www.souichi.club/wordpress/contactform7/
      にちょっとだけChromeのデバックモードの記事を書いていますので参考にしてください。

  2. ニシマオ より:

    質問失礼します!
    今Sydneyを使って、会社のホームぺージを作成しています。
    そこで、トップページは固定ページで作っておりヘッダーの種類は全画面スライダーにしています。
    その他のページもすべて固定ページで作成しているのですが、ヘッダーはスライダーは無しでメニューのみにしたいのですが、サイトヘッダーの種類をヘッダーなし(メニューのみ)にすると、メニューまで消えてしまいました。これはどうやって表示するかわかりますか?
    また、現在はサイトを非公開にして作業しているのですが、フロントページ以外のページでプレビューを押すたびにスライダーが表示されたりされなかったり不安定で、実際に公開した後どのようになるかわからず不安でいます。
    お忙しいところ恐縮ですが、教えていただけますと幸いです。

    • souichirou より:

      ニシマオさん こんにちは

      フロントページは「全画面スライダー」でフロントページ以外では「ヘッダーなし(メニューのみ)」にした時にフロントページのメニューが消えるという事でしょうか?
      全画面スライダーの時のメニューは最初は消えていますがスクロールをすると表示されます。
      また一番上にスクロールして暫く経つとメニューが消えますが、それの事でしょうか。

      ちなみに自分の環境で上記の設定をしたのですが期待通りの動きになりました。
      質問の意味を取り違えていたらすいません。
      また、ホームページ設定のホームページと投稿ページではどの様な設定をしていますか。

      あと、プレビューの時に不安定な動作をする時はSydneyのテーマに限らずですが時々経験しています。
      「ん!」と感じた時は再読込をするかキャッシュ、Cokkieを削除して様子を見ていますね。

      P.S.
      プレビューでの検証よりもWordPress上は公開してしまってBasic認証をかけて検証をした方が
      本番に近い状態になるかと思います。

      • ニシマオ より:

        ご返信ありがとうございます!
        メニューが消えたのはフロントページではなくその他の固定ページです。
        希望としてはフロントページは全画面スライダーを表示させて、その他の全てのページではメニューのみの表示にしたいと考えております。
        ヘッダーの種類の設定は以下の通りです。
         フロントページのヘッダー種類→全画面スライダー
         サイトヘッダーの種類→ヘッダーなし(メニューのみ)
        ホームページ設定は以下の通りです。
         ホームページの表示→固定ページ
         ホームページ→フロントページ(自作したフロントページ用固定ページです)
         投稿ページ→選択なし

        会社のホームページなので、newsの部分のみ投稿ページを利用することにして、その他のページは全て固定ページで作成したいと考えておりました。
        アドバイス頂けますと幸いです。何卒宜しくお願い致します。

        • souichirou より:

          ニシマオさん こんにちは
          メニューが消えたのは、その他の全てのページの方でしたか。
          質問を取り違えていたようで失礼しました。

          ただ、こちらの環境では指定した通りに表示されますね。
          その他のページでもメニューがきちんと表示されます。
          色々と設定を変えて試してみたのですが現象が再現できません。
          なお、Sydneyのバージョンは1.54(最新)です

          ちなみに外観ー>メニューでメニューに固定ページを追加する際に対象の固定ページが非公開だとメニューに追加が出来なかったので公開してメニューに追加しています。

          もし可能だったらですが別のクリーンな環境にWordPressとSydneyをインストールしてホーム用ともうひとつ固定ページを作成してシンプルな環境で同じ現象が再現するかどうか試してみたらいかがでしょうか。
          何か別の要因(どこか思わぬ設定を変えてしまった等)でメニューが表示されていないのかも知れません。

          • ニシマオ より:

            ご丁寧にご回答下さり感謝します。
            おっしゃる通り、何か別の要因かもしれませんね。試行錯誤してみます。
            ありがとうございました!

  3. ゆかこ より:

    シドニーでカスタマイズはじめました、こちらド素人です。スマホプレビューにすると、ハンバーガーメニューが、真ん中ですが、右端にする方法がわからず困っています、よろしくお願いいたします(。>дд<)

    • souichirou より:

      ゆかこさん

      コメントありがとうございます。
      シドニーのスマホ時のメニューの右寄せですが簡単には出来ないようですね。
      ただheader.phpとcssを編集すれば出来る様です。
      こちらにやりかたが載っていました。
      https://bit.ly/3btl76T

      リンク先の記事の内容を要約すると、
      1.header.phpを編集
        ※もし子テーマを使っているようならば親テーマからheader.phpをコピーしてそちらを修正してください
        変更箇所は

      となっている所を

      に変更します

      2.追加cssでcssを追加
      上記1.の修正を行うとハンバーガーメニュータップ時に表示されるメニューが右にズレるので
      外観ー>カスタマイズー>追加cssに

      を追加します。

      一応、右端に表示されました
      シドニー画面ショット

質問やコメントや励ましの言葉などを残す

メールアドレスが公開されることはありません。