この記事では、基本テーマの1つであるTwenty Twelveテーマを簡単に変換する方法を見ていきます。そしてCSSの理解も少し必要です。 PHPファイルを修正し、CSSを介して要素の配置を調整する予定です。
（私はpage.phpを別の名前で保存してhomepage.phpという別々のテンプレートを作成することで作業しました。）わざわざデザインを適用しませんでした。すごく寂しいですね。ヘッダーに背景画像を置くと少し良くなりますか？必要に応じて、ヘッダー/メニュー/サイドバーなどを必要に応じて変更できます。この記事では、次のことを行いたいと思います。
- ヘッダーの下に新しいウィジェット（Widget）の領域を追加します。
- 新たに追加されたウィジェット領域にスライダーを配置して、スライダの効果を与えます。
- ヘッダの右側に新しいウィジェット領域を作成し、検索ボックスを追加します。
少し複雑に思えるかもしれませんが、原則だけを知ることは非常に簡単です。 WordPress Codexサイト（http：// codex。wordpress.org/）でユーザーウィジェットを追加する方法を確認します。まず、ヘッダー領域のすぐ下にウィジェット領域を追加する Themes（http://codex。wordpress.org / Widgetizing_Themes) ページにアクセスします。 このページで、下の図に示すXNUMXつのコードをそれぞれfunctions.phpファイルとheader.phpファイルまたはpage.phpファイルに追加すると、ウィジェット領域が作成されます。 もちろん、関数名とid名は適切に修正してください。
（私はHeader.phpのheaderが終わる場所のすぐ下に追加しました。）今、外観>ウィジェットエリアに行くと、今追加したユーザーウィジェットが追加されたことを確認できます。
これまで完了したら、目的のスライドショープラグインをインストールしてスライドを作成し、作成したウィジェット領域に追加するだけです。これでレイアウトが少し違うので、CSSを使用して修正する必要があります。私はMeta Sliderという無料のスライダープラグインをインストールしてテストとしてスライドショーを追加しました。有料スライダープラグインを使用すると、よりクールですか？
スライダーをヘッダーの下に配置したスクリーンショット。もう初めよりは単調さが少し減りましたね。ヘッダーの下に新しいウィジェット領域があるので、スライダーでなくても他のウィジェット（たとえば動画など）も追加可能です。今どうするか分かりますか？前述の作業を繰り返してください。http://codex。wordpress.org / Widgetizing_Themesページを参照して新しいウィジェットを1つ作成し、そのコードをfunctions.phpとheader.php（タグのすぐ上に直接追加した後、cssで位置を適切に調整します。これにより、外観>ウィジェットメニューに新しく追加したウィジェット領域が表示されます。 CSSを使って位置を調整すると仕上がります。修正された最終的な様子です。初めてより単調さが大幅に減りましたか？他のテーマでも同様の方法で変更すると、必要な部分にウィジェットを追加できます。
参照
