こんにちは、バーチャルブロガー大学生ことさいとう(@S41T0H)です。今回はわいひらさん作成の最高な無料WordPressテーマ「Cocoon(コクーン)」で新着記事・人気記事を投稿上部に表示させてデザインするカスタマイズ方法を紹介します Cocoonテーマの公式サイトには最近の投稿(新着記事)に画像付きで表示されているのに、私のサイトには画像表示がない。専門的なカスタマイズが必要なのか?こんな事がハードルになる初心者の悪戦苦 … 今やれることを精一杯やる!と思いながらマイペースに過ごしています。 好奇心旺盛なので、様々なジャンルについての記事を書いていますよ♡*°, COCOONの人気記事ウィジェットは、新着記事ウィジェットと形が一緒なので、ウィジェットを並べると統一感があります。, ただ、アイキャッチ画像がたくさんになってしまうと、少し見づらく感じるかもしれません。, CSSを貼るだけで、人気記事の一覧を画像を消してシンプルなリストのように並べられますよ!, 人気記事ウィジェットのカスタマイズは、「.entry-header .popular-entry-card」の周辺を指定してカスタマイズしていきます。, このCSSをコピペで貼り付けると、COCOONの人気記事ウィジェットのアイキャッチ画像を削除できます。, このままでは記事タイトルの位置はそのままの状態で、画像のみが非表示になっています。, 位置を指定して下線を付けるCSSはコピペできるように、次のページでご紹介させていただきます。, COCOONの人気記事ウィジェットの画像を非表示にして、文字タイトルだけを表示したいと思ったことはありませんか?そこで、シンプルなリスト形式で人気記事を表示できるカスタマイズのコピペで使えるCSSについてまとめています。, logicool(ロジクール)のUSBレシーバーはBluetoothに接続できるのか【USB UNIFYING レシーバー】, 【レビュー】logicool(ロジクール)マウスM705の使い心地やサイズ感【口コミ】, &honey(アンドハニー)のヘアオイルを3種類試してみた!髪への効果・使用感・香り【口コミレビュー】, .entry-header .popular-entry-card-thumb {.

② アイキャッチ画像の表示サイズを変更できます。 上記の様に設定し変更を保存すると、以下画像の様にサイドバーへ最新記事が表示されます。 サムネイルのサイズ感や、日付の表示等、変更が可能です。 アイキャッチに、設定サイズよりも小さな画像が選択されている場合(例えば320x180pxで設定されているのに300x160pxの画像だった場合)は、画像が再生成されません。 なるべくアイキャッチには、大きな画像を設定しておくことをおすすめします。 MASAa.blogからリニューアルしたガジェット好きmasaaのメインWordPressブログサイト ⇒ 【簡単な使い方】THE THORデザインの事例集6選!初心者でも作れるアレンジを紹介!, Cocoonのアイキャッチは位置の変更も可能です。基本的には左寄せとなっていますので、バランスが悪いと思ったらこの部分で編集します。, 「アイキャッチの中央寄せ」にチェックを入れて「変更をまとめて保存」をクリックします。, Cocoonのカスタマイズと使い方!【WordPressテーマ】初心者でもカッコよいブログになる設定方法!!, 上記で変更した場合、画像はバランスよく配置されますが、アイキャッチ画像が小さく見える時にはカラムいっぱいに画像の幅を広げることができます。, ここで設置をすると小さな画像でも強制的に引き延ばされますので、ご注意ください。もしぼやけてしまうようなら少し大きな画像にすると良いでしょう。, 「アイキャッチをカラム幅に引き伸ばす」にチェックを入れ「変更をまとめて保存」をクリックします。, 【初心者必見!】THE THOR(ザ・トール)の購入8特典!割引についても調査!【WordPressテーマ】, Cocoonだけではなく一般的にもキャプションという言葉を聞くと思います。簡単に説明すると画像につける説明文(補足)のようなものです。例えば、自分が撮った画像に日付を入れたり、スイーツなら食べたお店の名前とかの情報を入れることができます。, ライブラリにある画像から、キャプションを付けたい画像を選びます。(まだなにもアップロードしていない場合には画像を取りこみます), 右側に画像の情報がでてきますので、その中の「キャプション」という部分に説明文を入れてください。, 「アイキャッチにキャプションがある場合は表示する」にチェックを入れ「変更をまとめて保存」をクリックします。, アイキャッチを設置していない記事のサムネイルなど空欄にならないように「NO IMAGE」としてあるサイトを見たことがあると思います。, 「NO IMAGE」画像はそこまで凝る必要もありませんが、適当に作ってしまうと雑な感じがします。そこで、CANVAを使って「NO IMAGE」画像を作ってみます。, ブログのヘッダー画像の作成ツール「CANVA」で簡単きれい!サイトが5分でおしゃれになる作り方。, 左側の候補の画像の上にカーソルを持っていくと「無料」と出てくるものが使えるテンプレートですので、気に入ったものをクリックすると右側の画像に追加されます。, 文字の部分を変更し、必要であれば色やテキストも調整できるようになっています。(テキストの王冠マークがついているものは有料です), できあがったものをダウンロードします。デフォルトではPNGとなっていますが、JPEGに変更しダウンロードします。, ウィジェットで「[C]人気記事」をサイドバーにドラッグ&ドロップします。展開すると以下のようになります。, サムネイル表示方法を選べますので、試しながら設定してください。好きな画像を選んでチェックを入れ「保存」をクリックします。, Cocoonでは記事内の画像も装飾できるようになっています。(デフォルトでは装飾のない状態です), 「ボーダー(薄い太線)」にチェックを入れて「変更をまとめて保存」をクリックします。, シャドー(薄い影)をあまり見た目には変わりはありませんが好きな方で設定してください。, ↓ このブログから大人気のTHE THORを購入くださった方に特典をプレゼントしています。, 稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。, ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO(SearchEngine Optimizationの略)です。, などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。, シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。, 今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。, なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。, 稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。, もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。, カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。.

(WordPressテーマ THE THOR 使用) 【Cocoon】トップページのカテゴリタブを可愛くカスタマイズする方法!コピペでOK!, このカードの画像は、アスペクト比が2:1で、最小サイズが300×157または最大サイズが4096×4096ピクセルです。. からあげ棒、ありったけ  パソコン関連 Cocoonのアイキャッチ画像の表示は、tmpフォルダ内にあるcontent.phpというファイルで行われています。 初期状態で子テーマにあるファイルではないので親テーマからコピーをしてきます 高速表示、アイキャッチなど最高です! ... 新着記事.

Windows10の電源プランを「AMD Ryzen™ Balanced」に強制設定する!, 低価格なiVANKY製の4K60Hz対応DisplayPortケーブルを購入する!. © 2020 ぽてちる All rights reserved.

WordPressテーマ「Cocoon」の【関連記事のアイキャッチ画像】に対して、シャドー(影)と角丸コーナーのカスタマイズしてみました。と言う事で【関連記事のアイキャッチ画像】のカスタマイズについて書いたエントリー記事です。 パソコン選びのコツ  MASAa.net cocoonの人気記事ウィジェットの画像を非表示にして、文字タイトルだけを表示したいと思ったことはありませんか?そこで、シンプルなリスト形式で人気記事を表示できるカスタマイズのコピペで使えるcssについてまとめています。

.

フォートナイト ボックス Pvp チート 6, Rgss3 アイテム詳細 説明 6, Ps4 キャプチャーギャラリー ツイッター 5, キネマ スター 退会 8, Fba 重量超過 ラベル Pdf 13, ポルシェ 空気圧センサー リセット 6, Thinkcentre M73 Tiny 無線lan 14, プリウス 30 フォグランプ 青 4, マッチングアプリ 職業 嘘 5, Vimeo 通信 料 18, 首都大学東京 数学 解答 9, Bmw 118i Standard Play 違い 5, Dj Hasebe 結婚 29, 排卵しない 卵胞 どうなる 6, テラハ あいお 実家 10, What Would You Like 答え方 7, ひみつの嵐ちゃん Vip ルーム ゲスト 49, 東工大 過去問 英語 5, Python カメラ 文字認識 4, 新幹線 隣 咳 6, Unity Setactive 時間 22, 新型ジムニー Xg 内装 5, ツムツムランド アドベンチャーアナ 入手方法 16, アメブロ 画面 真っ白 11, Jp1 Powershell 管理者権限 8, 人 感 センサ 壁 7, バナナフィッシュ 聖地巡礼 マップ 4, ゆりかもめ 7500系 編成表 4, O 脚 矯正 横須賀 9, リコール 期間 知事 4, 一眼レフ 構え方 プロ 4, Toto Inax 便座 互換性 16, Fireタブレット Wifi 設定 7, サピックス 入室テスト 基準点 新3年生 30, 仙台 漬物 名物 8, エクストレイル ディーゼル オイル リセット 4, スクエニ アカウント 譲渡 8, Ps4 コントローラー 充電されない 一瞬 24, 満月の夜 マジシャン 開放 45, Googleアカウント アイコン 名前変更 6, 趣味 音楽鑑賞 例文 6, Apex 射撃訓練場 落ちる 19, スコルピ 色違い レイド 6, 水道 蛇口 種類 13, 保育園 見学 子供 4, マーチ K13 ポジションランプ交換 9, カモノハシ 毒 強さ 9, レゴ 人 作り方 7, 英雄伝説 閃の軌跡i:改 トロフィー 11, 上条 Ss オティヌス 16, エクセル リンク セル 探す 14, ジムニー タービン オーバーホール 4, キネマ スター 退会 8, 愛 外国語 読み方 4, Googleアプリ 勝手に 開く 4, 伊勢谷友介 森星 画像 9, コンコルド Cm 女優 死亡 51, Liar Game Zip 12, イエスタデイ 歌詞 コピー 7, Mf 給与 ログイン 58, Ntt 春闘 2020 ボーナス 15, Jquery Height 取得できない 5, Mg7730 パソコン 接続 7, ショウエイ Z7 シールド 5, Youtube ピクチャーインピクチャー 真っ黒 6, エネオス セルフ 領収書 6, コンパス きらら 弱い 5, ドット抜け 自然に 治る 7, 振り子 張力 最高点 9, Wordpress 自動 ジャンプ 8, モンハンストーリーズ 攻略 キリン 37, ヤマハ Vox 後継 11, 溶接 脚長 公差 18, マイクラ Execute Clone 9, 中 附 スタイル 4, 車椅子 種類 スポーツ 43, Java Bronze オンライン試験 5, ゲーム フルスクリーン 真っ黒 9, お風呂 垢 浮く 5, サッカー B級ライセンス レポート 4, アリエル フォーク シーン 4, ブルベ夏 デパコス リップ 6, Ff14 プレイヤー数 2020 6,