Authors and Editors can now access the Stats dashboard too! STINGER・AFFINGERカスタマイズ 【WordPress Popular Posts】の設定方法と人気記事を「STINGER PLUS+」と同じスタイル(順位付き)で表示する方法 . 万年筆は価格の幅が広く、国内... ビジネスキャリア検定 の 経営情報システム2級 (情報化活用) を受験して初回でなんとか合格できました。 興味のある所からお読み下さい. WordPress Popular Posts はバズ部でお勧めしているプラグインの Head Cleaner と干渉する箇所がある。 しかし、『 Head Cleaner の最も理想的な設定方法 』でご紹介している通りに設定をすると正常に動作するようになるので、 WordPress Popular Posts の前に Head Cleaner の設定を行っておこう。 Fixed translation issues affecting russian and similar languages.

Copyright© nananavi.com , 2020 All Rights Reserved Powered by AFFINGER4. 『何を基準に万年筆を選んでいいかさっぱり分からない、、、』という問題に万年筆初心者は共通してぶつかります。 Its awesome! 1 WordPress Popular Postsとは; 2 wppのショートコードで人気ランキングを表示する. Is WordPress Popular Posts compatible with plugins that minify/bundle JavaScript code? Fixes a compatibility issue with WordPress 5.5. この記事の目次. Fixes a rare PHP warning message that pops up randomly when the Pageviews Cache is enabled. Al instalar este plugin dejaron de verse todas las imágenes. I use the to render popular post on page instead shortcode. ワードプレスのブログで人気記事を表示する、となると定番は「Wordpress Popular Posts」。でもこれがたまにアクセス集計がうまく行かなくなって「Sorry. 3.1 任意の箇所に設置する; 4 WordPress Popular Postsのトラブル対応方法. WordPress Popular Posts は3つの異なった使い方が出来ます:, WordPress Popular Posts はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。, “WordPress Popular Posts” は13ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。, “WordPress Popular Posts” をあなたの言語に翻訳しましょう。, コードを閲覧するか、SVN リポジトリをチェックするか、開発ログを RSS で購読してみてください。. 【たかが100記事されど100記事】ブログデビューしたての自分へ送る7つのアドバイス, 【ブログ】JPEG画像を劣化なしで一括圧縮・リサイズする便利なツール「JPEGmini」, 無料で写真加工、編集ができるPhotoScape X【顔隠しモザイク、サムネイル作成に最適】, 【WordPress】5分で出来る!Affinger4一覧表示のカテゴリーの色をCSSで変更する方法. The /popular-posts GET API endpoint is now being cached as well. This will help make WordPress Popular Posts more maintainable and easier to extend. rompe el sitio. ビジネスキャリア検定受験で一番... 子供のクリスマスプレゼントにトイラジコンのクルマをプレゼントしました。 5分で終わり!人気記事表示プラグイン【WordPress Popular Posts】の設定手順~3ステップ~, 【初心者】家庭菜園(ベランダ菜園)で絶対に成功する3品目(最短20日で収穫できます). If you’re using a caching plugin, flushing its cache right after installing / upgrading to this version is recommended. Especially appreciate the great documentation, the many filters (f.ex. Copyright© おるまーで , 2020 All Rights Reserved. 細かい部分の設定も考慮されている点でこのプラグインは本当によく考えられていると思います。, 「WordPress Popular Posts」 の初期設定では、ランキング対象に固定ページも含まれています。 こんばんは〜!@nanase_nananavi です♪ サッカー盛り上がってますねー あと3時間で日本対ベルギー戦が始まる〜! 連日の報道に洗脳され、テレビをつけております!笑 今回は、劣化も少なくす ... 無料の機能だとは思えないほど「超」使えるアプリです。MacでもWindowsでも可能。トリミング、モザイクやスタンプ、テキスト挿入、明るさや色味調整、一括編集、ラインや枠、テキストボックスや矢印などの挿入など。, 82記事となった今月は8,661pvへと成長。アドセンス収益だけで1696円を得ることができました!アクセスの流入元や、アフィリエイトの収益内容、今後の目標などを述べていきますっ!, CSSを変更するだけで、Affinger4トップページのカテゴリーの色を変える事ができます。複数のカテゴリーを選択して、まとめて指定する方法をご紹介します。, 【カンボジア観光】アンコールワット自力&個人での行き方と3大遺跡巡り&プノンバケンの夕日鑑賞, nanase: PS: I will seek support for my little problem, and hopefully I can fix it! 「Wordpress Popular Posts」のデザインをシンプルにカスタマイズする方法を紹介します。画像を横長にしたい 、画像を劣化させたくない、タイトルを下にしたい、などのように画像とタイトルだけにして見やすくしたい方の参考になれば幸いです。 1.1 WordPress Popular Postsは初期状態だとこう; 1.2 「WordPress Popular Posts」をCSSカスタマイズ. Fixes fatal PHP error triggered on some server setups.

Makes sure non-ajaxified themed widgets are properly moved into the ShadowRoot.

WordPressならWordPress Popular Postsというプラグインを使って、日別、週別、月別ランキングを、上位3位、上位5位、上位10位、上位20位というように表示させる数も自由に設定できます。またランキングもアクセス数(PV数)だけでなく、コメント数でランキング表示できます。, 今回はWordPress Popular Postsの設定方法と、ちょっと難易度は高いですがカスタマイズする方法も紹介します。, WordPress Popular Postsは、サイトへのアクセスを計測して、人気記事をウィジェットエリアや投稿ページ内で表示してくれるプラグインです。, このプラグインを導入することで、ランキング表示されている記事を、閲覧者は簡単に知りアクセスすることができるので、閲覧者の利便性が高まります。, またサイト運営者としても、過去の記事に巡回してもらえるキッカケになるので、サイト内回遊率が高まり、アクセス数(PV数)アップが狙えます。, このプラグインを導入することで、どの記事が人気かわかってしまうので、ライバルサイト運営者に知られたくない情報をバラしてしまうことになります。(※まぁしょうがないですね。), またこのプラグインは表記方法やCSSなども細かく設定できますが、プラグインのバージョンアップによって互換性がなくなり再設定しなければならないことがあるので、あまり過度なカスタマイズはオススメしません。, またこのプラグインはちょっと負荷がかかるので、サイトの表示速度に大きく影響する可能性があるので覚えておいてください。, WordPressの管理画面左メニューのプラグインの「新規追加」をクリックし、検索窓に「WordPress Popolar Posts」と入力します。, そうするとWordPress Popular Postsが表示されますので、「今すぐインストール」を選択し、そのまま「有効化」します。, WordPressの管理画面左メニューの設定に「WordPress Popular Posts」という項目ができているので、これをクリックします。, 「Stats」という統計タブをクリックすると、上図の画面になりますので、ここで統計情報を設定します。, この統計タブでは、わざわざGoogleAnalyticsを確認しなくても、この統計情報でランキング形式でサイトの統計情報を確認できます。, 基本的にはOrder by viewsにしておき、対象期間のPV数が多い順番をチェックすれば問題ありません。, PostTypeというのは、投稿ページか、固定ページかの違いです。両方とも対象にしたい場合は、「post,page」にしておきましょう。固定ページは対象外で投稿ページのみの対象にしたい場合は「post」としておきましょう。, Limitは、統計対象の上限数です。トップ10の統計を表示させたければ「10」と入力しておきましょう。, わざわざGoogleAnalyticsなどで分析しなくても、アクセスがわかる大変便利な画面です。, ほとんどの人が、ランキングをサイドバーに表示させたいと思うはずです。上図の赤枠部分のことです。, このプラグインを使っているほとんどの運営者は、このようにウィジェットエリアに設定してランキングを表示させています。, WordPressの管理画面左メニューの外観の中に「ウィジェット」という項目があるのでクリックします。, 利用できるウィジェットの中に「WordPress Popular Posts」があるので、これをドラッグ&ドロップでサイドバーに入れます。そうすると上図のように表示されるはずなので、そこで設定していきましょう。, ウィジェットはあなたが採用しているテーマ(テンプレート)によって多少違いますが、ほとんどのテーマで、ウィジェットが使えると思いますので、そのテーマの設定にあわせてWordPress Popular Postsを設定してください。, Display post thumbnailにチェックした場合、サムネイル画像のサイズの指定をカスタマイズ設定できます。, 「Use predefined size」は既に定義されたサイズを選択することができますので、大中小などから選んでみてください。また「Set size manually」は手動でサイズ設定できます。わたしは手動でwidth(横幅)80px、heigth(高さ)80pxで設定しています。, 解説のとおりウィジェットに設定すると、サイドバーにランキングが表示されているのが確認できます。, ウィジェットエリアではなく、投稿エリアにもランキングを表示できます。上図の赤枠部分がその部分です。, 次はちょっとレベルが高くなりますが、投稿エリアに人気記事のランキングを表示させるためにショートコードを使った方法を解説します。, それでは、解説します。まずこれは投稿ページでも固定ページでも可能です。ページを新規追加してください。, 今回はわたしは固定ページでデモを作成していますので、WordPressの管理画面左メニューの固定ページの新規追加をクリックしています。, WordPress Popolar Postsのショートコードで使える主要なパラメータは以下です。, デフォルトでPV数は表示されるようになっているので、非表示設定しないと表示されてしまいます。, またデフォルトでランキング基準がPV数で設定されていますので、ここであえてパラメータ指定する必要はありません。, このショートコードをそのままコピーして、あなたがランキング表示させたいページの該当箇所に貼り付けてみてください。, もしあなたが、テーマ「stork」を使っている場合は、以下のようにdivでclass=wiget popular-postsを設定してショートコードを囲って貼り付けてみてください。, このショートコードにパラメータを指定して設定する方法はカスタマイズレベルが高く中上級向けです。, ページ内でランキングを表示させたいときには、ぜひショートコードを使った方法で実装してみてください。, ウィジェットを使った方法が一般的ですので、WordPress初心者はまずサイドバーに設置しましょう。, 少し慣れてきたらショートコードにパラメータを指定して設定する方法にも挑戦してみてください。この方法はWeb制作会社で当たり前にやっている方法です。ちょっとレベル高いかもしれませんが、必要ならばぜひやってみましょう。, 閲覧者の利便性を向上するためにも、ぜひこの「WordPress Popular Posts」を導入することをおすすめします。, ※2017年2月追記:このWordPress Popular Postsが原因でベーシック認証で不具合を発生させる可能性がありますので、回避方法はこちらを確認してください。, WordPress Popular Postsが引き起こすベーシック認証の不具合の回避方法, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, アバスト『クリーンアッププレミアム』のレビュー【起動時間を高速にして空き容量を増やしてくれる】, あ、わたしこのランキング設定をやりたいと思っていました!よく見られている記事をランキング表示できるなんてカッコいいし!, このWordPress Popular Postsの統計は人気記事をチェックできます。, Webサイトの制作や、システム開発などしながら、ブログで生きています。運用しているWebサイトは非公開ですが、数は20サイトを超えています。WordPressの講師をたまにしています。今後は動画編集を中心に活動していきたいです。, 【WordPress Popular Postsの設定方法とカスタマイズ】ランキング表示おすすめWordPressプラグイン, ショートコードにパラメータを指定して設定する方法はカスタマイズレベルが高く中上級向けです。, 集計する投稿のタイプを設定できます。固定ページを除き投稿ページだけにしたい場合は「post」と入力します。, ディスクリプション(記事の要約)を表示させる設定ができます。表示させたければチェックを入れます。, サムネイル(アイキャッチ画像)を表示させる設定ができます。表示させたければチェックを入れます。. WordPress Popular Postsプラグインを使うとサイドバーなどに「よく読まれている記事」を表示することができます。 すでに使用中の方もいると思いますが「固定ページは対象外にしたい」とか「デザインをカスタマイズしたい」という方もいると思います。以下、WordPress Popular

Wordpressのプラグイン「WordPress Popular Posts」の見た目を綺麗に変える方法が検索しても一切でてこない、情報がない…です – The Master of Swift App Coding, https://olmarde.com/webdesign/wp/wordpress-popular-posts-customize, [wordpress] 現在アクティブなページを判定してナビゲーションをカレント表示させる方法【基本編】, [WordPress]トップページにカテゴリ別の新着記事を表示する方法(タブ切り替え), [EC-CUBE] サイト内検索で商品名と検索ワード以外も検索対象にするカスタマイズ, WEBデザイナー歴10年超の僕が有料Wordpressテーマ「AFFINGER4 pro」を購入した理由。, まだXperia z ultraで消耗してるの?乗り換えの最適解を見つけたよ!!!!, Google製スマホ「Pixel XL」をNexus6Pと比較レビュー。格安SIMとの相性は?(追記あり), macOS High Sierraにアップグレードしたら不具合!慌ててダウングレードした話。, WordPress Popular PostsをCSSカスタマイズしてカッコよくする方法。, トップページにブログの最新記事を読み込み(埋め込み)たい! | Blog | ODOLE DESIGN オドルデザインブログ | フランス在住フリーランスデザイナー, 《新品》【送料無料、在庫あり!Sachtler業務用正規取扱販社です】Sachtler システムFSB4 FT GS カーボン3段三脚システム フローテック. WordPress Popular Postsは、日別、週別、月別ランキングを、上位3位、上位5位、上位10位、上位20位というように表示させる数も自由に設定できる超便利なプラグインです。今回は、WordPress Popular Postsの設定方法や使い方(カスタマイズ方法など)を紹介します。

ゆっくりした週末のリッチなおつまみに、自家製ベーコンなどあった... 情報処理技術者試験の「ITサービスマネージャ試験(SM)」に約3ヶ月の勉強で、初回合格しました。 今回は自分のブログの人気記事を表示してくれるプラグイン「Wordpress Popular Posts」の設定や使い方を図解で解説していきます。このプラグインで人気の記事一覧表示が簡単にできます。, サムネイル画像(アイキャッチ画像)を表示させる事もできますが、表示が崩れるのでカスタマイズ(CSS)で調整する方法も紹介をします。これでブログ自体が華やかになりますし、人気記事へのリンクになっているので便利です。, サムネイルサイズのアイキャッチ画像も表示できますし、画像のサイズを大きくしたり、小さくしたりもできます。細かい部分は自分で設定する事ができますので、その設定の仕方まで解説して行きます。, 現在私は人気記事一覧を自作しております。理由は自分の誘導したい記事に誘導するためと、若干重いという部分です。ただ、自作するのはちょっと難しいので、最初はプラグインを利用する事をおすすめします。余裕があれば自作しても良いと思います。 ⇒WordPressのサイドバーに自作の人気記事一覧を表示させる方法, WordPressの管理画面から「プラグイン」⇒「新規追加」と進み、検索窓に「Wordpress Popular Posts」と入力して検索、「今すぐインストール」をクリックします。, インストールできたら有効化しておきます。有効化してもまだブログに変化はないと思いますので、人気記事を表示させていきましょう。, 今度はサイドバーに人気記事を表示させるので、WordPressの管理画面から「外観」⇒「ウィジェット」をクリックします。すると左側に「Wordpress Popular Posts」というのがあるので、右側にドラッグ&ドロップしてサイドバーに表示させるようにします。, サイドバーに追加したら「Wordpress Popular Posts」の表示の右に小さい「▼」マークがあります。ここをクリックすると設定するメニューが開いたり閉じたりする事ができますので、この設定メニューを開き、細かい設定をして行きます。, 私の場合はタイトルを「人気記事一覧」で投稿数は「10」にしてます。後から変更もできるのでまずは適当に設定しておきます。次に「時間間隔」と「並び替え順」という項目があります。, ■時間間隔:「24時間」「1週間」「1ヶ月」「累積」が選べます。つまり区切った時間内でのランキング(人気記事)を表示しますので、お好みで変更して下さい。私は「累積」にしてます。, 投稿の設定に移ります。投稿設定で「タイトルを短縮する」「抜粋を表示する」という項目があります。これは特に変更する事はないかなと思います。この狭いスペースに抜粋記事を表示しても内容を伝える事ができないかなと思って、私はどちらもチェックは外しています。, 投稿タイプ:これは「投稿(post)」と「固定ページ(page)」どちらも人気記事に含める設定になっています。投稿記事のみでいいという場合は「post,page」を「post」だけに変更して下さい。その下の 表示しない投稿IDやカテゴリーは人気記事に表示したくないものがある場合に記述しておきます。, ここで人気記事にサムネイルを表示するかどうか設定できます。これは各記事に設定しているアイキャッチ画像の事です。この画像を表示させたい場合は「投稿サムネールを表示する」にチェックを入れて一度下にある「保存」をクリックして下さい。, 日本語になっていない場合には「Display post thumbnail」という項目にチェックを入れます。, 保存をクリックすると先ほどの「投稿サムネールを表示する」という項目の下に画像のサイズを設定する欄が表示されますので、ここに表示したいサイズを入力します。, これでサムネイルのサイズ変更ができますので私は「100」で設定しました。3桁の数字を入力すると右の数字が切れてしまってますが、どちらも「100」を入力してます。このサイズはお好みで。, そして統計タグ設定があります。これは表示する人気記事一覧にコメント数や閲覧数を表示することが出来ます。これも好きなタイプを選択してチェックを入れてみてください。必要ない場合はチェックを全部外します。, さて、最後に「HTMLマークアップの設定」というのがありますが、これは私は特に変更はしてないので、このままでもOKです。設定が完了したら「保存」をクリックしてサイトの表示を確かめて見ましょう。最初しばらくは「データがありません」と表示されると思いますが、時間が経つときちんと表示されるようになります。, サムネイル画像を使わない場合は上手く表示されていると思いますが、サムネイルを表示する設定にしていると表示が崩れていました。こんな感じです。, これを子テーマのスタイルシート(style.css) で調整して行きます。子テーマのスタイルシートに次の記述を付け足して下さい。, 各記事にドット線も入れてみました。必要なければ「border-top:」の部分の一文を消して下さい。一応これできちんと表示されましたが、何故かサイドバーの下の項目とくっついてしまっていました。, 日本語は良いとは思いますが、拡張子を画面キャプチャーして.pngにしたら表示できました。, コメントありがとうございます。サーバーの移転はサーバーだけの移転ですか?その際にドメインも変更とか別の変更はなかったでしょうか?私もそのようなケースは経験した事がないのでハッキリは分かりません、すみません。実際にサイトをみてみれば何か原因の推測はできるかもしれませんので、もしよければブログのURLを教えて頂けると助かります。コメント公開時にはURLは削除しますのでどうぞよろしくお願い致します。, 画像のバックアップはあるので直していますが、直した記事のサイドバーのアイキャッチ画像だけが出てきません。, テーマはSimplisityを使ってますが中央のアイキャッチは表示されるのっですが、 WordPress Popular Postsのサイドバーのアイキャッチ画像だけが表示されなくなりました。, 移転した時は表示されていましたが、記事内の画像を修正したらサイドバーのアイキャッチ画像だけが消えました。, 出てまいりました。ありがとうございます!! 今後ともサイトでお勉強させていただきます!!, コメントありがとうございます。もしかすると設定の表示が英語になっているかも知れません。サイドバーにウィジェットを追加したら「Posts settings」という項目に「Display post thumbnail」という項目がありますので、これにチェックを入れて一度保存をしてみて下さい。, はじめまして。 投稿サムネールを表示するという項目がバージョンが違うせいもあると思うんですが見当たりませんでした。どうしたらよいでしょうか?, そういう事だったのですね。 分かりました。では、そのようにします。 ありがとうございました。, コメントありがとうございます。「Filters」の「Author(s)ID(s):」は空欄で構いません、これは複数で1つのWordPressを管理する時に記事を書いた著者でファイルターをする設定だと思いますので、関係ないと思われます。特にファイルターは必要ないので空欄でOKです。そのままの設定で大丈夫です。, 「設定」ではなく、「ウィジェット」から設定してみてください、ということでしたので、もう一度確認してみたところ、やはりここの記事通りに日本語での表記になっておりませんでした。でも、何とか設定できました!, ただ、その過程で、1つだけ分からなかったので教えてください。 「Filters」のところで、「Author(s)ID(s):」と書いてありました。これはどのように対処すればいいのでしょうか?, コメントありがとうございます。「WordPress Popular Posts」の設定は英語表示の部分がありますが、プラグインを有効化して「設定」ではなく「ウェイジェット」で色々設定できます。ウェイジェットの部分は記事でも書いたような画像になっていると思いますので、「設定」ではなく、「ウィジェット」から設定してみてください。, もし分からないようであればお手数ですが再度コメント頂けると助かります。どうぞよろしくお願い致します。, WordPress Popular Postsをブラグインして、有効化まではうまくいきました。ただ、バージョンアップしたのか、ここの記事では日本語表記ですが、今日、上記をプラグインしたものは、全てが英語表示されているため、設定がちょっと分かりづらいんです。新しく解説していただけないでしょうか? よろしくお願いします。, 子テーマの作り方のところにもう一度戻り、何度も読み返してみまして、 皆様のご質問等を読み、「style.css」の下にどんどん書きこむということが 理解できました。 ありがとうございます。, また、子テーマの「style.css」のコードの表記について、 超、超、超初心者の質問がございますが、他の方のご参考に なるかもしれませんので、子テーマのトピックのほうから 再度ご質問をさせていただきます。 どうぞよろしくお願いします。, コメントありがとうございます。子テーマ「child」を作成してその中に「style.css」を作成しているという事ですね。ここまでできたら子テーマの有効化もされていると思いますので、WordPress管理画面から「外観」⇒「テーマの編集」と進めば子テーマの「style.css」が表示されます。CSSの記述は下に書いたものが優先的に反映されますので、この子テーマの「style.css」の一番下にどんどんコードを追加していけばOKです。, もし反映されない場合や分からない部分があれば再度コメント下さい。その都度返信させて頂きます。どうぞよろしくお願い致します。, 超、超、超(!)初心者の私でもpoko様の説明は大変わかりやすく本当に助けられています。ありがとうございます。現在、やっとドメインとサーバの設定が終わり、WPの設定を行っているところです。, サムネイル画像の表示位置を「子テーマのスタイルシート(style.css) で調整して行きます。子テーマのスタイルシートに次の記述を付け足して下さい」とありますが、新しいファイルを「Child」*の中に新規作成し、上記の記述を貼り付けるのは正しいのでしょうか。, *子テーマの作り方のページを参照させていただき、子テーマのフォルダをロリポップのFTP →wp-content→themesの中に「child」という名前で作成し、その中に「style.css」という名前のファイルを作りました。(その中にはご指導通り、twenty-twelveのコピーが入っています。), コメントありがとうございます。人気記事はプラグイン【WordPress Popular Posts】で設置されたという事だと思います。それで表示される各記事タイトルの下に下線が入っているという事でしょうか?間違ってたらすみません。もし上記プラグインで人気記事を設置して表示される各記事タイトルの下線を消すという事であれば子テーマのCSSで次の記述を追加して試してみて下さい。, もしこれで反映されない場合、それから私が思っている部分と違うという場合にはお手数ですがもう一度コメント頂けると助かります。, ドキドメサイトは私にとってシンプルで見やすくとても気に入っている為、お手本にしています。, 人気記事一覧のタイトル部分に下線が入っていて、スッキリさせたく消したいのですが、どのようにすれば良いのですか?, Amazonや楽天のアフィリエイトの併用は「もしもアフィリエイト経由」がおすすめの理由.