【ブログについて】ワードプレス始めました。無料テーマCocoonは、初心者でも非常に使いやすい - EMA HOUSE
どうも！！ 低予算でオシャレな家を建てるべく日々勉強しているEMAです(^^♪ 最近ブログの更新が減ってきています。 小学生の子供の部活が忙しくなって、なかなかブログを更新する暇が無いのもあるのですが、 実は、ワードプレスデビューしました。 本当は、はてなブログPROにグレードアップしてやっていこうと考えていたのですが、もっとオシャレなブログにしたいということで、ワードプレスを使うためにサーバーを契約しました。 自分が契約したのは、ConohaWingです。 続けれるか分からなかったので、1年間のプランにしました。 ワードプレスのテーマは、無料テーマの『Cocoon』を使っています。本当は有料のSWELLにして、サイト化をしたいのですが、テーマが高額なために購入を躊躇しています。 今は、はてなブログのEMAHOUSEの記事を書いて、空いた時間にワードプレスの記事を書いていっています。 Co
このブログを始めたのは2017年6月。 その後2017年8月に一度テーマを変更したきり、ブログの外観をほとんどいじる事なく過ごしてきました。 WordPressのテーマは、その当時よりも使いやすい物が色々と出てきていたので、以前から変えたいと思っていたんだけど、ちょっと億劫でなかなか…（^^;） 今回のテーマ変更は6年ぶりとなります。 今まで使っていたテーマはmaterial（マテリアル）だったのですが、今回は無料のテーマの中で一番人気のあるcocoon（コクーン）に変更しました。 変更に至った理由は… 表示速度の高速化したかったから。 大分前から改善の必要があると表示されていたので、画像圧縮をしたり、画像の遅延読み込みをしたりしていたんだけど、そもそもサーバーに問題がありそう…。 本当はサーバーを変えたい所なのですが、まずはそれよりは手軽に試せるテーマ変更を行なってみることにしました。
CocoonからJINへ移行｜移行した感想とワードプレスでテーマ変更するメリット・デメリットを解説｜シェバノート
・ブログのテーマ変更をしたい ・テーマ変更のメリットを知りたい ・テーマ変更のデメリットを知りたい ・何が一番大変か気になる ・無料テーマから有料テーマに替えたい ・CocoonからJINに変更したい と言った疑問や不安を解決します。 結論、ブログで記事を複数書いている途中にワードプレスでテーマ変更をするのは、メリットもある反面デメリットの方が強いです。 立ち上げ当初から有料テーマを設定するとか、新ブログを作成して有料テーマに変更するというのであれば問題ないのですが、だいたい30記事以上書いた後のテーマ変更は結構きついです。 そこで今回は、40記事以上あるサイトを二つ運営しており合計で80記事以上書いた私が、CocoonからJINにテーマ変更した際に感じたメリット、デメリットと、JINに変更した感想をお伝えしたいと思います。
国内シェアNo.1※のレンタルサーバー『エックスサーバー』と200万DL突破の大人気WordPressテーマ「Cocoon」が業務提携、圧倒的なWordPress環境の提供へ
エックスサーバー株式会社（所在地：大阪市北区、代表取締役：小林 尚希）は、無料WordPressテーマ「Cocoon」の開発事業を譲り受けるとともに、同テーマの開発者わいひら氏と業務提携契約を締結しました。これにともない、レンタルサーバー『エックスサーバー』（ https://www.xserver.ne.jp/ ）において、「Cocoon」を簡単に利⽤できる「WordPressテーマインストール」機能の提供を開始します。 当社は技術提供・ノウハウ提供などを通じて「Cocoon」の開発・運営を全⾯的にサポートし、「Cocoon」の価値のさらなる向上を⽬指すとともに、圧倒的なシェアを誇る「Cocoon」を育て上げたわいひら氏を当社グループの仲間として迎え入れ、国内シェアNo.1（※）を誇る当社レンタルサーバー『エックスサーバー』との融合によるシナジーの最⼤化、WordPressインフラサービ
Cocoon｜SNS（シェア・フォロー）ボタンを非表示にする
SNS ボタンをまとめて非表示にする方法 WordPress 管理画面の『Cocoon 設定』で、SNS ボタンをまとめて非表示にできます。 トップシェアボタン（記事上） 「Cocoon 設定 > SNSシェア > トップシェアボタン > トップシェアボタンの表示」の「メインカラムトップシェアボタンを表示」のチェックを外します。 変更をまとめて保存 をクリックします。 ボトムシェアボタン（記事下） 「Cocoon 設定 > SNSシェア > ボトムシェアボタン > ボトムシェアボタンの表示」の「メインカラムボトムシェアボタンを表示」のチェックを外します。 変更をまとめて保存 をクリックします。 フォローボタン（記事下） 「Cocoon 設定 > SNSフォロー > フォローボタン > フォローボタンの表示」の「本文下のフォローボタンを表示する」のチェックを外します。 変更をまとめて保存 を
『cocoon』という作品がある。マンガ家の今日マチ子さんが、ひめゆり学徒隊に着想を得て描いたものだ。この作品は2013年に舞台化され、作・演出は「マームとジプシー」を主宰する藤田貴大さんが務め、主人公の「サン」を演じたのは女優の青柳いづみさんだった。同作は2015年に「再演」されているが、戦後75年を迎える今年の夏――それは東京オリンピックが行われるはずだった夏でもある――に、みたび舞台化されることになった。公演に向けたクリエイションが始まったのは、今年、2020年の3月のことだった。 ほんとうのことだと思って聞くしかない 「うりずん」という言葉がある。 短い冬が終わり、大地と大気に潤いが増してゆく季節を指す沖縄の言葉だ。藤田くんと青柳さんが沖縄を訪れたのは、まさに「うりずん」の季節だった。 首里城への坂道をのぼる。「めんそーれー」と声をかけられ、守礼門をくぐる。首里城は復旧工事が進めら
「Cocoon」日付を非表示にする方法
1.全ての日付を非表示にする方法 ①管理画面の「Cocoon設定」→「Cocoon設定」クリック Cocoon設定の画面が表示されます。 ②「本文」タブをクリック ③投稿情報表示設定の投稿関連情報の「投稿日の表示・更新日の表示」のレ点チェックを外す ④「変更をまとめて保存」をクリック ⑤非表示になっているか確認する ※環境のせいか・・・「日付が消えるまで時間がかかったので気を付けて下さい」 見事に消えていました。 2.特定の固定ページの日付を非表示にする方法 ①右メニュバーの「固定ページ」→「固定ページ一覧」をクリック 固定ページ一覧が表示される ②非表示にしたい記事IDをメモする IDという欄に表示されている数字が「記事ID」です。 ③左メニューバーの「外観」→「テーマエディター」をクリック テーマの編集画面が表示される。 ④以下のコードを「コピー」する 1ページのみ日付を非表示にしたい
WordPressテーマ『SWELL』を使った素敵なサイト、ブログを集めました！！ | SWELL DESIGN GALLERY by WebNote+ 2024年4月にリニューアルしました！絞り込み検索やお気に入り機能もあります。ぜひ見ていってください！
◆ブログで収益化：Cocoon◆フロントページにタブ切り替えを簡単に実装 - バンコクで修業中｜FIRE達成者の海外生活と資産運用【サテライト】
ワードプレスには、優秀な有料テーマも多いですが、無料なのにフルサービスで5万円の価値はあると言われるCocoonがおすすめです。 今回、Cocoonに実装された『タブ切り替え』はCSSなどの設定不要で簡単にフロントページのイメージ、使い勝手を向上させます。 ◆読者になる◆ ◆本記事のつづきは移転先：https://www.escape2bangkok.com にてご覧いただけます。お手数おかけしますが、下のブログカードよりご参照願います。 escape2bangkok.com
WordPressテーマCocoonの使い方とおすすめ初期設定
Cocoonのダウンロード Cocoonのダウンロード方法は、以下の記事をご覧ください。 》Cocoonのダウンロード方法 CocoonChildの有効化 続いて、ダウンロードしたCocoonの有効化設定をします。 １．WordPressメニュー「外観」の「テーマ」から、CocoonChildが有効化されていることを確認してください。 ２．ブログを表示すると、以上のようなデフォルトのデザインになっています。 スキン設定 Cocoonでは「スキン」機能があり、洗練されたデザインを1クリックで実装することができます。 yujiblogではスキンのホワイトラーメンを実装して、若干の変更を加えています。 １．WordPressメニューから「Cocoon設定」を開きます。 ２．表示されたページの「スキン」タブから、好みのデザインを選ぶことができます。 ３．スキン一覧の中から「ホワイトラーメン」を選択
こんにちは、コピーライティング専門会社・ワードメーカー株式会社の狩生です。 弊社ではコピーライティング＆ホームページ制作を行っているのですが、WordPresで構築する際に、「Cocoon（コクーン）」というテーマを使用することが多くなっています。
【備忘録#1】WordPressに「Google Search Console」のHTMLタグを設置する手順（Cocoon用） - Sky Blue 40代からの開業日記
WordPressに「Google Search Console」のHTMLタグを設置する手順です。 すぐ忘れてしまうので備忘録としてブログにメモ代わりに記事にしています。 使用しているテーマはCocoonです。 ①ダッシュボードの[外観]にある[テーマファイルエディター]を選択 ②[編集するテーマを選択]を[Cocoon]にして[選択] ③[Theme Header（header.php）]を選択 ④<head></haed>の間ににHTMLタグを設置（「Google Search Console」からコピー＆ペースト） まとめ ①ダッシュボードの[外観]にある[テーマファイルエディター]を選択 ②[編集するテーマを選択]を[Cocoon]にして[選択] ③[Theme Header（header.php）]を選択 ④<head></haed>の間ににHTMLタグを設置（「Google
Twitterでつぶやいていましたが、ブログを2021/4/16にリニューアルし、WordPressテーマを無料の人気テーマ「Cocoon」に変更しました。 どこかで見た様なデザインかと思いますが、超人気テーマなので似通ってしまうのは仕方ありません。 独自性よりも今後のメンテナンス性重視ということでこのテーマにしました。 当初はすんなり移行できると踏んでいたのですが、実はかなり悪戦苦闘しました。 今回は自分自身の備忘録も兼ねて綴っていこうと思います。 また、テーマ変更に伴い、Googleアドセンス広告表示に関してもいろいろ問題がありました。 当ブログでは広告表示させていただいておりますが、広告収入はブログの運営費に充てられるため、必要不可欠です。 広告表示がうまくいかないと、このブログの運営にかなり影響してくるので、私にとっては大問題でした。 現在も未解決なところが多々ありますが、いろいろ
『LIMBO』『INSIDE』のゲームプレイデザイナーによる謎の新作『Cocoon』が海外レビューで超高評価をマーク。「世界の中にある世界を行き来するカブトムシが主人公」という難解な作品
『Cocoon』の海外レビューではEurogamerとGamesRadar＋、Gamereactor UKの欧州メディア3社が100点満点のスコアを与えた。Eurogamerは本作のパズル要素を非常に高く評価しており、5～6時間で一周が終わる短く「まったく苦痛のない」ゲームであるとしながらも、驚くほどの濃密な体験ができる作品だと評価した。 このほかにも大手エンタメメディアIGNは、「『Limbo』と『INSIDE』のアイディアに基づいて構築されているが、そのどちらとも異なる、心を揺さぶるような”世界を歪ませる冒険”」が楽しめると90点をつけた。最低点である70点を付けたHardcore Gamerも、本作には満足のいくパズルデザインやボスとの戦闘、キャラクターがさまざまな世界を冒険するシンプルな楽しみがあるとしている。 このほか点数を付けてはいないが、老舗の独自路線ゲームメディアRock,
こんにちは！悠です！ 2022年の5月にWordPressのバージョンアップデート（5.9 → 6.0）が来ていたのですが、ブログの鉄則「WordPressのバージョンアップデートは様子見すべし」を守ってこれまでスルーしていました。 しかし、つい先日バージョン6.0.1が公開され、かなりのバグ修正が行われたらしいので実際にアップデートしてみました。
Cocoonヘッダー下には「おすすめカード」【キレイな玄関を】
こんにちは、とち（ @blue_chikippaa ）です。 ブログのヘッダー周辺は、まず最初に読者の目に飛び込んでくるもの。 つまり、第一印象です。 やっぱり玄関はキレイにしておいて、「まぁ！素敵なおうち（ブログ）」と言われたい！ Cocoonの「おすすめカード」を使えば、簡単にヘッダー下に画像付きカテゴリーや、見てほしい記事のリンクを作ることができます。 こんな感じのやつ（※20年1月時点の当ブログ）。 スッキリして、いい玄関ですｗ
ブログ始めました！ 「お問い合わせフォーム」を設置したほうがいいみたいだけど、いきなりやり方が解らない…どうやればいいの？後でもいい？
WordPressでテーマCocoonを使っているんだけど、 ヘッダーとヘッダーロゴって違いは？ヘッダー画像はサイズどれくらいにしたらよいの？パソコンでヘッダーを画面いっぱいに広げるにはどう設定したらよい？ 当記事では、こんな疑問を解消します。 こんにちは、タズキ（@tazukiblog）です。 ワードプレスのテーマ「Cocoon」のヘッダーを設定するときに、自分の思った通りに表示させるには、どのサイズでヘッダー画像を用意すればいいのか迷いますよね。 CSSはいじらずに、元からあるCocoon設定だけで、様々な表示方法が可能です！
Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトのような「サイト型」にカスタマイズ出来ないかと思い、いろいろ試してみることにしました。 調べてもあまりそういったカスタマイズ例が出てこなかったので、他の方の参考になるかわかりませんが自分のためにもメモしておきます。 ※こちらクラシックエディタ向けの記事になります。 コーポレートサイトとして求めるもの とりあえず固定ページは1カラム、ブログページは2カラムにすることに。 想定としてはクリニックやサロンのページ。 セクションによっては幅をいっぱいに使った背景を設定したい。 メインビジュアル下にバナーエリアを設定したい なるべくdisplay:none;は使わない。 あたりでしょうか。 とりあえずぱぱっと作ってみたトップページがこちらになります。 コンセプト・スタッフ、最終セクションに全幅の背景を設定していますが、
WordPressテーマ『SWELL』を使った素敵なサイト、ブログを集めました！！ | SWELL DESIGN GALLERY by WebNote+ 2024年4月にリニューアルしました！絞り込み検索やお気に入り機能もあります。ぜひ見ていってください！
WordPressテーマ「Cocoon」のトップページにスライドショーを設置する方法を解説します。 「MetaSlider」というプラグインを使用します。
COCOON観ました。ネタバレ厳禁なので前置きに書くことはあまりないですね。言っていいことキャストの名前とウルとアンジェリコとラファエロくらいですもんね。全部単語やん。というわけで、過去作含めて全てネタバレが含まれます。ご注意ください。 あまりにも長くなったので月と星で分割しようかとも思ったのですが、別の記事に移動してもらうのも面倒かなと思ったのでとりあえず雑に目次つけておきました。適宜ご利用ください。時間のあるときに読んでいただけるといいかなと思います。一応スマホでのネタバレ回避のために改行仕込んでます。よろしくお願いします。 ＜月の翳り＞編 ＜星ひとつ＞編 パンフレットの感想とか（箇条書き） ＜月の翳り＞編 末満さんの中では青春とは殴り合いなのか？と思ったわけですが。すごかったですねバチボコ殴り合い殺陣。TRUMPでこんなもの見るとは思わなかった。質はもちろん量が…。新鮮でした。ただこ
<!-- - 1. Preemptively warm up the fonts’ origin. - - 2. Initiate a high-priority, asynchronous fetch for the CSS file. Works in - most modern browsers. - - 3. Initiate a low-priority, asynchronous fetch that gets applied to the page - only after it’s arrived. Works in all browsers with JavaScript enabled. - - 4. In the unlikely event that a visitor has intentionally disabled - JavaScript, fall ba
【Cocoon】サイドバーの設定方法とカスタマイズ
何も設定してないブログの状態では、このようなデザインになっています。 また、Cocoonの全体的な基本設定がまだの方は以下の記事をご覧ください。 》Cocoonの使い方とおすすめ初期設定 ウィジェット設定 まずはブログに「カテゴリー」「タグクラウド」「アーカイブ」を表示します。 １．WordPressメニューの「外観」から「ウィジェット」を開きます。 ２．「サイドバー」「サイドバースクロール追従」に初期から入っているブロックがあれば、削除します。 ※「ウィジェット管理画面が違う…」という方は以下で操作画面を設定してください。 》WordPress5.8以降でウィジェット画面をもとに戻す方法 ３．左側に並んでいる一覧の中から「カテゴリー」を選択し、「サイドバー」にチェックを入れて「ウィジェットを追加」をクリックします。（※タグクラウド・アーカイブ・検索なども同様に選択し、サイドバーに追加しま
アニメ「cocoon（コクーン）」制作決定！！
太平洋戦争の終戦から80年を迎える2025年に向け、 NHKは特集アニメ「cocoon（コクーン）」を制作します。
【知ってた？】Cocoonにおけるアイキャッチ画像の最適なサイズ
結論 Cocoonにおける最適なアイキャッチ画像のサイズは1200px×630pxになります。 1200×630pxが最適な理由 OGP画像の比率と合っている TwitterやFacebookといったSNSで記事を共有した際に表示される「OGP画像」ですが、そのどちらにおいても1200×630のサイズだと見切れず綺麗に表示されます。 Twitterの場合 このカードの画像は、アスペクト比が2：1で、最小サイズが300×157または最大サイズが4096×4096ピクセルです。 引用元：Summary with large image – Twitter Developer Platform TwitterのOGP画像は2種類ありますがメジャーなSummary Card with Large Imageの場合、2:1の比率が公式より推奨されています。 よってそれとほぼ同じ比率の1200px×6
※2022年9月7日追記 エックスサーバー株式会社へのCocoon事業譲渡より、寄付特典機能はすべて開放され、無料で利用できるようになりました。 こんにちは、yuji（@yujiblog）です。 このブログでは、WordPressとアフィリエイトのノウハウを解説しています。 WordPressテーマCocoonに新しく追加された寄付機能について知りたいです。 Cocoonを応援すると、どんな特典をもらえるのでしょうか？ 以上のような、Cocoonの寄付特典に関する質問にお答えします。 この記事の内容 Cocoonの寄付特典とは？ Cocoonの寄付特典の受け取り方 特典機能の使い方 今回は、Cocoonの寄付・開発支援の趣旨と、特典の受け取り方について解説しました。 基本情報は公式ページにて掲載されていますが、Cocoonの運営環境について認知が広がればと思い、当ブログでも取り上げたいと思
/* 目次全体デザイン */ .toc{ background:#F9F9F9; /* 目次全体の背景色を変える場合はここを変更 */ border:none; display:block; border-top:5px solid; border-top-color:#FFC679; box-shadow: 0 2px 2px rgba(0,0,0,0.2); padding: 20px 25px; } /* 目次の文字指定 */ .toc-title { text-align:left; margin: 0 20px 20px -10px; padding-left: -20px; font-size: 23px; font-weight: 700; color: #FFC679; /* 目次の文字色を変える場合はここを変更 */ } /* 目次のアイコン設定 */ .toc-titl
Cocoonで設定できる項目は膨大にあり、いざ何かをしたい時、どこで設定するのか探すのが大変です。 この記事では、やりたい事から設定箇所を探せる逆引きの一覧にまとめています。 Cocoonを始めたばかりの方や、これから使おうという方は、初期設定についてもまとめていますので以下を参考にして下さい。
【感想まとめ】今日マチ子「#cocoon」がアニメ化されNHK BSで先行放送「凄かった...」「花びらが...」「今年を代表する作品」「傑作」
NHK BSで3月29日深夜に先行放送になったアニメ「cocoon ～ある夏の少女たちより～」。8月にはNHK総合で放送になるこのアニメを見たひとの感想まとめ
ブログテーマCocoonのレビュー機能を使ってみた しばらくぶりに、ブログを更新できるようになりましたが、2年ほどブランクがあいてしまった結果、色々なことが進化していました。 その中の一つが、当ブログで使っているテーマ Cocoon（コクーン）の機能。 知らない間に「レビュー」という機能が追加されていました。 レビュー機能は、ワードプレスの右サイドメニューに追加されています。 コンビニスイーツの記事を書いた際に使ってみました。 評価を表示するにチェック レビュー対象を選ぶ レビュー対象名を入力 レビュー評価をスライドして選ぶ たったこれだけの作業で、記事のタイトル下に、★★★３といった感じに評価が表示され、Googleの検索結果にも評価が反映されるという、魅力的な機能です。 Cocoonを作ったわいひらさんも言っているように「★が目を引く」のは間違いありませんね。 「とりあえず試してみよう
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressのテーマをcocoonに変更しました。 | Dear Smile
マームとジプシー『cocoon』を再訪する【第1回前編】現実以上に「ほんとうのこと」に耳を傾ける - QJWeb クイック・ジャパン ウェブ
CocoonからSWELLへの移行手順！大変なテーマ移行を少しでも楽にしよう！ | WebNote+
Cocoon（コクーン）で構築したランディングページデザイン制作事例
WordPressテーマをCocoonに変更して、いろいろ苦労した備忘録
【Cocoon】WordPress 6.0.1が来たのでアップデートしてみたぞ！
【初心者可】Cocoonお問い合わせフォーム設置方法｜WordPress
【Cocoon】ヘッダーとロゴの適正サイズは？思った通りに設定する！
Cocoonをコーポレートサイトっぽくカスタマイズ！①トップページ編
Cocoonのブロックエディターを使いこなそう！機能と使い方を動画で紹介！ | WebNote+
【Cocoonカスタマイズ】トップページにスライドショーを設置する方法（Meta Slider使用） | ツッチーブログ
「COCOON 月の翳り星ひとつ」の感想 - ひっつきむし（独断と偏見による）
【2021年】Google fontsの非同期読み込み最適化【Cocoon】
Cocoonの寄付特典を受け取りました【WordPress史上最高のテーマへ開発支援をしよう】
【Cocoon】コピペだけでWordPressの目次を可愛くカスタマイズ！
Cocoonの設定 やりたい事の逆引きで編集箇所がわかる50音順一覧
Cocoonで注意！レビュー機能で「商品」関連の問題が 7 件検出