初心者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で開発環境を構築する方法
今回はWeb制作の現場では、どのようにWordPressの開発環境を構築しているのかをお伝えしようと思います。 すでに公開しているWordP
サーバーを圧迫する画像を圧縮するプラグイン「Compress JPEG & PNG images」が神ってる件について
こんにちは。管理人です。 私のようなドケチな人にとっては、サーバー代やドメイン代でさえもったいないと感じます。 (そのせいでアドセンスの認証
Breadcrumb NavXTでカテゴリーのURLに「?post_type=○○○○」が付く問題の対策
こんにちは。管理人です。 今回は、Wordpress管理者ご用達のパンくずリストプラグイン「Breadcrumb NavXT」を使った時にカ
【ページネーション】WP-PageNaviをアーカイブページで表示させる方法
こんにちは。 管理人です。 かなり前から問題だったんですが、記事一覧ページ、アーカイブページ(archive.php)で下のようなページネー
旧ドメインから新ドメインに移行するときに注意したこと|wordpressの移行手順
特定のユーザーでログインすると特定のテーマで表示されるプラグインをAIに作ってもらった
近頃、Chat GPT なるものが話題ですが、私もChat AI 的なサブスクリプションサービスを契約してみました。 お題目にもある通り、そ



コメントを残す

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