初心者webデザイナー・コーダーのための備忘録|Tech Stock 【テックストック】

Switch language

当Webサイトのコンテンツ内にはアフィリエイト広告、Googleアドセンス広告が含まれます。
広告主によって不適切な広告が表示されていることに気付いた方は、お手数でございますが該当の広告の「×」を押していただき、「この広告の表示を停止」し所定の流れに従ってください。

【WordPress】「外観」に「ウィジェット」の項目が表示されないときの対処法

> WordPress

とりあえず後述のソースを functions.php に追記すれば出てきた。

<?php と ?>は必要に応じて消していただいて構わない。

下記ソースはこちらのサイトを参考にさせていただいた。

http://kawatama.net/web/1278



<?php
if ( function_exists( 'register_sidebar' ) ) {
register_sidebar( array(
'name' => 'ウィジェットエリア01',
'id' => 'widget_area01',
'before_widget' => '<div class=”widget”>',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'
) );
}
?>



ウィジェットエリアを追加する場合

無事ウィジェットの項目が表示されていれば幸いだ。

晴れてウィジェットの項目が外観の中に表示されたのであれば、次はウィジェットエリアの追加方法を学ぼう。


============== 2018/12/23 追記 ==============

さて、冒頭で紹介したソースを記述することで、管理画面には、「外観」→「ウィジェット」が追加されていると思うが、実は、先のソースはウィジェットエリアを追加するためのソースだった。

管理人の知識が少なかったため当記事を書いた当時は「ウィジェット」がそもそも表示されていなかった問題をどうにか解決するためにGoogleでいろいろと調べていましたが、であった記事がウィジェットエリアを追加する記事でした。


そうとは気づかずコピペしたら管理画面に「ウィジェット」が追加されていたので大喜びしてしまった。。。

結果的には成功なのだが伝え方を間違えてしまった。

申し訳ない。。。


下記記事ではウィジェットエリアを追加する詳しい方法と、出力されるタグをカスタマイズする方法が書かれているのでよろしければ参照してほしい。

============== 2018/12/23 追記 終わり ==============


こちらの記事でも述べたが、下記のソースを functions.php にコピペすればウィジェットエリアを追加することができる。

なお、「<?php」、「?>」は、function.phpにすでに記述されているのであれば省略してコピペしていただきたい。



<?php
if ( function_exists( 'register_sidebar' ) ) {
register_sidebar( array(
'name' => 'ウィジェットエリア01',
'id' => 'widget_area01',
'before_widget' => '<div class=”widget”>',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'
) );
}
?>



このソースの、

register_sidebar は、そのままでよい。

‘name’ => ‘ウィジェットエリア01’, の部分は右の「ウィジェットエリア01」の部分を自由に変えてよい。

‘id’ => ‘widget_area01’, の「widget_area01」は、このウィジェットエリアを呼び出すときに使うので、各々唯一のidに書き換えなければいけない。

‘before_widget’ => ‘<div class=”widget”>’, と ’after_widget’ => ‘</div>’, はこのウィジェットエリアの大枠を囲むタグを設定できる。

‘before_title’ => ‘<h3>’, と ’after_title’ => ‘</h3>’ はこのウィジェットエリアのタイトルの部分を囲むタグを設定できる。

下記記事で各行の解説を少し詳しめにしているので参考にしていただければ幸いだ。

詳しくは上記記事に任せるとして、一応、この記述をWordpressの functions.php に記述することでウィジェットエリアを新たに追加することができる。

この記事を読んでくれたあなたの役に立てば幸いだ。


関連記事

【wordpressのサーバー移行はこれ一択!】「All-in-One WP Migration」で一発サーバー移行!サーバー移行に苦しむすべてのエンジニアへ。
こんにちは。管理人です。 今回は私も仕事でかなり苦しんだWordPress(ワードプレス)のサイトを他のサーバーへ移行する、とてつもなく簡単
旧ドメインから新ドメインに移行するときに注意したこと|wordpressの移行手順
ついに独自ドメイン取得しました!! こんにちは、こんばんは、テックストック(TechStock)管理人です。 昨日 2019年3月7日 に、
Smart Custom Fields愛用者が常用する全カスタムフィールド出力方法
私の仕事柄、WordPressでサイトを1からカスタマイズして作ったりリニューアルのメンテナンスやカスタマイズ仕直しの業務が多々あり、毎回非
【WordPress】必ず入れるプラグインと設定【随時更新】
こんにちは。TechStock管理人です。 今回は、Wordpressでwebサイトを作る際に必ずと言っていいほど導入する、プラグインを紹介
特定のユーザーでログインすると特定のテーマで表示されるプラグインをAIに作ってもらった
近頃、Chat GPT なるものが話題ですが、私もChat AI 的なサブスクリプションサービスを契約してみました。 お題目にもある通り、そ
【WordPress】ネットいらず?!ローカルでワードプレスを動かしてオリジナルテーマをカスタマイズする方法
XAMPとかMAMP以外にWordPressをローカル環境でカスタマイズできたらいいのになぁーと思って何となく検索してみたら余裕で見つかった



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です