-社畜夫婦のブログの始め方はこちら-
スポンサーリンク

Cocoon真似するだけ|サイト型トップページに変更しよう!

ブログ活動
スポンサーリンク
社畜夫婦
社畜夫婦

サイト型トップページに変更しよう!

私たちのトップページはこんな感じ

サイト型トップページの作り方(※2022年10月17日時点)

社畜嫁
社畜嫁

今のトップページはこんな感じ

スポンサーリンク

サイト型(起業型)トップページ

①固定ページを編集する

社畜嫁
社畜嫁

普段の記事投稿画面とは違うところから編集が必要なので、注意。

固定ページ一覧>>新規編集

固定ページから編集

新規固定ページを追加>>広告除外

トップページから広告を除外
広告は除外した方が見栄えはいいですが、収益性は落ちるので、自分の都合に合った設定にしましょう。
社畜嫁
社畜嫁

パーマリングもこの時点で設定しよう!

2カラムを設定する

サイト型トップページの作り方_カラム設定

↓設定した画面はこちら

サイト型トップページの作り方_カラム設定の画面

カラム内に(CSS)を設定する

実際に私が使用しているコードを紹介します。

↑入力画面


↑プレビュー

コピペしたいって人はこちらからどうぞ!

社畜嫁
社畜嫁

記述内容に説明するよ。

人気記事一覧を表示するショートコードの利用方法

days:

データの集計期間。全機関の場合はall(全期間)。季節性の記事を書いている人は、days=”90″位に設定するのがおすすめ。

rank:

ランキング番号を表示するか。ランキング番号を表示する場合は1。表示しているほうがわかりやすい。

pv:

PV数の表示をするかしないか。表示する場合は”1″。PV数を表示するには1。ブログに自信を持てるって人は表示してもいいかも

post_type:

投稿タイプを設定。投稿を抽出する場合はpost。

count:
アイテムの表示数を設定。
bold:

記事タイトルを太字にするかどうか。太字にする場合は1

cats:

表示するカテゴリをカンマ区切りで指定。

『cats:』の確認方法。
投稿>>カテゴリーからIDを確認する。

cats確認

type:

以下の設定があります。

default:通常のリスト
border_partition(or 1):カードの上下に区切り線を入れる
border_square(or 2):カードに枠線を表示するlarge_thumb:大きなサムネイル表示
large_thumb_on:大きなサムネイルにタイトルを重ねる

タイトル用の画像&囲みボックスを設定

ランキングの飾り付け

カスタムCSSを設定する

background:背景色の設定
.entry-title:タイトルを表示設定

コピペ用
#main {
background: #EFF3F8;
}
.entry-title {
display: none;
}
カスタムCSS
社畜嫁
社畜嫁

ここまで来たらTOPページは完成!

②トップページを表示できるようにする

設定>>表示設定>>固定ページを選択する

固定ページを設定する
スポンサーリンク

設定ができたらプレビューで確認する

社畜嫁
社畜嫁

設定が終わったら、スマホでも確認して見よう!

設定がうまくいかないな…って人は連絡してくださいね。

こんにちは、社畜夫婦(@working_couple)です。

↓ブログについてもっと知りたい人はこちらから

【税金対策】できる個人事業主が経費にするものできないもの
ブログの始め方|夫婦で副業!サーバーとの契約~ブログ開設(Wordpress)まで
【23年3月】ついに開業しました!ブログ収益とPV数を公開!
なぜ副業初心者にブログが勧められるのか?人気な副業はこれを見ればわかる。
【副業×青色申告】無料で確定申告!マネーフォワードクラウドで簡単に

【個人事業主・副業者必見】
無料保険サービスの「フリーナンス」


①会員登録無料
②年間費無料
③最大5000万円の保証あり
FREENANCEの無料開設はこちら

個人事業主・副業をされている方はとりあえず入っておいて損をしないのが、【FREENANCE】です。まずは無料登録してみましょう。

なんで【FREENANCE】は儲かっているの?
そのビジネスモデルが知りたいからはこの投稿を見てください。

 

 

コメント

タイトルとURLをコピーしました