WordPress のウィジェット。 WordPressのウィジェット作成

ゴロヴナ / ナラシュトゥヴァンニャ

WPBeginner.com の子供たちは、WordPress ブログ用に 25 個の青いウィジェットのカスタム コレクションを作成しました。 次の読者であるあなたにリストを提供するために、私はそれを埋めたり、言い換えたりしませんでした.

WordPress インストールをロックする背後で、「ネイティブ」ウィジェットがリストの残りのエントリを表示しますが、ほとんど考慮されません。 サムネイル付きの最近の投稿ウィジェット- Vіdminniy vidzhet: 残りのレコードをプレビューで一度に見ることができます。 プラグインを呼び出して、投稿前に画像のプレビューを表示します。 ミニチュアと並べ替えの幅と高さを指定することもできます。 Vіnは残りのレコードとして表示できるため、最も人気がありvipadkovіです。

ウィジェットを使用すると、特定の見出しからレコードを表示できます。 フロントウィジェットと同様に、リストを入力するか、サムネイルを追加するだけです。 指定したページやカテゴリーにワインが表示されないようにプラグインを設定することもできます。

これは、サイドバーにソーシャル メディアのアイコンを追加するための、最もシンプルで美しいプラグインだと思います。 ソーシャルネットワークを追加または表示する可能性、およびスクリーンショットの見方、それらがたくさんあり、プロファイルを表示します。 ウィジェットの背景とフォントを編集することもできます。


設定が簡単なシンプルなウィジェットで、マウスを 1 回クリックするだけで座標などを入力できます。 Vіdmіnnopіdіydevіdіydevіdіdevіztkamiとサイトorganіzatsіy、yakіvykoristovuyut WordPress。


あなたは人気のサイトに一人で歌いました。 このウィジェットは、前払い者の数に関する情報を入力するのに役立ちます 社会対策 1ブロックで。


このウィジェットを使用すると、ファイルを掘り下げて HTML コードを編集する必要がなくなります。 今、あなたの写真を追加したり、写真を追加したりするには、1 つのウィジェットで十分です。 また、ウィジェットは、標準の WordPress アップデーターの破損時間や容赦の問題を解消します。 理解、新しいものの助けを借りて、画像から順にテキストの順序を編集できます。


標準の Wordpess カテゴリ ウィジェットでは、カテゴリをグループ化することはできません。 このウィジェットの助けを借りて、すべてが非常にシンプルになります-カテゴリ、サブカテゴリ、すべてが見出しに分割され、階層を任意の方法で変更できるようになりました.


WordPress の標準機能を制御できない人のための別のウィジェット。 デフォルトのカレンダー ウィジェットは、長期的なリストの横に表示されます。これは、多くのスペースとサイトのステータスの 3 倍を占有します。 圧縮アーカイブはこの問題を解決し、先月の記録をコンパクトな形式で表示できるようにします。


サイトに多くの著者がいる人のためのVіdmіnneソリューション。 おそらく、あなたが最も多作な著者をめぐる競争を支配したので、記録を一人で読む必要がある人は問題ではありません. このウィジェットを使用すると、作成者のリストを表示できます。 アバターの表示、エントリ数を設定し、RSS フィードにメッセージを追加できます。 すべてが機能的です。


YouTube チャンネルの残りの動画を表示するためのウィジェットを表示します。 見るとさらに美しく、コンパクトでシカボに見えます。


WordPress 購読フォームを作成するためのプラグイン。 プラグインには、サイドバー用とスキン レコードの最後にフォームを表示するための 2 つのウィジェットがあります。 プラグインはもう少し微調整できます。 ウィジェットを他のグループの特派員、異なる側、カテゴリにも表示するように設定できます。


認可メニューの受付画面を表示するウィジェットです。 認証、登録、パスワードをお忘れですか? -usіtsіは足袋でpodіlenіを指しています。 あなたは新鮮で美しく見えます。

WordPress ウィジェットは、サイトを改善するために使用されるため、CMS 要素に組み込まれています。 WordPress の標準セットには一連のウィジェットが含まれているため、簡単に微調整してカスタマイズできます。 ウィジェットのエリア、ウィジェットを設置できる場所は、サイトでアクティブ化されたテーマによって設定されます。

