WordPress Newspaper テーマを読む進行状況バーショートコードを追加

人気ニュース、マガジン、ブログ WordPress テーマである Newspaper テーマが最近更新されました 読み取り時間 ショートコードと 読み取り進行状況バー ショートコードが追加されました。 これらXNUMXつの要素は、Single Post Cloud(シングルポストクラウド)テンプレートで利用できます。

ほとんどのテーマでは、読み進行状況バー機能は提供されていませんが、以下に紹介するプラグインを使用して簡単に実装できます。

WordPressに読み取り進行状況バーを追加する方法

海外のブログ記事を読んでみると、時々上部に文章をどれだけ読んだのかを知らせるバーが上部に表示されることがあります。 これを読み取り進行状況バーと呼びます。

WordPressは プログレスバーを読むという無料のプラグインを使用して、ユーザーがどの程度ポストを読んだかをプログレスバーで通知できます。

プラグインを使用して WordPressに読み取り進行状況バーを追加する

このプラグインは現在8,000個程度のサイトにインストールされ使用されています。

プラグインの説明を見ると、このプラグインはHTML5要素を使用し、JavaScript(Javascript)は数行になっており、非常に軽いと言われています。

このプラグインで提供されるオプション:

  • 進行状況バーの高さ
  • 前景色 (Foreground color)
  • 背景色(Background color)
  • 場所(上、下、カスタマイズ)
  • バー調整用のHTMLクラス/ID(カスタム位置を選択する場合)
  • ページテンプレート
  • ポストタイプ(ネイティブまたはカスタム)

文章が長い場合、読書の進行状況バーを表示することで、読者が文章をどの程度読んだかを把握することができ、ユーザーエクスペリエンス(UX)を向上させることができます。

WordPress Newspaper テーマを読む進行状況バーショートコードを追加

최근 WordPress Newspaper テーマが更新され、いくつかの新機能が追加され、多数のバグが修正されました。 特に、文章を読むのにかかる時間を表示する 読書の時間 ショートコードと記事をどこまで読んだかを把握するのに役立つ プログレスバーを読む ショートコードをSingle Post Cloudテンプレートで利用できるように追加されました。

WordPress Newspaper テーマを読む進行状況バーショートコードを追加

Single Post Reading Timeは、その記事を読むのにかかる推定時間を示します。 Single Post Reading Progress Barは、記事の上部、下部、または指定された位置(インライン)に読み取り進行状況バーを表示します。

Single Post Reading Time 要素ではソート、 フレーズの変更(分など)、テキストの追加、アイコン、アイコンのサイズなど、さまざまなオプションを設定できます。

Newspaper テーマ読み取り時間要素

Single Post Reading Progress Bar 要素では、位置と高さ、色などを指定できます。

Newspaper テーマ読み取り進行状況バー要素

次のビデオを通して Newspaper テーマの読み取り進行状況バー要素がどのように機能するかを確認できます。

映像では 列をなして 場所を指定したときにどのように機能するかは示していません。 列をなしてを選択すると、 プログレスバーを読む 要素が追加された場所に読み取り進行バーが表示されます。

クラウドテンプレート

この更新プログラムに追加された読み取り時間要素と読み取り進行状況バー要素は、個々の投稿のレイアウトを指定するシングルポストクラウドテンプレートから追加できます。

Newspaper テーマはtagDiv Cloud Libraryプラグインを使用して、ヘッダーからフッターまで、サイトのすべてのセクションをカスタマイズできます。 クラウドテンプレートの詳細については、「WordPress Newspaper テーマにヘッダースタイルが表示されない場合「を参考にしてください。

최근 WordPress テーマとページビルダーは、テーマファイルを直接変更せずに通知パネル内のサイトのすべてのセクションをカスタマイズする傾向に進んでいるようです。 WordPress また、ブロックテーマを導入し、最終的にはダッシュボード内でサイトのすべての要素を編集するフルサイト編集(Full Site Editing)機能を実装する方向に進んでいます。

参照

一部の記事にはアフィリエイトリンクが含まれている場合があり、パートナーの活動で一定額の手数料を受け取ることがあります。

コメントを残す

*メールアドレスは公開されません。