WordPressで投稿記事内にコメントアウトを挿入する方法 WordPress の下 【WordPress】ウィジェットエリアに自分で選んだピックアップ記事を表示する方法 WordPress の下; クリエイティブな変人社 …  MASAa.net (WordPressテーマ THE THOR 使用)

自作PCやソフトウェア、WordPressなどPC関連専用のWordPressブログサイト チメブロ, WordPress blog site specialized in PC produce by masaa, MASAa.net | WordPress blog site specialized in PC produce by masaa, このMASAa.netは、WordPressテーマのカスタマイズ、自作PC、ソフトウェア、ハードウェア、Windows、パソコンなどのあらゆるPC関連に関する情報を掲載しています。, このMASAa.netを2018年9月25日に開設してから1年が経過しました。その間でWordPressテーマ Cocoonは大幅に機能が強化されています。と言う事で、現時点でのWordPressテーマ Cocoonの設定内容についてまとめてみました。, WordPressテーマ THE THOR(ザ・トール)での「ブログカードのアイキャッチ画像」のホバーエフェクトを無効にするカスタマイズについてまとめてみました。ブログカードのアイキャッチ画像にホバーしてもズームされなくしてみました。, WordPressテーマ Cocoonでの「エントリーカード メタディスクリプション」のカスタマイズについてまとめてみました。今回のカスタマイズではメタディスクリプションにアンダーラインの表示や表示範囲に合わせて改行設定を行ってみました。, WordPressテーマ THE THOR(ザ・トール)での「関連記事の全域でホバーを有効にする」カスタマイズについてまとめてみました。今回のカスタマイズは関連記事の全域でホバーを有効にしホバー時の背景色に変化を付けてみました。, WordPressテーマ THE THOR(ザ・トール)での「ピックアップ記事をホバー時に浮かす」カスタマイズについてまとめてみました。今回のカスタマイズはサイドバーエリアの【ピックアップ記事】に対しホバーした時に浮かす処理を加えました。, WordPressテーマ THE THOR(ザ・トール)での「ヘッダーのメニュー」のカスタマイズについてまとめてみました。今回のカスタマイズでは、ヘッダーをグラデーション化するとメニューが目立たなくなるため、メニューの文字色を変更してみました。, WordPressテーマ Cocoonの「画像リンクのエフェクト処理」のカスタマイズについてまとめてみました。今回のカスタマイズでは、全ての画像リンク(一部アフェリエイト画像除く)に対しホバーエフェクト処理が実行されるようにしてみました。, 2020年8月11日にWordPress 5.5 “Eckstine”がリリースされました。今回はメジャーリリースとなるため手動でのアップデートとなります。と言う事で、WordPress 5.5 “Eckstine”についての記事です。, 【レビュー記事】WonderFox HD Video Converter Factory Pro, 動画変換ソフトウェア『WonderFox HD Video Converter Factory Pro』のレビュー記事です。ビデオを500種類以上の形式に変換、切り取り/マージ/特殊効果などの編集、動画ダウンロード等を行うことができます。, EaseUSのiPhoneデータ管理ツールソフト『EaseUS MobiMover( モビ ・ ムーバー)』のレビュー記事です。数クリックだけで楽にiOSデバイス上のデータを移行/編集/添削することができる便利なソフトウェアです。, Hypamer『【高度昇級&安定性抜群】ノートパソコンスタンド PC タブレットスタンド 無段階高さ調整可能 姿勢改善 腰痛/猫背解消 人間工学設計 折りたたみ式 滑り止め アルミ合金製』のサンプル品提供頂いたのでレビュー記事作成しました。, Windows上でパーテーション操作や管理などのディスク管理ソフトウェア『MiniTool Partition Wizard 12』のレビュー記事です。無料版以外にプロ版、プロ・デラックス版、プロ・アルティメット版があります。, INDEX 1 Leawo Blu-rayコピー2 Leawo Blu-rayコピーの紹介2.1 Leawo Blu-rayコピーをインストールする2.2 Leawo Blu-rayコピーを使う!2.2.1 設定項目2.2.2 市販のDVD. Copyright © 2018 MASAa.net All Rights Reserved. 「この記事読んで欲しいなぁ」と思っても、期待通りの結果にならないのが、サイト運営の難しいところ。, SEOの知識が豊富であれば、狙って検索エンジンに上位表示させることができるかもしれませんが、ほとんどの人にとっては至難の業であることは言うまでもありません。。, ただ、その問題を解決する簡単な方法があります。それは、よく読まれる記事を経由して読んでもらうこと。, どんなにPV数が少ないサイトにも、「他の記事よりも読まれる記事」というのは存在するので、PV数関係なく、どのサイトでもできる方法です。, ちなみに、トラフィックの多いサイトであれば、「トップページ(サイドバー)の一覧表示の先頭に固定する」という方法も効果的ですが、ほとんどのサイトでは効果がない方法です。, さて、先述のようなサイト構造にするためにはいくつか方法がありますが、今回は、「プラグインなしでピックアップ記事を表示するカスタマイズ」をご紹介します。, このカスタマイズをすると、“任意のタグ”を記事に追加するだけで”任意の場所”に”任意の記事”を横並びで表示させることができます。, そういったプラグインもありますが、非常に簡単なカスタマイズ(コピペOK!)ですので、プラグインを使う必要もないのかなと思います。, まずは、管理しやすいように、お使いのテーマの中に、空のファイル「pickup.php」を作成し、下記のコードをコピペします。, 今お使いのWordPressテーマのサムネイルが正方形の場合、先述のコードの「thum150」の部分を「thumbnail」にすればOKだと思います。, どんなサイズのサムネイルの画像を生成しているか調べる場合は「functions.php」を確認してみましょう。, 「横150px,縦113pxのサムネイル画像」を生成するために、fuctions.phpに下記のコードを追加します。(すでにコードがあれば、追加する必要はありません), また、ほとんどのテーマでサムネイル画像の表示をサポートしているはずですが、下記のコードがなければ追加する必要があります。, のどちらかがおすすめです。僕は、上記のコードを「single.php」に追加して、「記事下」に表示させています。, 人気記事をヘッダー下に横並びで表示させるカスタマイズ! Fantastech!! 「[THE]スタイルテキスト」のウィジェットには、タイトル設定の項目がありません。, Windows10の電源プランを「AMD Ryzen™ Balanced」に強制設定する!, 低価格なiVANKY製の4K60Hz対応DisplayPortケーブルを購入する!.  MASAa.net

