ほとんどの新聞やメインストリームメディアのサイトでは、投稿記事の中にカスタマイズされた引用ブロックを加えることが多い。なぜか?引用はおそらく投稿の中で最も記憶に残り、共有される部分だからだ。引用はバイラルになる可能性を秘めています。先日、WordPressでblockquoteをカスタマイズするのに使える9種類のデザイン例を紹介した。この投稿では、WordPress投稿の引用文をユーザーがFacebookやTwitterで共有できるようにする方法を紹介します。
私たちのゴールは、投稿から引用をハイライトし、共有アイコンを追加することです。最終結果
まず最初に、RealTidBits PushQuoteプラグインをインストールして有効化します。プラグインを有効化した後、投稿” 新規追加 をクリックして投稿エディターに移動します。ビジュアルエディターを使用している場合、投稿エディターのアイコンの中に引用ボタンが表示されます。
プルクオートとして表示したい投稿コンテンツの行を選択し、エディター上のプルクオートボタンを押してください。左寄せにするか右寄せにするかを聞かれるので、右寄せにして完了です。
テキストエディターを使っている場合は、このように引用コンテンツの周りにショートコードを使うこともできます:
[pullquote]pullquoteとして使用する投稿のテキストはこちら[/pullquote]
。
初期設定では、引用は左側に配置されます。右寄せにしたい場合は、次のようにコードを追加してください:[SKX3]
RealTidBits PushQuoteプラグインはURL短縮にtidbit.esを使用しています。ユーザーが変更できる設定があればいいのですが。しかし、CSSフォルダーにあるスタイルシートを編集することで、プラグインの外観を変更することができます。FTPプログラムを使って、/wp-content/plugins/pushquote/css/に
あるpullquote.cssを
編集することができます。WordPressの管理画面からスタイルシートを編集することもできます。プラグイン ” エディターに移動し、ドロップダウンメニューからPushquoteプラグインを選択します。右側にファイルのリストが表示されるので、pullquote.cssファイルをクリックして編集します。
引用ブロックは、投稿から最も興味深い部分を強調することによってユーザーの注意を引くために使用されます。これが、印象に残り、最もシェアされやすいものになるのです。この投稿がWordPressの引用ブロックに共有ボタンを追加するのにお役に立てば幸いです。あなたのサイトでも使いますか?以下にコメントを残して、私たちに教えてください。
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Tethe says
Any new plugins that have the same function?
WPBeginner Support says
Should we find a new plugin we will be sure to update our article.
管理者
WPBeginner Staff says
Thanks for reporting this. We tested the plugin and it seems to have stopped working. We will try to find an alternate solution. Meanwhile, please take a look at this guide on how to add click to tweet boxes in WordPress.
Meagan says
Hi there! Any idea why this plugin might not be working with my blog? I’ve tried a couple of different themes and I’ve tried deactivating all other plugins to see if it might be fighting with another one. No luck.
Any help would be greatly appreciated!!
I LOVE the way this one looks so streamlined and doesn’t take away from the rest of the post. The only alternative I’ve found is text to share, and the buttons are large and obnoxious.
Day Milovich says
now you can close your eyes and do it easily with css3 and a shortcode. ups,, it’s too late for me. i read this article on january 2015.
Chris Dickman says
This looks great but the plugin hasn’t been updated in over a year. I’m hesitant to use it, because of this. Do you know of another similar plugin that is current? Or could this be manually added without a plugin?
Thanks
Kay says
Hello,
I am very new to all of this, I want to thank you for the info and also ask is there a plugin that we can use on a general collection of quotes not just pull quotes….
Like if I have 50 love quotes what plugin do I need to allow people to share the quote/s they like and/or rate each love quote as well?
TIA!!!!!!
Michael Osborne II says
I must also agree. You’re doing a fine job with the plugin recommendations and guides. I plan to try out many of your favorites. Thanks.
Fran says
This site has been a Godsend to my blog! Thank you!
Editorial Staff says
Thank you for the kind words Fran
Glad we are able to help.
管理者
Jotpreet Singh says
Hey, there. I’m starting to enjoy your little plugin guides. They’re easy to follow. I hope you keep on doing this in the future
Jim mcCrudden says
Wonderful idea.
All the author has to do is resist the temptation to stick in a pullquote where she/hethinks there is particularly “foine wroitin'” to be repeated.
Personally, I would let a friend be the judge as to what is the pullquote. If any.
But really, thanks. It lifts the professional look of the blog.
Lam Nguyen says
Nice post, thanks.