初心者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(ワードプレス)のサイトを他のサーバーへ移行する、とてつもなく簡単
【ページネーション】WP-PageNaviをアーカイブページで表示させる方法
こんにちは。 管理人です。 かなり前から問題だったんですが、記事一覧ページ、アーカイブページ(archive.php)で下のようなページネー
【WordPressプラグイン】カテゴリーにサムネイルを反映する「Taxonomy Thumbnail」使ってみた(タグ・カスタムタクソノミーにも使えるらしい)
どうも。当サイトとは別に収益性の高いサイトを作ろうと奮闘中の管理人「x」です(笑) 今回はカテゴリー一覧を表示させるときに、各カテゴリーごと
WordPressで開発環境を構築する方法
今回はWeb制作の現場では、どのようにWordPressの開発環境を構築しているのかをお伝えしようと思います。 すでに公開しているWordP
ウィジェットエリアを追加して表示する方法【WordPress】
こんにちは。 今回はワードプレスでウィジェットエリアを追加し、追加したウィジェットを表示する方法について紹介したいと思います。 それでは、い
旧ドメインから新ドメインに移行するときに注意したこと|wordpressの移行手順



コメントを残す

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