この記事では、プラグイン、ウィジェットの可能性を改善および拡張する方法、および追加機能、ウィジェット領域を操作する方法について説明します。

SiteOrigin ウィジェット バンドル

WordPress の標準セットに青いウィジェットのセットを追加する、完全に無料のプラグインです。 非人格的な gnuchki nalashtuvan のウィジェットからの革と無数の配色。

あなたが見ることができる新しいウィジェットの中で:

  • カルティ。
  • お問い合わせフォーム。
  • 提案。
  • 滑る。
  • そしてもっとたくさん。

ウーサイドバー

メンタルロジックに基づいて動作するプラグイン。 静かな側とレコードに一連のウィジェットを表示する設定を入力できます。 おしゃべり 簡単な言葉で、メイン ページに 1 つの WordPress ウィジェットを表示し、サイド ポストにもう 1 つの WordPress ウィジェットを表示できます。

Relevanssi

なぜこのプラグインがウィジェットに関する記事に含まれているのか疑問に思いました。 Prote、すべてが簡単です - 私は冗談のために追加のウィジェットを作成しています。 そして、このプラグインについてすでに知っている人は、このフォームが WordPress で導入されたものよりもはるかに優れていることを知っています. サイトをうまく改善したい場合、これは良いオプションです。

このプラグインについて説明しました。 プラグインも完全に無料です。

忍者フォーム

お問い合わせフォーム全体を表示したい場合は、白い列に配置する必要があります。 ただし、WordPress にはそのようなウィジェットはありません。 Plugin Ninja Forms は、フォームから追加のウィジェットを作成します zvorotny zv'azku. さらに、フォームを改善できる非個人的な追加機能が存在する可能性があります。

最近の投稿ウィジェットの拡張

ビーチ列の近くにある残りの公開レコードのリストを表示するための最も人気のあるプラグイン。 最近公開された投稿をサムネイル、フロント ページ、公開日とともにサイドバーに表示できます。必要に応じてブロックをシャープにすることができるため、非個人的である可能性があります。

WordPress 人気の投稿

このプラグインは、人気のあるビデオ録画を表示するウィジェットを作成します。 サムネイルやビデオカードの表示が可能で、投稿日の範囲やカテゴリーの選択も可能です。 このようにして、1 つのサイドバーにさまざまな見出しの人気記事を含む一連のウィジェットを作成できます。

さらに、トレーニングを通過しないで、通過します。

恩赦を知っているなら、それを見てキーを押した Shift+Enterそれ以外の場合は、当社に通知します。

こんにちは、みんな! 私の若者には新しい友達がいます - オートバイです! 現在、私は一日のほとんどをヨガの会社で過ごし、家に座ってブログを書いています。 新しい趣味もできましたが、それ以外のことについて:)

今日は、WordPress ブログのウィジェットについてお話します。 テンプレートに既にインストールされている機能を分析してみましょう 標準ウィジェット、新しい機能を追加するためのプラグインをいくつか作成しましょう。 また、WordPress テーマに毎日のウィジェット ブロックを追加する方法も知っています。

WordPress ブログにウィジェットを追加する方法

すでにインストールされているテンプレートにあるように、WordPress のウィジェットを見てみましょう。 それらを気にするバージョンでは、その数と名前に挑戦できます。 また、スキン テンプレートには、ウィジェットを追加するための独自の領域 (フッターまたはホワイト パネル) があります。

Twenty Thirteen テーマの Axis 利用可能なウィジェット (コンソール – 星空- ウィジェット):


バカイトのように、WordPress ウィジェットを追加するには、メイン (サイトの下部 - フッター) とアドオン (フロント コラム) の 2 つの領域を並べて転送します。

Vіdpovіdno、メインエリアまたは追加エリアで適切なオプションをドラッグする必要があります。

ウィジェットを追加する前の軸は、このブログのようになります。


サイドバーにもフッターにも何もありません。

たとえば、いくつかのウィジェットを別のパネルに転送してみましょう。


スキンオプションには、サイトで見られるタイトルを入力し、可能であれば独自の設定を追加します(たとえば、「最近のエントリ」の「エントリの日付を表示する」ボックスをチェックします)。 変更後、機能のスキンウィンドウの下にある「保存」ボタンを押します。

私たちのブログはウィジェットによってどのように変化したのでしょうか。


右側にはカレンダーとマークのかすみが登場し、サイト3の地下にはオプションを追加しました。

