Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

【自薦他薦OK】Cocoonおしゃれサ...
 
共有:
通知
すべてクリア

【自薦他薦OK】Cocoonおしゃれサイト&ブログを研究するスレ

38 投稿
12 ユーザー
27 Reactions
14.2 K 表示
(@misumi)
Trusted Member Registered
結合: 5年前
投稿: 77
Topic starter  

Cocoonで作成されたサイトやブログで「このサイトすごいデザイン綺麗♪」「こんなおしゃれなブログすごくないですか?」と褒め合って研究し、お互いの「Cocoon力」をレベルアップさせるためのスレッドです。

 

wordpressのテーマを「買う」あるいは「決める」際に、「このテーマを使ったらどんな綺麗なサイトになるんだろう」というのを結構私は気にしています。Cocoonはシンプル(主役はコンテンツ)とカスタマイズの自由度が売りだと思いますが、使いこなせば有料テーマを超えるデザインも実現できると思います。

 

そこで、Cocoonで制作された優れたデザインのサイトなどがあれば「Cocoonは無料なのに有料以上のサイト作れるんだ。Cocoonに決めよう!」と背中を押してあげられると思います。テーマ選びって時間の無駄ですからね。というワケでこのようなスレッドを立ててみました。

 

 ・このトップページは〇〇(Cocoonの機能名称)を使ってる

 ・アイキャッチが良いとここまでCocoonは変わる

 ・このサイトのグリッドレイアウトどうやって作ったんだろう

 ・Cocoonで〇〇風(〇〇はデザインが良いとされている他テーマ名前)のサイトを作ってみました!

 

などなどの雑談から多くの気づきが生まれる事を期待しています♪

取り上げられたサイトは当スレッドがSEO上の露出起点にもなるのでラッキーかも。

 

といいつつ、Cocoon新参者なので私から推薦できるサイトをまだ見つけられていないという。。。すいません。。。


   
kodaira reacted
引用
(@misumi)
Trusted Member Registered
結合: 5年前
投稿: 77
Topic starter  

東ダダーン(さん)

https://higashidadan.com/

 

すごいサイト見つけてしまいました。「cocooon タブ 切り替え」で検索しているときに偶然ヒットしたのですが、トップページでタブの切り替えが実装されてますしやり方もシェアしてくださってますね。

https://higashidadan.com/web/wordpress/switching.html

URLが.htmlで終わっているのでHTMLでサイトを作成し始め、途中からwordpressに移行して今はcocooonを使ってらっしゃるような気がいたします。

プロフィールの「東田の中のヒガシダを目指し」がツボりました。 私もこのフレーズ使わせてもらおうかしら^^


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

東田さんのサイトはすごいですよね。カスタマイズ記事はいつも本当にありがたいです。

柔らかなデザインのサイトで言えば、草村さんのサイトも美しいです。
ものぐさWEBノート | Web制作の備忘録
https://web.monogusa-note.com/
パーツとかもものすごく凝ってて惚れ惚れします。
https://web.monogusa-note.com/cocoon-shortcode

トピックと別の話なので小さく書きますが、.htmlはおそらくパーマリンク設定でできるかと思います。


   
返信引用
(@misumi)
Trusted Member Registered
結合: 5年前
投稿: 77
Topic starter  
投稿者:: @yhira

ものぐさWEBノート | Web制作の備忘録

このサイト本当に素敵です。このままスキンとして売っていただきたいくらいです。


   
fullnote reacted
返信引用
(@mk12mod1)
Estimable Member Registered
結合: 7年前
投稿: 67
 

さっきスキン切り替えて満足してたのに、ここで紹介しているブログ見たせいで誘惑ががが。。。(笑)


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

綺麗なカスタマイズを見ると、誘惑に駆られますよね。
こういった、トピックが立つのなら、これまでいろいろ見てきたサイトをメモっておけば良かった ? 


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

いろいろなタイプのブログを見るなら、こちらのTwitterスレッドにいろいろなCocoonサイトが集まっている。
https://twitter.com/Fuma_investment/status/1230101830492815361


   
返信引用
ヒロアキ
(@y-hiroaki)
Reputable Member Registered
結合: 7年前
投稿: 221
 