無料WordPressテーマ Cocoon (WordPressテーマ Cocoon 使用), WordPressテーマ

(WordPressテーマ Cocoon 使用), WordPressテーマ もっと見る, 次に、スタイルシートの全体に影響する部分(基本的に前半部分)に下記のコードをコピペします。, サムネイル画像を正方形にした場合は、「width」と「height」を適宜変更する必要があります。デザインなどは微調整していただければと思います。, カスタマイズが終わったら、記事に「pickup」のタグを追加して確認してみましょう。, ▼こんな感じで表示されます。順番はランダム。(ファーストビューでは左のボタンが非表示), ▼少しでも右にスクロールすると(左右にスクロールできる状態であれば)、左右にボタンが表示されます。, でスクロールさせることができます。「慣性スクロール」になっているので、ヌルヌル動きます。, 少なからず、回遊率のアップにもつながると思うので、興味がある方はぜひ試してみてはいかがでしょうか?, このサイト「Fantastech」を運営している人。WordPressテーマ「4536」の開発中にインプットした情報などを発信中。お仕事のご依頼については「Shinobi Works」までどうぞ, 非常に勉強になる記事でした、ありがとうございます。 パズドラ日記と依頼された製品レビューの記事を掲載し続けるmasaaの元祖WordPressブログサイト
Windows10の電源プランを「AMD Ryzen™ Balanced」に強制設定する!, 低価格なiVANKY製の4K60Hz対応DisplayPortケーブルを購入する!. ぶっちろぐ WordPressテーマ THE THOR(ザ・トール)での「サイドカラムにピックアップ記事設置」のカスタマイズについてまとめてみました。今回は「[THE]タブコンテンツ」ウィジェットを使ってサイドカラムにピックアップ記事 … この仕様で、自動でスライドさせることってできますでしょうか?, コメントありがとうございます☺️ Copyright © 2018 MASAa.net All Rights Reserved. MASAa.blogからリニューアルしたガジェット好きmasaaのメインWordPressブログサイト

