サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2020年6月17日 20:38
僕も知りたいので立てました。
暇があったら、ちょこちょこ書き込んでいければと思います。
トピックスターター 2020年6月17日 20:39
まずはオーソドックスなところで申しわけないけど。
アイキャッチ作成用向けのツール。
グラフィックデザインを無料で簡単作成 - Canva
https://www.canva.com/ja_jp/
無料でも十分すぎるくらいきれいなアイキャッチが作れる。
高性能な画像編集ソフトを持っていない人向け。
eyanai reacted
2020年6月18日 19:40
データポータル。
これほどのツールが無料で使える。
表形式のデータを可視化できます。Googleのツールだから、Googleもデータであることを理解してくれるんじゃないかと（安い期待）
https://datastudio.google.com/
使いようによっては、サーチコンソールを取り込んでGRCの代わりにできます。
2020年6月18日 19:43
2020年6月18日 20:21
簡単な操作で border-radius を作ってくれます。
あ～ここ使ってました。
便利ですよね。
こちらの方もあります。
Fancy Border Radius Generator（8点バージョン）
2020年6月18日 20:29
トピックスターター 2020年6月18日 23:19
結構知らないツールもあって、ありがてえ、ありがてえ；；
簡単な図解を作るならGoogle図形描画が結構便利。
https://docs.google.com/drawings/
すいません。
このトピックは自分のメモとしても、ツールリストとしても、非常に有益に使えそうだったので、一目でツール化分るように、勝手にスクリーンショットを追加させていただきました。
皆様は、URLを書き込んでいただくだけで、ありがたいです。もしかしたら僕が追記でスクリーンショット追加させていただくかもしれません。
さる子 reacted
トピックスターター 2020年6月18日 23:21
トピックスターター 2020年6月19日 19:43
エクセルで作った表を、HTMLのテーブルに変換するツール。
テーブルの作成は面倒なので、先にエクセルで作ってしまう場合には便利。
Excel to Table | Excel表からHTMLテーブルへ一発変換
https://tech-unlimited.com/exceltable.html
※セルの結合とかには対応していません。
※ブロックエディターだと、クラシックブロックとか、HTML挿入ブロックとかでの利用になります。
さる子 reacted
2020年6月20日 16:17
ぴったりのスレッドがなかったので、「便利」なものを発見したという意味で、ここに書きます。
詳しくは↓のサイトを見てもらうとして、なんかCSSでisという擬似クラスが使えるようです。
CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる！
例を書いた方がわかりやすいと思うので。
/*ウィジェット（カテゴリー・アーカイブなど）*/
.widget_recent_entries ul,
.widget_categories ul,
.widget_archive ul,
.widget_pages ul,
.widget_meta ul,
.widget_rss ul,
.widget_nav_menu ul {
padding: 0;
margin: 0;
list-style: none;
}
これをis()擬似クラスを使うと、↓のように書けるようです。
:is(
.widget_recent_entries,
.widget_categories,
.widget_archive,
.widget_pages,
.widget_meta,
.widget_rss,
.widget_nav_menu) ul{
padding: 0;
margin: 0;
list-style: none;
}
ulを繰り返し書いていたのが、1回ですむということですね。
この例だとulだけなので、そんなにありがたみはないと思えますけど、多少は、CSSの圧縮になるんじゃないかと。
上記サイトにも書いているように、今の所Safari、FIrefoxだけが使えるようです。
2020年6月20日 18:36
トピックスターター 2020年6月20日 22:32
:isは知りませんでした。
ただヒロアキさんも書かれている通り、今のところは、ほとんどのブラウザでサポート外っぽいですね。
早く対応して欲しいですね。
https://caniuse.com/#search=%3Ais
2020年6月21日 01:15
Cocoonユーザーにも利用されている方はけっこういると思いますが、VPSやクラウドでブログを立ち上げるならKUSANAGIが便利です。
特にサーバーの指定がなく、さくっと始めたい（サーバー代を抑えたい）ときにはConoHa KUSANAGI managerを利用すれば、レンタルサーバー感覚で立ち上げられます。
他の方はどのような構成にされるのか気になるところですが、KUSANAGI managerを用いる場合は移行・冗長化しやすいようにプライベートネットワークでDBサーバーと分けて、画像フォルダはWP Offload等のプラグインでS3、CDNは国内ならウェブアクセラレータ（＋CloudFront）みたいな構成を私はよくします。
2020年6月21日 16:03
どーして ふるえちゃうの？？？
2020年6月21日 16:41
どーして ふるえちゃうの？？？
とても便利そうだったから (((（´・ω・`）)))
2020年6月25日 13:59
エイじーは、画像の加工にPhotoScapeを利用しています。
文字の挿入、ある部分を四角やまるなどで囲むなど色々画像に加工を加えることができます。
また、画像の結合も簡単です。
後、見逃すことができないことに、リサイズができます。
皆さんは、画像加工に何を使われていますか？
箭内英治
トピックスターター 2020年6月25日 22:55
僕は、リサイズ程度の簡単なものであれば、JTrimを使ってます。
軽くて簡単なので。
少し高度なことをやろうと思えば、昔購入したPhotoshopになってしまいますね。
2020年6月25日 23:04
@yhira さん
「JTrim」ですか・・
これまた、初めて知りました。
確かにPhotoshopは、パッとすぐには、起動しないんですよね。
動作環境を見ると、XPぐらいまでしか書いていませんが、Windows10でも、ほぼ支障なく動作していますか？
トピックスターター 2020年6月29日 20:17
定番だけど書いていなかったので一応。
O-DAN (オーダン）- 無料写真素材・フリーフォト検索
https://o-dan.net/ja/
クリエイティブ・コモンズゼロ（CC0）のような、著作権とかを気にしなくても利用できる画像を世界の画像サイトから横断検索できるツール。
日本語で入力すると、英語に自動変換して検索してくれるのが楽。
トピックスターター 2020年6月29日 20:23
2020年6月30日 18:54
超有名ですけど、FLAT ICON DESIGN
これとCanva組み合わせれば結構いろいろやれます。
---
ちなみにFLAT ICON DESIGNの上部に似たような素材サイトリンクがたくさんあります。
この投稿は4年前 2回ずつチャンビア?に変更されました
トピックスターター 2020年6月30日 20:44
一応、その他の嵌め込み画像（モックアップ）サイトもまとめて貼っておきます。
https://theapplaunchpad.com/mockup-generator/
https://smartmockups.com/
https://mockup.photos/
https://magicmockups.com/
http://dunnnk.com/
2020年7月2日 20:34
Canvaに似たオンラインツール、写真画像編集ソフト、ライト・カジュアルなフォトショ的な？
https://www.fotor.com/jp/
（フォトワーと呼ぶそうです）
A8提携あるので行けそうな人どうぞ。
（ ? ←書こうと思いなかなか進まない人）
わいひら reacted
2020年7月2日 20:45
iPhoneのアプリ版を使ってた時期がありますが、ずっと「フォター」って読んでました…。
Canvaはイラストや文字の配置に特化、Fotorは写真の加工（色の調整や文字入れ）に特化、という印象です。
トピックスターター 2020年8月30日 19:45
運営サイトにレビュー依頼があったので使ってみるだけ使ってみた。
Canvaに近い無料で使えるグラフックデザインツール。
DesignCap
https://www.designcap.com/jp/
ポップなグラフも作成可能。
ただ、無料の仕様制限がちょっと厳しい。
https://www.designcap.com/pricing.html
けれど、1週間に1回使う程度であれば問題なく使えそう。
2020年9月1日 09:16
デザインカスタマイズを2つ。
ブロックエディタ専用カスタマイズサイト「プルス」
コピペで使えるWebデザインカスタマイズツール「Nomad Code」
わいひら reacted
2020年9月10日 13:11
ブログ用にも使えるイラストサイト。
種類も豊富で絵のタッチもポップでいい感じ。商用利用も可能（再販とかはダメ）。
イラストマン（ https://illustman.net/sample-page/ ）
わいひら reacted
2020年9月13日 15:38
ツイッターで見かけたので共有。
テキスト色と連動する矢印ボタン（ホバー時に反転） | CodeBox（こーどぼっくす）
https://codebox.jp/button/button-background
元ツイート（動画の使用例あり）
https://twitter.com/haniwa008/status/1304739228710916097?s=21
最近コード生成ツールや、パーツのコード集のサイトがいろいろ出てきて見てるだけで楽しいです…！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。