アーカイブについて

サムネイルにはってあるaタグのリンクを取得して、.entryをaタグで囲めばイケるかと思います。

上記はリストアイテム全体をリンクで囲むと言うことになります。ここから、cssの構造もやや変わる部分があるので再度調整が必要です。

> タイトルとその周辺枠でリンクを設定する

これはリストアイテム全体ではなく、タイトルと抜粋(スニペット?)の部分だけなんでしょうか？

下からスミマセン

上のリンク先のような仕様に憧れてます
マウスオンでタイルをグレースケールにする仕様は
ＣＳＳだけで行けますか？

画像だけなら調べると、いろいろと出てくるのですが。。

> ＣＳＳだけで行けますか？

cssだけでいけます。

サンプル: マウスホバーで.entryの背景その他を変える | codepen

2列やらにしててもイケるんじゃなかろうかと思います。

ちなみに、サンプルのcss欄はscssで書いてありますので、view compiledボタンでcssに変換したものを利用して下さい。

有難うございます！

私的には
シンプルに全体がグレー掛かるだけの方が
好みなんですが。。

カッコイイですね＾＾
とても気に入りました。

ありがとうございます。

htmlはどのファイルでしょうか？

＞サンプル: マウスホバーで.entryの背景その他を変える | codepen

このようにしたいのですが、具体的なやり方を教えていただけますか？

css欄にあるview compiledボタンを押すと、cssに変換されたものが表示されます。
それを子テーマstyle.cssにコピペして、必要な箇所を修正したりするだけです。

元々のhtmlはSimplicity公式のをパクっているので、ほぼデフォルト状態で、これも公式の子テーマstyle.cssを読み込んでいるので基本部分は全部デフォルトと思って良いかと思います。

それらをcodepenで書いた内容、つまりは子テーマstyle.cssの中身を編集していると同じと理解してもらえれば良いかと思います。
ただし、codepen上では、scssで書いてあるので、cssに変換したものを利用しないとブラウザに反映されません。

scssについては、別途ググってもらったらわかると思うんですけれども、単純にセレクタやらベンダープレフィックスやらをクドクドと書くのが面倒なのでscssで書いているだけです。

うまくいきません。

#main {
.entry {
transition: .6s ease;
background-color: #fff;

私のソースは下記になっています。

#main .entry{

border-bottom: 2px solid #D4D4D4;
padding-bottom: 10px;
}

後、アーカイブのタイトルと関連記事のタイトルの色を変える場合の方法を
おしえていただけますか？

ちなみに、子テーマというものは使用しておりません。
（分らないので）

よろしくお願いします。

#main {
  .entry {
    transition: .6s ease;
    background-color: #fff;
  }
}

こういうのはscss(sass)です。なので、前にも書いたように、codepenのcss欄にあるview compiledボタンを押すとcssに変換されたものが表示されますので、それを子テーマstyle.cssに貼り付けるだけなのですが、子テーマがわからないということなので、手順を書きますと、

Simplicity公式のサイドバーより、子テーマのダウンロードってのがあります。それをクリックして記事が開いたら、一応そこに説明やらもありますが、ひと通り読んで、無印の子テーマをダウンロードします。
これはzipファイルになってます。

で、次に自分のサイトのwordpressのダッシュボードからテーマを開き、画面左上にある「新規追加」を押します。

そうするとページが変わりますが、同じ位置に「テーマのアップロード」というのがあります。それをクリックしてファイルがアップロードできる画面を表示して、さっきの子テーマのzipをそのままアップロードします。

そうすると、山田さんのサイトには、親のSimplicityと今アップロードした子テーマのSimplicityがあるはずです。そこで、子テーマの方をクリックして、画面から「有効化」を押します。
すると、親テーマの機能を使用しつつ、子テーマが有効になったので、カスタマイズ等は子テーマのものに記載していきます。

親テーマはアップデートされると、カスタマイズした内容も含めて丸ごと綺麗さっぱり上書きされるので、カスタマイズの内容が消えます。自らがカスタマイズした部分を全部バックアップしてから、親テーマのアップデートをして、バックアップからカスタマイズの内容をアップデート後の親テーマに戻していくのであればそれでも構いません。

子テーマと親テーマは連携していますが個別のテーマです。なので親テーマが丸ごとアップデートされても子テーマにはカスタマイズされた内容が残るという仕組みです。

子テーマが入っている状態で、親テーマを有効にすれば、子テーマでカスタマイズした内容は反映されません(子テーマを読み込まないので)。つまり、いつでもデフォルトの状態が見れると言う感じです。

子テーマには親テーマと同様style.cssやjavascript.jsがあります。なので、子テーマにcssを書くと言えば、子テーマのstyle.cssに追記するという意味になります。
jQueryを子テーマにと言えば、おのずと子テーマのjavascript.jsに書くということです。

子テーマをインストールして有効化すると、デザインがかなり崩れてまったく
機能しません。

先日から申しておりますが
親テーマに直接記載したいのですが・・・

親テーマに追記してもできますよ。子テーマも親テーマも同じです。

子テーマが入ってれば子テーマの最初に親テーマのcssをインポート(取り込み)するので、結局親テーマのcssを使いますし、子テーマを利用せず親テーマの最後に追記したら、それまでに記載されている同じセレクタのプロパティは追記分で上書きされるので同じです。

異なるのは親テーマのアップデートの時に面倒かどうかというだけです。

子テーマは何も書かなければあるだけで何も動作しないので(親テーマの機能で動作するので)、デザインが崩れるということ無いと思うんですけど、それがウィジェット等の問題なら、子テーマで再度親テーマと同じ設定をしないといけない可能性はあります。
しかし、css自体は結局親テーマのものを拡張しているかどうかだけなので、子テーマに書こうが親テーマに書こうがどちらでも動作します。

重要なことなので再度書いておきますが、親テーマstyle.cssに追記しても(子テーマを利用するのと)同じです。親テーマはバックアップをとっておかないと、アップデートの時に丸ごと上書きされるのでカスタマイズした内容が無くなります。これはお忘れなきよう。

できました。
（子テーマは2カラム版をインストールしましたが3カラムになるので親テーマに追記しました。）

ありがとうございます。

後、アーカイブの記事タイトルと関連記事の記事タイトルの色を変える場合の方法を
おしえていただけますか？

.entry h2{　あたりかと思いますが、
カラーを入れても反応がありません。

お手数ですが、よろしくお願いします。