WordPressでブログを書いている方で人気記事のランキングを表示させている方は多く、人気記事のランキングを表示させるのに便利なプラグイン「WordPress Popular Posts」を使うと簡単にウィジェットエリアに表示させることができます。実際、自分も使っていました。, しかし、ブログ運営を続けている上で人気記事のランキング表示では色々と問題になってくる部分があり、いっそのこと自分で選んだピックアップ記事を表示させてみよう!と思って表示させてみましたのでそのカスタマイズ方法となります。, 自分のサイトでも人気記事のランキングを表示させるのに便利なプラグイン「WordPress Popular Posts」を使って人気記事のランキングを表示させていましたが、色々と問題になってくる部分が出てきました、自分が問題だと思ったのは以下の部分です。, WordPress Popular Postsはサイトへアクセスするたびに集計して人気記事のランキング表示をするため、データ量や集計処理が膨大になってページの表示が重くなってしまうんですよね。, ブログを長く続けていくほどにデータ量や集計処理は膨大になっていくため、後々になってページの表示が重くなったり特定の記事がバズったとき(急激にアクセスが増えたとき)にCPU負荷が高くなりレンタルサーバーから警告を受けやすくなったりする可能性があります。, 以下のようなサイトでは人気記事のランキングが固定されやすく、使う意味がなくなってきます。(自分のサイトも含めでしたが。), 検索流入メインのサイトだと検索で上位に表示されやすい記事ばかりが見られる傾向が強く、さらに離脱率及び直帰率が高くてあまり頻繁には記事を書かないサイトだとそれが特に顕著に表れますからね。, サイト運営という意味では、ちょくちょく質の高い記事を書いたり離脱率及び直帰率を低くする対策をすべきですが・・・忙しくて記事を書けなかったり単に記事のネタがなかったりとなかなか上手くいかない部分があります。, 上記の問題があった為、いっそのこと自分で選んだピックアップ記事を表示すればいいんじゃないか?と思い、カスタマイズして表示させてみることにしました。, プラグインなしでWordPressに「おすすめ記事」を表示する方法 (WordPressテーマ THE THOR 使用) 全オプションが変更できる「All Options」, WordPressでブログサイトに海外テーマを使い続けてきて日本のテーマを使わなかった理由, 【WordPress】サイトを高速化するためにデータベースの最適化をして大幅に容量を削減できた方法, 【WordPress】プラグイン「Contact Form 7」のjsファイルとcssファイルを特定のページにだけ読み込む方法, WordPressで記事を読むのにかかる所要時間を表示させる方法2~WPtouchでのスマホ表示への対応方法~, 【WordPress】プラグイン「PHP Compatibility Checker」でPHP互換性チェックをしてみました, http://naokixtechnology.net/wordpress/951, http://hapisupu.com/2015/11/wordpress-popular-posts-display-ranking-only-css/, 【WordPress】プラグイン「Theme Check」でのテーマチェックの仕方, 【スマホ】タッチペン(The Friendly Swede マイクロニットハイブリッド繊維ペン)を使ってみた感想, 幻想的で美しいフラクタルアート[Fractal art] – Silvia Cordedda, 【WordPress】WP Super Cacheが有効化も削除も出来なくなった状態から削除できた方法, アイキャッチ縮小画像のURL⇒「WordPress管理画面」⇒「メディア」⇒「ライブラリ」からアップロードしたアイキャッチ縮小画像を選択して「URL」をコピーして貼り付けます。, アイキャッチ縮小画像の説明⇒「WordPress管理画面」⇒「メディア」⇒「ライブラリ」からアップロードしたアイキャッチ縮小画像を選択して「代替テキスト」をコピーして貼り付けます。.