どさくさで、リプしてきました(笑

ま、後ろの方なんであまり読まれないと思いますけど。

派手なブログもあるけど。スキン使わないほとんど素の状態の人が以外と多いですね。


   
返信引用
(@misumi)
Trusted Member Registered
結合: 5年前
投稿: 77
Topic starter  

すごーい!

> https://twitter.com/Fuma_investment/status/1230101830492815361

なんか私まで幸せになっちゃいます♪


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

かなり多くの方に使っていただけているんですね。ありがたいです。

スキンも是非使って欲しいですね。
いずれ、何かしらのスキンを適用した状態をデフォルトにしようと思っています。
ゴリゴリにカスタマイズする場合は、「スキンなし」で行う感じで。

いずれにせよ、読み手にとっては、内容が9割5分以上だと思うので、始めたばかりの場合は素でもどんどん記事を追加した方がいいような気がする。
収益化に成功した後なら、プロにサクッと依頼するなり、何とでもできるので。


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 
投稿者:: @yhira

いろいろなタイプのブログを見るなら、こちらのTwitterスレッドにいろいろなCocoonサイトが集まっている。
https://twitter.com/Fuma_investment/status/1230101830492815361

投稿者:: @misumi

すごーい!

> https://twitter.com/Fuma_investment/status/1230101830492815361

なんか私まで幸せになっちゃいます♪

ななめ読みしすぎてわからなかったけど、こういうことか!な!?❦

ふま@ブログ10ヶ月目@Fuma_investment
 
【cocoon】 ブロガーでcocoon使用の方

 

リプにブログURLを貼っていただけないでしょうか!!! 多く集まれば…

 

メリット
1,皆んなから見られるかも?
2,参考になるサイトが見つかる
3,cocoon仲間が見つかる

 
同じcocoonユーザーとして、 参考にさせて下さい

 

色んな輪ができてるんですね。

 

Twitterではなく、Cocoonトピックの 雑談 にも持ってくれば良いのに^^❦


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

雑談は、このぐらいのペースがちょうどいいかも ? 
増えても絶対に追えそうにない ? 


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 
投稿者:: @yhira

雑談は、このぐらいのペースがちょうどいいかも ? 

なるほど。

全部追うが、前提だったんですね。

 

質問だけでも追えない。っておもってました。

 

 

個人的には圧倒的に追えない状況だぁ!
ってことで、凄いです❦

 


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

Simplicityから含めて、現在まで一応54000くらい書き込みがあったのですが、基本的に全部読んでいます(斜め読みもたまにあるけど)。
なので、追うのがもうデフォルトみたいになってしまいました。
もう習慣ですね^^;


   
みるみ reacted
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

あっ。こっちに書いちゃった。

https://wp-cocoon.com/community/chat/cocoon%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e8%a8%98%e4%ba%8b%e3%81%8c%e9%9b%86%e3%81%be%e3%82%8b%e3%83%88%e3%83%94%e3%83%83%e3%82%af/#post-28568

投稿者:: @changbeer
投稿者:: @changbeer

そっか、返信してもどのコメントに対してかわからないんですね。

「投稿ごとに、通知エリアの表示を制御するカスタマイズ方法はこちら。」という箇所に対して返信して、通知エリアではなくアピールエリアで同じ要領でやりたかった感じです。

ざっくり分かってらっしゃるかも?ですね

色んな書き込みがあるので、カンで別途トピックが良いとか即答できるようになってしまった。
って感じが正しそう。 ? ? ? 

慣れからの分類するのがムチャクチャ早いんだと思います。

返信を見てて、瞬時にしてる『判断が早い』ってのが何気に分かるんですよね・・ ? ? ? 


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

ただ多く書き込みがある場合は急ぐあまり、大事な部分を読み飛ばしてしまっている場合はあります^^;


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 
投稿者:: @yhira

ただ多く書き込みがある場合は急ぐあまり、大事な部分を読み飛ばしてしまっている場合はあります^^;

あると思いますよぉ
specialウンウン事項かもしれないですね。

すでにわいひらさんの回答があって、当たり前化してる気もします ? ? ? 
お疲れ様です。って本心で思うかも・・・

改めて、思うんで
いつも、ホントおつかれさまです!


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

世界感含めてすごいカスタマイズ。
https://www.orank.net/
使用素材は、フリー素材だけというのがまた驚く。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132

   
返信引用
さる子
(@saruko)
Reputable Member Moderator
結合: 5年前
投稿: 482
 

たなかま.jp - WordPressブログのは運営入門

たなかまさんのブログデザインが好きで、意味もなく下までスクロールして何度も見てしまう…。

特にトップの「新着記事」などの見出しが好きです。

あと、アイキャッチはフリー画像を載せるだけでもいいと見るけど、やっぱり時間と手間をかけたアイキャッチは目を引くなあと思います。(アイキャッチに時間がかけれるかはケースバイケースですが。)


   
わいひら reacted
返信引用
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

わー、さる子さん、ありがとうございます!

(あんまり更新できてなくてお恥ずかしい)

 

僕はイラストACさんをよく使わせていただいています。

https://www.ac-illust.com/

がんばります!


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

スキンが楽しみすぎます ? 
https://tanakama.jp/wordpress/simple-paper.html


   
返信引用
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

スキンを作ってみたものの、いろいろな設定に合わせるのに苦労してまして、なかなか進んでないんです ? 

とりあえず自分で使ってみながら、調整しています!

※今はCSSだけ落とせるようにしてます!

https://tanakama.jp/cocoon-skin/2018/09/22/%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89/


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

設定に合わせるのは、かなり大変ですよね^^;
ご存知とは思いますが、あまりにも大変な場合は、スキン制御で機能を制限してしまうしかないかも。
僕も設定に合わせてCSSを書くのが大変な場合があったので実装しました。


   
たなかま reacted
返信引用
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

スキン制御、知らなかったです!

ありがとうございます!


   
わいひら reacted
返信引用
(@fullnote)
Trusted Member Registered
結合: 7年前
投稿: 61
 

このサイトも面白いですね ? 

ホームページクエスト: https://yuko-casting.jp/


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

WordPressをゲーム攻略形式で進められるという面白いコンセプトですね ? 


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

最近見つけた素適カスタマイズサイト。
https://blog.leomiyanaga.com/


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

飯田グループホールディングス子会社の江の島アイランドスパのサイト。
https://www.enospa.jp/


   
返信引用
(@nekochannekochan)
Estimable Member Registered
結合: 4年前
投稿: 64
 

みるみ様

サイトの表示速度について調べていて、みるみさんのサイトに行き当たり、調べ物の内容とは別に、サイトの構成・文字・行間・色彩が、美しいなあと感心しました。

                       猫


   
わいひら reacted
返信引用
ヒロアキ
(@y-hiroaki)
Reputable Member Registered
結合: 7年前
投稿: 221
 

株式会社ビルドシステム

Cocoonを使った企業サイト。

かっこいい!


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

うそやろ…、と思ったらここら辺に名残がありました。


   
返信引用
(@hpptms)
Active Member Registered
結合: 4年前
投稿: 8
 

オシャレなブログを見ると、ブログパーツの分離されてる感がオシャレなのかなと思いまして、サイドバーもマウスオーバーすると、持ち上がる様にしてみました。

記事にするほどでも無いので記事にしていないのですが、ただ追加java scriptの所に
$("aside").addClass("a-wrap");
を追加するだけです ? 

本当はPHPで追加出来た方がいいのですが、私には無理でして ? 

これを追加するとサイドバーのメニューごとに記事を選択した時の様にフワっと持ち上がります。
デザインセンスの無い私には何となくオシャレ感が1上がった気がするのですが、どうでしょうか。


   
わいひら reacted
返信引用
ヒロアキ
(@y-hiroaki)
Reputable Member Registered
結合: 7年前
投稿: 221
 

おしゃれサイトというより、月間700万PVというのがすごいなと。もちろんCocoon。

dorama9【キャスト/あらすじ/視聴率/ネタバレ】

去年700万PV達成したらしいです。(詳細はフッターの「運営会社」参照)


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

ライターさんを20人も雇っているのはすごいですね。


   
返信引用
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1087
 

http://kachibito.net/

調べ物をしてて辿り着いたサイトで、パンくずリストとタグラベルがCocoonっぽいぞと思ったらCocoonベースの独自テーマでした。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

新しいツール等の情報をいつも発信されていて為になりますよね。
僕もfeedlyでいつもチェックさせていただいているサイトです。


   
はる reacted
返信引用
(@yamachan11)
Honorable Member Registered
結合: 5年前
投稿: 427
 

こんにちは、

Cocoon(コクーン)のサイト事例集」を見つけました。

https://wps.manuon.com/category/theme/cocoon/

 


   
わいひら reacted
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

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