WordPress ブログにウィジェットを追加する方法がわかったので、レポートのこれらの関数のスキンを見てみましょう。

WordPressのテンプレートウィジェットの機能

Yoga をインストールすると、次の WordPress ウィジェットが利用できるようになります。



したがって、たとえば、サイドバーにサブスクライバーのサブスクリプション ブロックを追加する必要があります。 これらの要素のhtmlコードを設定の「テキスト」ウィジェットに追加することで、それらを入力できます。

軸、たとえば、Rambler ドライバーのコード:

І サイドバーのビジュアライゼーションの軸:

同じ原則に従って、たとえば、別のリッチニックを追加したり、他の要素にすることができます。

アクティブな WordPress ウィジェット プラグイン

口ひげ 追加機能追加のプラグインをサイトに追加するか、ファイル要素のコードをテンプレートに書き込む必要があります。

ウィジェット用の多くの WordPress プラグインと、追加のコードを追加するためのオプションについては、すでに見てきました。

それらのいくつかを推測しましょう。

私は遠くにいる 新訳ブログにインストールできるウィジェット。

ただし、さまざまなスマート機能を追加することに加えて、必要なオプションでサイトを圧倒しないように、この追加の varto は保護する必要があります。 Tse mozhe zashkoditi shvidkostіyogo roboti。 さらに、WordPress のすべてのウィジェットが必要なわけではありません。 最も必要なものだけをインストールするように注意し、ブログに嫌がらせをしないでください。

ウィジェットの新しいブロックを追加するには?

それでは、ウィジェットの追加ブロックを作成する方法、テンプレートを転送しない方法を見てみましょう。 たとえば、あなたの ワードプレスのテーマフッターなど、ウィジェットを追加するための領域は 1 つだけです。 そして、サイドバーに別の追加を表示したい場合。

もう1つのブロックを追加する必要がある人のために。 そして、次のコードを functions.php ファイルに追加することでそれを行うことができます:

if (function_exists("register_sidebar")) register_sidebar(array("name" => "Sidebar", "before_widget" => "", "after_widget" => "", "before_title" => "

", "after_title" => "
",));

ウィジェットがサイドバーのビューポートに表示されるようにするには、sidebar.php ビューポート ファイルに移動し、次の行を新しいファイルに追加する必要があります。

WordPress ウィジェットを新しいエリアに追加できるようになりました。 以下のビデオは、ヘルプ プラグインのカスタム エリアを追加する方法を示しています。

WordPress のウィジェットに関するすべて: 青いウィジェット、インストール手順、説明、説明などをご覧ください。

その結果、リソースが年のように明確に機能するためには、数を最小限に抑えるだけでなく、ルートに配置する必要があります。 さらに、管理またはサイトですべてが問題なく動作する場合、それは問題がないという意味ではありません。 これらについては、error_log で確認できます。

このファイルは事実上すべてのホスティングに存在し、FTP 経由で手動で調べることはできません。 Error Log Monitor プラグインを使用すると、WordPress の容赦ログで状況を修正できます。

WordPress 4.8 システムの次期リリース (8 ワームの計画) など、主な機能を見てみましょう。 これは、小売業者が私たちのために準備している cicavo のようにそれを持ち出すために、この運命の最初の真剣な更新です. 以前の更新は大規模であまり価値のないもので行われます。

しかし、WP 4.8 の機能のリストを見ると、底流を非難する人がいます。 一方では、まず、編集者向けのチップの派閥の計画がありますが、他方では、m'yako のように見える変更があまりリッチではないことを明確にしていません。

一部の小売業者にとって明らかなタスクの 1 つを見てみましょう。 Buvaє、サイトでは一度に2つのメニューを表示する必要があること、相互に関連している場合はyak:1つは1行目の水平方向に上にあり、もう1つは2行目のサイドバーにあります。 さらに、ライブラリには、メインメニュー要素が選択されているサブアイテムよりも少ないものがあります。 たとえば、サイトのヘッダーに国のリストがあり、サイドバーにイタリアがある場合、イタリアの都市のリストのみが表示されます。

一部のサイトでは、サイドバーに vipadical の引用を表示する機能を表示できます。 追加ページの類似要素 任意の情報ただし、明らかに、ワインはすべてのトピックに適しているわけではありません。 たとえば、男性は特定のコンテキストで表示されるように便利に選択されますが、創造的または科学的なプロジェクトがある場合は、有名人からの引用でvipadkovіメモを作成できます。 または、たとえば、自己啓発に関するサイトの場合、動機付けのフレーズを投稿します フォーンオーバー. ユーモラスな Web サイトにちょっとしたジョークを追加することもできます。

最近、ロッカーに何らかの HTML コードを追加する必要があったので、メッセージが挿入され、フッターに画像が表示されました。 為に ビジュアルエディターシステム (基本的なもの) はそのような問題を引き起こしませんが、ショートカットの背後にあるウィジェットにはそのような機能がありません。 「テキスト」タイプのオブジェクトを使用すると、書式設定や HTML コードを使用せずに特別なコンテンツのみを配置できます。 ではなく、新しい編集者のために残してください 基本を知るレイアウト、おそらくさらに折り畳み作業。 幸いなことに、Black Studio TinyMCE Widget プラグインをダウンロードできます。

伝統に従って、新しいロックの穂軸で、私はブログの最高のメモの公開でフロントのバッグを押しています. 同様の投稿があり、今日は 2014 年の最も人気のある WordPress 記事を共有します。原則として、多くの暗い資料がありましたが、WordPress の破片 - トピック自体は素晴らしいです。 ここでは、特にロボットに関する CMS データを定期的に追跡している場合、既知のことをいつでも知ることができます。 残念ながら、結婚後、私は 1 日に 1 件しか投稿しません。 私は屈服するつもりです

サイトを作成するために WordPress をハッキングしたことがあるかのように、この奇跡のシステムの機能を拡張するように、歌い、ハッキングし、プラグインします。 プラグインは、WordPress をより柔軟にし、ブログだけでなく Web サイトを作成するための補助的なツールです。

ギャラリー、お問い合わせフォーム、またはプラグインが必要な場合は、エンチャントして勝つことができます。 Ale іnodi middle іsnuyuchih plaginіv nemаєvіdpovіdnogo。 この記事には、独自のウィジェットを WordPress に追加する非常に小さなプラグインがあります。

プラグインヘッドファイル

WordPress はプラグインを自動的に認識し、フォルダ内に展開します wp-コンテンツ/プラグイン. 新しいプラグインを作成するには、作成する必要があります 新しいフォルダこのディレクトリで。 Im'yatsієїサブフォルダーは、プラグインのフォルダーim'yamと同じか、名前を付けることができます。 textwidget や shoppingcart などのワイド ワードを一意にするようにしてください。 これらの名前はすでに使用されている可能性があり、プラグインを参照することを選択した場合、問題を報告できる可能性があります ホットアクセス(記事の名前について報告します)。 お尻用のフォルダーを作成しましょう php_examplewidget.

WordPress はコメントで利用可能なプラグインを認識します PHPファイルプラグイン。 この解説では、プラグインに関する基本的な情報 (プラグインの認識、作成者の名前、ライセンス情報など) を収集します。 この情報は、システムがプラグインを識別するのに役立ちます。 パパで作ろう php_examplewidgetファイル widget_init.php今後のzmistで:

これは、WordPress プラグインの最小言語要件です。 次に、WordPress のプラグイン側に移動し、認識プラグインを有効にする準備ができていることを確認します。

コメントに書いたように、すべての情報がここに表示されます。 プラグインはすでにアクティブ化されているか、新しいトローチ機能に追加されています。

私が作成したファイルは、プラグインの開始点です。 コメントの後に変更されたコードは、自動的に表示されます。

WordPress のウィジェット

WordPressにはクラスがあります WP_ウィジェット 、ウィジェット API へのアクセスを提供します。 このクラスを削除すると、テーマをサポートするサイドバーでウィジェットを使用できるようになります。 WordPress キットには、「Fresh Posts」や「Archive」などの重要なウィジェットがすでにありますが、悪臭も低下しています。 WP_ウィジェット .

クラス WP_ウィジェット methodiに復讐するために、yakіはbuti perevantazhenіを負っています:

  • __construct()- Batkiv コンストラクターを呼び出し、ウィジェットを初期化します。
  • 形()— ウィジェットをカスタマイズするためのフォームを表示します。
  • アップデート()— 管理者がフォームで指定したウィジェット設定を更新します。
  • ウィジェット()- サイトにプラグインを表示する。

コンストラクタ

コンストラクターは、あなたが書くほど静かなものは気にしません。 Golovna、目的に必要なもの - ウィジェットの ID、ウィジェットの名前 (これらの名前はウィジェットの横に表示されます)、およびその他の詳細を含む配列の 3 つの引数を受け入れるクリック可能な Batkivsky コンストラクターウィジェットの "説明"):

"WP プラグインの仕組みを表示するシンプルなウィジェット"); )