http://naokixtechnology.net/wordpress/951, 【WordPress】人気記事ランキングに「順位」をCSSだけでいい感じに表示させる【WordPress Popular Posts】  パソコン関連 記事タイプ 設定完了! これでピックアップ設定は完了です! ピックアップに表示される画像は、記事の「アイキャッチ画像」を取得してくるので、そちらも合わせて設定をしておきましょう。画像サ … ブログ工房, WordPressテーマ「Simplicity」の高速化チューニング(.htaccess編). THE THOR(ザ・トール) からあげ棒、ありったけ 自作PCやソフトウェア、WordPressなどPC関連専用のWordPressブログサイト バージョンアップにより、ピックアップ記事を表示できる場所が増えました。 https://4536.jp/ver1-0-4 従来のピックアップエリア(本文の下部分)への表示と同じく、記事にタグを付けるだけで簡単に表示することが可能です。 過去記事を追加・変更しても・・ パソコン選びのコツ THE THOR(ザ・トール) WordPressの投稿記事は「投稿日時」順に記事が表示されますが、過去に書いた記事の内容を補強したり、新... クイックタグとは チメブロ, WordPress blog site specialized in PC produce by masaa, ZMASAa.blog│PC・ガジェット好きmasaaのWordPressブログサイト, このZMASAa.blogは、ガジェット好きmasaaのWordPressブログサイトです。masaaが手に入れたガジェットについてや愛車トヨタノアに関すること等を掲載していきます。, 【レビュー記事】CORSAIR HS70 PRO WIRELESS Gaming Headset, WordPressテーマ Cocoonの「SNSシェアボタン」のカスタマイズについてまとめてみました。今回のカスタマイズでは記事の上下(トップシェアボタン、ボトムシェアボタン)に表示されている「SNSシェアボタン」にシャドー等を付けてみました。, WordPressテーマ THE THOR(ザ・トール)での「エントリー記事カードのタイトルをホバー時に浮かす」カスタマイズについてまとめてみました。今回はエントリー記事カードのタイトルをホバー時に上へ移動する処理を追加しました。, WordPressテーマ THE THOR(ザ・トール)での「ピックアップ記事をホバー時に浮かす」カスタマイズについてまとめてみました。今回のカスタマイズはサイドバーエリアの【ピックアップ記事】に対しホバーした時に浮かす処理を加えました。, WordPressテーマ THE THOR(ザ・トール)での「サブメニュー」のカスタマイズについてまとめてみました。今回のカスタマイズでは、サブメニューの背景色をサイトカラーに変更、パーティションの強調、フォントの強調を行いました。, WordPressテーマ THE THOR(ザ・トール)の「ウイジェット カテゴリー」についてカスタマイズをこれまで何度か行いました。今回は「ウイジェット カテゴリー」のホバー時を認識しやすくなるようにするカスタマイズを行ってみました。, WordPressテーマ THE THOR(ザ・トール)での「コメントを書く」のカスタマイズについてまとめてみました。今回のカスタマイズでは、フォントサイズを拡大とアイコンの追加表示、「コメントを書く」見出しのスタイル変更を行いました。, WordPressテーマ THE THOR(ザ・トール)での「ヘッダーのアイコン」のカスタマイズについてまとめてみました。今回のカスタマイズでは、「ヘッダーのアイコン」をFont Awesome 5のアイコンに変更してみました。, WordPressテーマ Cocoonのインデックスについては先日にもカスタマイズを行ってきました。今回そのインデックスをホバーしたときのタイトルに対して少しだけ変化(タイトルに対してサイトカラーのピンク枠線を表示するデザイン)を付けてみました。, 【レビュー記事】WonderFox HD Video Converter Factory Pro, 動画変換ソフトウェア『WonderFox HD Video Converter Factory Pro』のレビュー記事です。ビデオを500種類以上の形式に変換、切り取り/マージ/特殊効果などの編集、動画ダウンロード等を行うことができます。, EaseUSのiPhoneデータ管理ツールソフト『EaseUS MobiMover( モビ ・ ムーバー)』のレビュー記事です。数クリックだけで楽にiOSデバイス上のデータを移行/編集/添削することができる便利なソフトウェアです。, Hypamer『【高度昇級&安定性抜群】ノートパソコンスタンド PC タブレットスタンド 無段階高さ調整可能 姿勢改善 腰痛/猫背解消 人間工学設計 折りたたみ式 滑り止め アルミ合金製』のサンプル品提供頂いたのでレビュー記事作成しました。, Windows上でパーテーション操作や管理などのディスク管理ソフトウェア『MiniTool Partition Wizard 12』のレビュー記事です。無料版以外にプロ版、プロ・デラックス版、プロ・アルティメット版があります。, INDEX 1 Leawo Blu-rayコピー2 Leawo Blu-rayコピーの紹介2.1 Leawo Blu-rayコピーをインストールする2.2 Leawo Blu-rayコピーを使う!2.2.1 設定項目2.2.2 市販のDVD.

.

野球 フォーメーション アプリ 5, 海上保安学校 入学案内 ダウンロード 8, Pytorch Github Torchvision 9, キネマ スター 退会 8, Ielts 結果 ブログ 5, 行政書士 問題集 おすすめ 4, セレナ エアバッグ警告灯 修理 8, 中学1年 英単語 一覧 プリント サンシャイン 5, 英文 解釈 早稲田 12, Ps4 Natタイプ とは 4, 東京 甲子園 強豪 8, ミラティブ 読み上げ 変更 Iphone 30, Asus Rog Strix X570 E Gaming Driver 4, アンヘル 歌詞 まふまふ 5, インスタ Ayumi Suzuchan 旦那 10, Jabra Speak 410 使い方 4, グラブル エタラブ 本数 55, ボーダーランズ3 アマーラ 57 9, ナイキ エアフォース ハイカット 履き方 9, 50f68e 違い 16, ハムスター 衣装ケース 脱走 4, 画像 読み込み 遅い Pc 8, Skype ビデオ通話 複数 画面 6, 125cc 高速道路 速度 13, エクセル 複数シート 一覧表 10, Axes コーチ コインケース 4, イッチー スタイル 偽物 6, 車 鍵 自作 10, 子犬 ドッグフード 量 4, 五徳 換気扇 掃除 5, 米ナス 焼き 方 14, 第五人格 二次創作 ガイドライン 4,