Cocoonでは、最初に「Cocoonの全体設定」をします。「Cocoon設定」は、HTMLやCSSなどの専門知識がない初心者でも、不安なく希望のデザインのWordPressブログを設定できるシステムです。1のレンタルサーバーwpXレンタルサーバーには、WordPressでテーマCocoonを簡単に始められる「WordPressテーマインストール」機能があります。WordPressテーマCocoonをエックスサーバーに直接インストールできるので、専門知識がなくても心配性な初心者さんでも、気軽にブログやWebサイトを作ることができるので、まずはレンタルサーバーお試し10日間無料エックスサーバーCocoon設定では『設定した色はどこに反映されるのかな?』と作業中にプレビューを見ながら確認ができます。Cocoonは安心しWordPressブログを始められるテーマなのです。ワードプレスを初めて使うかたや、アメブロのようにテンプレートのあるブログを使っていたかたには、『Cocoonではこの設定がこの部分の色になるよ』と、先に知っておくとさらにイメージしやすいと思い詳しく書き起こしてみました。ARENCocoonをこれから使ってみようと思うかた、ダッシュボードの中を覗いてみませんか。コクーン全体設定はプレビュー付きで安心ワードプレスCocoonは、ダッシュボードの中の「cocoon設定」のタブを順番に開いて設定していけるようになっています。初心者でも手順に迷うことなく、更にプレビューで確認しながら設定していけるのでとても安心です。テーマ利用マニュアルも、丁寧に作られていますので分からないことがあったらすぐに見られるように別のタブで開いておくと便利です。テーマ利用マニュアルは「開発者わいひらさん」のページで、もちろん日本語です。全体設定の中で設定する主な内容サイトキーカラーサイトフォントサイト背景色やサイト背景画像サイドバーの表示位置等の設定ファビコンページ全体の設定をするときに、プレビュー画面を見て確認しながら操作ができるところが機能的です。ままん時間をかけずにスイスイと安心して作り上げていくことができます。サイトキーカラー・サイトテキストカラーの表示場所サイトキーカラーは、全体で使用する線をお好みの色でまとめてくれる設定です。見出しや引用部分、テーブルにも調整されたキーカラーが反映されます。段落の線の色、テーブルを作ったときの線の色、アイキャッチのタブ、引用タグのときの背景色が同系色の薄い色イメージとして反映されます。今回はサイトキーカラーを落ち着いたピンク系、サイトテキストカラーをホワイト(白色)に指定してみました。引用タグは↑こんな感じです。AREN好みの色をみつけるまで、何度でも確認しながら操作ができることは自分のサイトを作る上での楽しみですね。サイトキーテキストカラーサイトキーカラー内のテキストカラー(文字色)の指定です。CSSなしで簡単に設定ができます。サイトフォント(文字色)の設定は次の項目での指定になり、サイトキーテキストカラー(文字色)の設定とは別の設定になっています。デフォルトのフォントではなく、素敵なデザインのフォントを使って、おしゃれでハイセンスなブログを書きたいなぁと思っても、どうやって好みのフォントをインストールして追加したらいいのでしょう?ままん心配しなくて大丈夫です!Cocoonには、日本語フォントで表示が素敵なデザインフォントが最初から用意されています。チェックを入れて、文字色はチョコレート色に指定してみました。こちらが指定したあとの投稿の編集画面です。投稿の編集画面には、このように↑サイトフォントで選んだフォントファミリーのメイリオ(Meiryou)と、文字サイズ18pxが常に使えるように設定されます。ままんもちろん他のフォントファミリー(書体)を使いたい時は他の書体も選べるように用意されていて、とても便利です。グローバルメニューの色は次のタブ「ヘッダー」の中にある【グローバルナビメニュー】の背景色で設定するので、サイトキーカラーとは別物です。サイト背景色サイト背景色は淡いピンク系を選んでみました。サイト背景色は、ヘッダー下の区切り・フッター上の区切り・カラム間の余白に表示される区切りの色となります。背景を画像に設定することもできます。ARENCocoon設定の全体設定でサイトの模様替えも簡単にできるので、季節が変わったら色や背景画像を変更して衣替えしたりして、楽しめそうです。ままんカラム幅のサイズやコンテンツの余白幅、コンテンツ枠線幅等の設定で色とサイズを工夫すると、凝ったデザインにもなりますので慣れてきたら試してみるのもいいですね。選択背景色って?デフォルトのリンク色や訪問済みリンク色を自分好みに変更するには、CSSコードを追加しなければならないことが多いと思いますが、Cocoon設定の中で好みの色に指定できます。【サイト選択背景色】リンクしている文字の上にマウスを乗せたときの文字背景色リンク部分の文字は↓このようになります。リンクが貼ってある(aタグで囲まれている)文字色はブルーマウスを乗せている時にはチョコレート色、背景色はなし。サイドバーの設定はラジオボタンひとつだけで完了!ワードプレステーマの多くは、サイドバーの位置は左右どちらかに決まっていることが多いように思いますが、Cocoonは左右どちらでも好みで選べるようになっています。ラジオボタン一つで、すぐに位置や表示するページを変更することができます。AREN運営するサイトの目的によってサイドバーの表示・非表示を選べるのが便利ですね。ファビコンの設定は管理画面からファビコンは、サイトのタイトルバーに表示されるサイトアイコンです。512×512pxの正方形のPNG画像を用意しておきます。Cocoon設定の全体設定タブ内の指示通り「外観→カスタマイズ→サイト基本情報→サイトアイコン」と進み、「画像の変更→ファイルをアップロード」ままんこれだけで出来上がりです。変更したい時も同じ操作手順で大丈夫です。CocoonインターネットをPCだけでなくスマホやタブレットで見ることが当たり前になり、従来よりレスポンシブ対応が望まれてきています。ワードプレスの初心者とか、ブログデザインのCSSが難しくてとか...こういう悩み事を体験しているので、同じようなかたがいらっしゃるのではないかと思いました。CSSの書き換えや追加などの心配がなく、思い通りのデザインが作れるCocoonの解説を、WordPress初心者向けに作ってみました。PC(パソコン)でHTML世代の中高年でも、CSSやプラグインにドキドキしちゃうかたでも、コクーンならワードプレスを使って思い通りのWebページのデザインができます。Cocoonは開発者のわいひらさんにより無料で公開されています。ワードプレスでブログサイトを作るにはアメブロなどのテンプレートのある無料ブログと違い、ワードプレスでブログサイトを開設するためには、最初にレンタルサーバーを用意する必要があります。レンタルサーバーエックスサーバーにアクセスし「サーバー新規お申し込み」から案内に沿って手続きしていきます。エックスサーバーには「ワードプレス簡単インストール」という機能が備わっているので、レンタルサーバーが初めてのかた、ワードプレス初心者のかたでも分かりやすくサイトを開設することができます。今すぐWordPressブログをお試し体験できるエックスサーバーワードプレスでブログサイトを作るなら、レンタルサーバーは簡単で安心ながお勧めです。こんにちは...egaoni-tsutsumarete.com2022.02.22コクーンはフォーラムも充実しています。グーグル翻訳をしなくても大丈夫!何より日本語なのが安心です。CocoonSEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。2020.05.25ままんWordPressアドセンスのads.txtファイルの問題を修正してくださいに対処ブログでアドセンスを利用しているのですが、ads.txtファイルをアップロードしておくことが推奨とされています。そのままでも問題はないということですが、アドセンスにログインするたびに問題を修正してくださいというメッセージは気になりますよね。Cocoonにはオリジナルの吹き出しが簡単に作れるテンプレートが用意されていて、初心者でも簡単に吹き出しの設定ができます。プロフィール画像の設定は無料プラグインお気に入りの画像をブログのアバターにすると、訪問された読者の方にも人柄を感じてもらえます。ワードプレス初心者、無料プラグインで簡単に表示させることができます。サーバーエラーでサイトが表示されないという「500エラー」が出た時は、でアップロードしたバックアップデータの容量を確認してみることをお勧めします。構造化データの定義で画像は幅1200ピクセル以上にする必要があるとなっています。しないと恥ずかしい思いをしてしまうことも?2019.03.14ままんWordPressWordPressを定期的にバックアップする方法|プラグインWordPressの更新前にはバックアップをしましょう。FTPを利用してバックアップデータをダウンロードするって、ワードプレス初心者にとってはドキドキの作業...そこでオススメ、無料で利用できるプラグインBackWPupを追加・設定しました。CocoonWordPressには、「投稿」と「固定ページ」があります。使い分けに戸惑ってしまうときの参考になればと思います。固定ページは単独記事です。WordPressの時には使い方に戸惑うものです。PMCocoonを使い始めたばかりだったので参考になりました。ありがとうございます。今後も参考にさせて頂きたいと思いますのでよろしくお願いいたします。コメントありがとうございます。コクーンの設定は、ワードプレスの無料テーマの中ではとても親切で優秀な機能も充実していると思います。PMコクーンのわかりやすいサイトをさがしていて見つけました。わかりやすくてとてもためになり、また助かりました。読んで自身のブログに反映させたいです。ありがとうございました。コメントを書き込むコメントをどうぞメールアドレスが公開されることはありません。値下げの理由を考察2019.03.042022.11.301歳から11歳頃までロングに使える最新チャイルドシートの使い方2020.07.122022.11.30初孫が生まれるので実家用にチャイルドシートを用意する母の理由2019.03.072022.11.28笑顔につつまれてこの記事を書いた人ままんまだHTMLしかなかった頃からネットでブログを始める。defined.")}))})();タイトルとURLをコピーしました。