次に、ウィジェットを登録する必要があります。 誰のための機能か register_widget() たとえば、引数として、ウィジェットのクラスを受け入れます。 この関数は、歌の時間に viklikana になる可能性があるため、システムに勝つ必要があります。 必要なフックは 「widgets_init」. ウィジェットの登録をフックにリンクするには、関数を使用します add_action() 最初の引数はフックの名前で、もう 1 つは vikonati を必要とする関数の名前です (別の引数は行または zamikannya にすることができます)。 このコードは、ファイルのコメントの後に変更できます widget_init.php:

Add_action("widgets_init", function() ( register_widget("TextWidget"); ));

これで、プラグインに登録と初期化がある場合は、サード パーティのウィジェットでそれを宣伝できます。

form() メソッド

ウィジェット kakiy mirobimo は、サイトの横に表示するタイトルと 3 つのテキストを入力する機能を提供します。 したがって、これらの値を入力するためのフォームを作成する必要があります。 方法 形() ウィジェットの横にウィジェットの設定を表示する vikoristovuetsya。 メソッドには 1 つの引数があります - $インスタンス - ウィジェットに接続された変更の配列。 フォームがサーバーに送信されると、メソッドが呼び出されます アップデート() 配列を変更できます $インスタンス . あと、方法 ウィジェット() ウィジェットを表示するために、この配列を使用します。

Public function form($instance) ( $title = ""; $text = ""; // インスタンスが空でない場合、値はリモート if (!empty($instance)) ( $title = $instance[" title"]) ; $text = $instance["text"]; ) $tableId = $this->get_field_id("title"); $tableName = $this->get_field_name("タイトル"); エコー "
";エコー"
$textId = $this->get_field_id("テキスト"); $textName = $this->get_field_name("テキスト"); エコー "
";エコー" "; }

方法論 get_field_id() і get_field_name() クラス WP_ウィジェット プラグインのフィールドに一意の名前と識別子を作成するのは悪いことです。 Vykoristannyatsikh metodіvはuniqnut konflіktіvを許可します。

ウィジェットの側面のウィジェットからの華麗な外観:

バトキフスキー要素

、ボタン「表示」、「閉じる」、「保存」WrodPressは自動的に生成され、私たちの生活を大幅に簡素化します。 このフォームは、入力された値をサーバーに送信し、 update() メソッドを呼び出して保存できるようにしました。

update() メソッド

この方法により、引用する前に転送された値を修正および変換することができます。 ですから、私たちは古い価値観を超えて決断を下す能力を持っています。 update() メソッドは、サイトにウィジェットを表示するためにリバース エンジニアリングを選択すると、変更可能な配列をローテーションする役割を果たします。 WordPress は、新しい値の配列と元の値の配列の 2 つの引数を渡します。

公開関数 update($newInstance, $oldInstance) ( $values = array(); $values["title"] = htmlentities($newInstance["title"]); $values["text"] = htmlentities($ newInstance["text"]); $values を返します。

WordPress はそれ自体で価値を保存します。無理をすることはできません。

widget() メソッド

この方法は、サイトのサイドバーからウィジェットを直接表示する場合に有利です。 メソッドには 2 つの引数があります。 $args-ウィジェットへの引数(配列、ウィジェットに関する情報でデュースに復讐するもの)、 $インスタンス- 変更ウィジェットに関連付けられた項目の配列。 私たちの好みに $args関係ない。

Public function widget($args, $instance) ( $title = $instance["title"]; $text = $instance["text"]; echo "

$タイトル

"; エコー ""; )

その結果、ウィジェットの残りのビューを取得します。

準備! このシンプルなプラグインを使用すると、追加のウィジェット用にサイトにシンプルなテキストを表示できます.

© 2022 androidas.ru - Androidに関するすべて