Posts」を利用して、人気記事一覧をサイドバーに配置したのですが、サムネイル画像がくっついているし、いまいちスッキリ見えないのでレイアウトを修正することにしました。Posts」の設定変更。プラス、手の届かない所はCSSを編集して記事のパーツのレイアウトや文字色等を変更することにしました。「Luxseritas」のCSS編集は、子テーマの編集で、追加でコードを設定すればOKなので、初心者でも失敗を恐れずトライすることができます。見よう見真似でもよいので、チャレンジしてみてください。現在の表示内容が以下、修正したい点を挙げてみました。●記事内容が表示されていない●文字色とリンク色が最近の投稿と同じなどなど、これらを解消して、イメージは「新着記事」に寄せる感じでカスタマイズします。Postsの設定画面で変更します。ダッシュボード左メニュー[外観]>>[ウィジェット]をクリックします。Posts]の右端にある▼をクリックします。10件から「7件」に変更します。「投稿設定」の欄で[抜粋を表示]と[アイキャッチ画像を表示]にチェックを入れます。[保存]をクリックします。*今回アイキャッチはもともとチェックが入っています。保存ボタンをクリックすると、設定の詳細画面が表示されます。「抜粋を表示」の欄で、抜粋の長さを「40」文字に変更します。[保存]をクリックします。*抜粋は本文の先頭からの文字数や単語数で設定します、実際の表示をみながら設定数を決めましょう。*アイキャッチ画像のサイズも実際の表示をみながら、決定します。今回は上部に表示されている「新着記事」の表示に合わせるように調整しました。設定変更後の結果表示が以下。タイトルと本文の抜粋が表示されました。このままだと、まだ記事どうしがくっついて見えづらいです。「新着記事」のように、間にラインを入れて区切り、見栄え良くなるように変更します。Luxseritasの「子テーマの編集」ここからは、テーマ設定の中にある「CSS」と呼ばれている、HTMLの見た目をつかさどる言語を編集していきます。通常は既存の「CSS」の記載内容を変更する作業が必要ですが、「Luxseritas」では「子テーマの編集」画面に、変更したい部分の「CSS」を追加することで変更が可能です。この方法であれば既存の記載内容を間違って変更したり削除したりする危険性がないので、安心して操作が行えます。ここで、ちょっとだけ「CSSってなに?」について説明します。現在見られるWEBページの多くが、「HTML」と「CSS」という言語で見た目が作られています。HTMLは構造をつくり、CSSはそれに色や大きさや位置など(レイアウトやデザイン)を加える役割を担っています。ダッシュボード左メニュー[Luxeritas]>>[子テーマの編集]をクリックします。「子テーマの編集」画面が表示されます。「style.css」のタブが選択され、「スタイルシート:style.css」の画面が表示されていることを確認します。現在表示されている内容の下に、変更用の「CSS」を挿入します。以下が今回記載したCSSの記述です。1:記事一覧の並びや間隔、記事と記事との間の点線を設定しています2:サムネイルイメージの周りの線の表示、線の四隅の丸みを設定しています。3:件名(タイトル)の表示を設定しています。「#ef9c99」がコードです5:抜粋部分の文字サイズを設定していますこのブログのサイドバーの「人気記事」の表示は、以下のコードをコピペして使用できます。*全てをコピーして、「子テーマの編集」画面に貼り付けてください。*3、4の文字色コードを変更して、サイトとの調和をとってください。{display:block;margin-top:10px;}}設定はこれで完了です。ブログの表示確認ブログの表示を確認します、まずまずの結果です。記事と記事の間隔もあき、ラインが入って見えやすくなりました。りんごよろしければシェアお願いしますTwitterFacebookGoogle+LinkedInPocket「りんごの芯」心の真ん中に置いている、ことわざ、格言、その他諸々です。Nextグーグルアナリティクス複数サイトの登録と利用方法は簡単だったPrev関連記事WordPress(ワードプレス)に最初から入っているプラグインの設定[初心者向け]、初期でインストール済みのプラグインについて解説WordPress大きな特徴として「プラグイン」があります。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイトこの記事のトラックバックURLプロフィール訪問いただきありがとうございます。2016年4月岡山県真庭市に引っ越し、デザイン系講師のかたわらブログ制作&ネットビジネスを副業として収入を得ています。主な収入源は、HP作成・アフィリエイト・広告収入・法人メルマガの構築代行などです(^^)このブログは、ネットビジネスの始め方を噛み砕いて解説、内容を実践できるメルマガを配信、ゆとりあるシニアライフを目指す方を応援します。パソコンインストラクターや、コールセンターでのサポート経験を活かし、個々のスキルとスピードに合わせたサポートを心がけています。子育てを卒業!自分のために時間とお金を使える!!でも、「夢見るシニアじゃいられない」と感じているそんなあなたに伝えたい情報です。「ブログやアフィリエイトって、聞いたことあるけど若者(わかもの)や強者(つわもの)しか手を出してはいけない気がして」と思っていませんか?「頑張ってみたけど、若い人の勢いについていけず挫折し諦めた」それでも大丈夫!ちょっと勇気を出して扉をあけてみませんか。お手伝いできれば嬉しいです。rin_ngoりんごの田舎暮らしりんごのメインブログ、飾らない創らないをモットーにありのままの暮らしぶりを綴る。した心の持ち方で「ワンランクあっぷする日常」を提案SNSを活用しようFacebookやTwitterなど代表的な「SNS」の登録方法から活用ノウハウまでわかりやすく紹介しています。一緒にオリジナルなサイトを作成していきます。実際の作業がギュッと1つにまとめられています。ブログ初心者が「楽しんで稼ぎ続けられる」、そんな資産になるブログ作り方の教科書です。「アフィリエイト」の種類や仕組みを噛み砕いて解説、実践方法をやさしく案内しています。さんエンドウさま、コメントありがとうございます。お問い合わせの件、YahooIDはパソコンに依存しません。さんYahooIDを他のパソコンと共有するにはどうすればよいでしょうか。さんりんごさまお世話になっております。スマホの設定でアカウント画面まで表示され次え、が出てこなかった。さん横山さま、コメントありがとうございます。PC(...りんごの一歩づつサポート「ブログ&メルマガを利用したネットビジネス」に取り組むことで「ワンランクアップした毎日」を目指す方を応援します(*^▽^*)ネットビジネス入門無料メルマガ人と人が繋がる暖かいコミュニケーションがテーマのネットビジネスです。この機会に触れてみてください。