2019.11.26スポンサーリンク誰得コンテンツ、「Cocoonをコーポレートサイトっぽくカスタマイズ!」、一応5回でおしまい、と思ったのですが、「...更新履歴とか新着情報とか欲しいな?」と思ったので追加する事にしました。4回目「よくある質問編」、5回目「まとめ編」とサンプルサイトはこちら。Cocoonをコーポレートサイトっぽくカスタマイズ!1トップページ編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。トップページカスタマイズ編です。www.nullllog.com2019.10.15Cocoonをコーポレートサイトっぽくカスタマイズ!2メニュー編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。プルダウンメニューの親ページにはリンクさせないようにします。www.nullllog.com2019.10.16Cocoonをコーポレートサイトっぽくカスタマイズ!3料金表編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。カラム分けとテーブルのレスポンシブ化について書いています。www.nullllog.com2019.10.18Cocoonをコーポレートサイトっぽくカスタマイズ!4よくある質問編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。ある質問ページ編です。トグルボックスの使い方を分かりやすく解説したいと思います。www.nullllog.com2019.10.23Cocoonをコーポレートサイトっぽくカスタマイズ!5まとめ編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。カスタマイズのまとめとサンプルサイトの公開です。www.nullllog.com2019.10.24サンプルサイトです。まとめ新着情報の日付が表示されない場合には...トップページに「新着情報」を入れるこういうやつです。今回はWordPressの「投稿」に・お知らせ・スタッフブログというカテゴリーを作り、それぞれの新着情報をトップページに表示させてみようかなと思います。PCでは2カラム、モバイルで1カラムに表示させます。「投稿」の設定から「投稿」にカテゴリーを作成カテゴリを作ります。「カテゴリーID」をチェックのちほどカテゴリーごとに新着情報を出す際に使うので、「カテゴリーID」を控えておきます。「カテゴリーID」は、カテゴリーの詳細画面のアドレスなどから調べることが出来ます。表示テスト用にいくつか投稿しておくとよいかもです。トップページの設定トップページに「2カラム」のエリアを作るトップページ用の固定ページに2カラムのエリアを作ります。ビジュアルエディタの「タグ」から「2カラム」を選択することであっという間に作れます。見出しなんかも設定しておきましょうか。今度はビジュアルエディタの「ショートコード」から「新着記事一覧」を選択します。このままだと全てのカテゴリが表示されるので、cats=”all”の部分をcats=”先程調べたカテゴリーID”に変更します。ついでに見た目も変えます。下線を表示したいので、type=”default”をtype=”border_partition”に変えます。新着記事一覧のショートコードに関するCocoon公式ページはこちらです。新着記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。wp-cocoon.com投稿日を表示したい!しかし何かが足りないですね...?そう、新着のお知らせには日付が欲しい...!ということで、こちらはCSSを書いていきます。「投稿日」を表示して「更新日」を非表示にするCSSはこんなかんじ。まとめ「Cocoonをコーポレートサイトっぽくカスタマイズ!おまけ:新着情報編」でした。日付表示設定が外れているかもです。コピーnullllをフォローするnullllnullllog関連記事WORDPRESS【無料でWordPressを使ってみる】おすすめサーバ比較Wordpressにはデータベース(MySQL)が必要です。MySQLが無料で使えるレンタルサーバはいくつかあります。今回は実際に使用した事がある3つのサーバをご紹介します。WORDPRESSCocoonをコーポレートサイトっぽくカスタマイズ!3料金表編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。カラム分けとテーブルのレスポンシブ化について書いています。WORDPRESS2020年2月の無料WordPressテーマをチェック!2020年2月おすすめの新作無料WordPressテーマを紹介します。ブログサイトテーマ・ニュースサイトテーマ・ビジネスサイトテーマ・ポートフォリオテーマなど。無料レンタルサーバ「XFREE」でのWordPressの設定方法・使い方をわかりやすく説明します。誰でも無料でWordPressを使用することができます。今回はXFREEで複数のWordPressをインストールする方法をわかりやすく説明します。この方法で5つのWordPressがインストールできます。WORDPRESSCocoonの「吹き出し」機能のデフォルト一覧とカスタマイズ方法Cocoonの「吹き出し」機能のデフォルト一覧とカスタマイズ方法を詳しく解説します。nullll様の素敵な記事を参考に、初心者ながらcocoonを使ったサイトを作りはじめました。(style.css)に書き込んだのですが表示されずに困っております。当方の記載箇所に間違いがあるのでしょうか・・?大変お手数ではございますが、ご教授頂けると幸いです。返信遅くなりまして申し訳ありません。サイトを拝見させていただきました。「Cocoon設定」のどこか(「SEO」タブや「インデックス」タブなど)で「投稿日を表示しない」設定が入っているのだと思います。CSSに下記を追記すると表示されるようになると思います。AMnullll様CSSに追記を行ったところ無事に時刻が表示されました!何時間も頭を抱えて苦戦していたので本当に嬉しいです。追記にありました部分のチェックもご指摘の通り外れておりました。この度は本当にありがとうございました。初心者にも分かりやすい記事を書いて下さり本当に助かっております。PMmik様よかったですーーー!わたしもまだまだ初心者なのですよ。参考にしていただいて嬉しいです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。素材アーカイブ2020年2月2020年1月2019年12月2019年11月2019年10月2019年9月2019年8月おすすめサーバこのサイトでも使用しています。まとめ新着情報の日付が表示されない場合には...AUTHOR書いた人nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。nullll14人気記事Cocoonをコーポレートサイトっぽくカスタマイズ!1トップページ編2019.10.152020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!6おまけ:新着情報編2019.11.262020.01.14Cocoonをコーポレートサイトっぽくカスタマイズ!7おまけ:ヘッダに電話番号編2019.12.122020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!2メニュー編2019.10.162020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!3料金表編2019.10.182020.01.09nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。Reserved.検索メニューWEBWORDPRESSWORKSいろいろプロフィールタイトルとURLをコピーしました。