Are you over 18 and want to see adult content?
More Annotations
A complete backup of www.ivg.it/2020/02/490905/
Are you over 18 and want to see adult content?
A complete backup of www.repubblica.it/sport/calcio/champions/2020/02/25/news/chelsea-bayern_0-3_doppio_gnabry_e_lewandowski_i_t
Are you over 18 and want to see adult content?
A complete backup of www.chinatimes.com/realtimenews/20200225002154-260404
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of https://markluk.com.br
Are you over 18 and want to see adult content?
A complete backup of https://dkpminus.com
Are you over 18 and want to see adult content?
A complete backup of https://konga.com
Are you over 18 and want to see adult content?
A complete backup of https://motorward.com
Are you over 18 and want to see adult content?
A complete backup of https://safe2use.com
Are you over 18 and want to see adult content?
A complete backup of https://provenwinners.com
Are you over 18 and want to see adult content?
A complete backup of https://gograd.org
Are you over 18 and want to see adult content?
A complete backup of https://serious-gamerz.de
Are you over 18 and want to see adult content?
A complete backup of https://infrabuild.com
Are you over 18 and want to see adult content?
A complete backup of https://academie-psychotherapie.nl
Are you over 18 and want to see adult content?
A complete backup of https://dogviously.com
Are you over 18 and want to see adult content?
A complete backup of https://zorgcirkel.nl
Are you over 18 and want to see adult content?
Text
わいひら.
個々のページ毎に違う設定を行うための設定です。. 投稿・固定ページ. 投稿のメインカテゴリーを選択する方法。. 意図したカテゴリーをラベルに表示する設定。.2020.06.24 わい
アクセス集計機能の説明 Cocoonのアクセス集計機能に関する解説です。使用することで、管理者はアクセス状況を把握しやすくなるという利点もありますが、多少なりともサーバーに負荷をかけてしまうという難点も 記事作成時に利用できるショートコード集 記事の本文中に動的な処理を追加することができるショートコードの使い方など。 全体のショートコードの使い方をまとめたページがこちら(外部サイト)。 Cocoonで使えるのオプションと使い方まとめCocoonで使えるショートコード+オプション一覧と、使い方が掲載されている公式ページへ COCOONテーマとあわせて使用するのにお勧めなプ …TRANSLATE THIS PAGE WordpressテーマCocoonは、ある程度自前でサイト運営に必要な機能を備えています。ただ、すべての機能を同梱するわけにはいかないので、この記事で紹介するプラグインで機能を補完することで更にサイト運営能力を高めることができます。 スキン制御の仕様。スキン側から「COCOON設定値 …TRANSLATE THIS PAGE スキン側から「Cocoon設定」のオプション値を変更する手段の紹介です。スキン側から設定を変更できることで開発の手間を削減することができます。 内部ブログカードを表示する方法 内部ブログカードを記事本文内に表示させる方法です。urlを記入するだけで利用できます。 楽天商品リンク設定と使い方 楽天商品リンク設定と使い方. 楽天商品リンク. 楽天商品リンクの初期設定方法やショートコードの使い方の説明です。. 楽天商品リンク. 楽天商品リンクを手っ取り早く作成する方法. 2019.04.01 わいひら 0. 楽天商品リンク. Amazon商品リンク. Amazon・楽天商品 投稿・固定ページ単位で広告を除外する方法 ページ毎に広告を除外するには、「広告を除外したいページの投稿・固定ページの編集画面」を表示してください。. ページ管理画面に「広告の設定」ボックスが表示されていない場合は、「表示オプション」から「広告の設定」を有効にすることで設定 COCOONテーマのダウンロード 親テーマのダウンロードはこちら。. “Cocoonテーマ” をダウンロード cocoon-master-2.3.0.zip – 1148185 回のダウンロード – 13 MB. 必ずPHP7、WordPress5.5以上でご利用ください。. Macの場合は、zipが自動で解凍(展開)される場合があります。. その際は、zipに再圧縮し 記事作成に便利な機能 投稿・固定ページで記事を作成する際の助けになる便利なテーマ機能の紹介です。. わいひら. 文章の装飾やレイアウトなどに。. ブロックエディター. ブロックエディターの複数ブロックをグループブロックを使ってまとめて装飾する方法. 2020.07.14 わいひら 投稿・固定ページ用の設定 投稿・固定ページ. 投稿・固定ページの管理画面で行う設定です。.わいひら.
個々のページ毎に違う設定を行うための設定です。. 投稿・固定ページ. 投稿のメインカテゴリーを選択する方法。. 意図したカテゴリーをラベルに表示する設定。.2020.06.24 わい
アクセス集計機能の説明 Cocoonのアクセス集計機能に関する解説です。使用することで、管理者はアクセス状況を把握しやすくなるという利点もありますが、多少なりともサーバーに負荷をかけてしまうという難点も 記事作成時に利用できるショートコード集 記事の本文中に動的な処理を追加することができるショートコードの使い方など。 全体のショートコードの使い方をまとめたページがこちら(外部サイト)。 Cocoonで使えるのオプションと使い方まとめCocoonで使えるショートコード+オプション一覧と、使い方が掲載されている公式ページへ COCOONテーマとあわせて使用するのにお勧めなプ …TRANSLATE THIS PAGE WordpressテーマCocoonは、ある程度自前でサイト運営に必要な機能を備えています。ただ、すべての機能を同梱するわけにはいかないので、この記事で紹介するプラグインで機能を補完することで更にサイト運営能力を高めることができます。 スキン制御の仕様。スキン側から「COCOON設定値 …TRANSLATE THIS PAGE スキン側から「Cocoon設定」のオプション値を変更する手段の紹介です。スキン側から設定を変更できることで開発の手間を削減することができます。 内部ブログカードを表示する方法 内部ブログカードを記事本文内に表示させる方法です。urlを記入するだけで利用できます。 楽天商品リンク設定と使い方 楽天商品リンク設定と使い方. 楽天商品リンク. 楽天商品リンクの初期設定方法やショートコードの使い方の説明です。. 楽天商品リンク. 楽天商品リンクを手っ取り早く作成する方法. 2019.04.01 わいひら 0. 楽天商品リンク. Amazon商品リンク. Amazon・楽天商品 投稿・固定ページ単位で広告を除外する方法 ページ毎に広告を除外するには、「広告を除外したいページの投稿・固定ページの編集画面」を表示してください。. ページ管理画面に「広告の設定」ボックスが表示されていない場合は、「表示オプション」から「広告の設定」を有効にすることで設定 COCOONおすすめのサイト高速化設定 Cocoonと相性の良いページの高速化設定方法の紹介です。Cocoonデフォルト機能だけでも十分にPageSpeed Insightsで高得点が狙えます。加えて、ページキャッシュプラグインや、画像最適化プラグインを利用すれば、より良い良いパフォーマンスを目指すことも可能かと思います。 人気記事一覧を表示するショートコードの利用方法 …TRANSLATE THIS PAGE ショートコード. 人気記事一覧を表示するショートコードの利用方法. ショートコード. 2020.03.26 2018.02.27. この記事は 約2分で読めます。.
Cocoonは、ショートコードを利用して本文中に人気記事一覧を表示することが可能です。. これも、 新着記事一覧ショート スキン紹介・仕様など スキン紹介・仕様など. スキン. 洋服を着替える感覚で手軽にサイトの外観を変更できるスキンの情報です。.わいひら.
リッチな外観はスキンに任せられる仕様になっています。.スキン.
モノトーン調にデザインされた「モノクロ」スキンを同梱追加.2021.05
カラフルボックスでWORDPRESSサイトの開設手順を …TRANSLATE THIS PAGE 高性能レンタルサーバーの「カラフルボックス(ColorfullBox)」にWordPressをインストールしてブログ運営を開始する手順です。説明図が多めでやさしく解説しています。 タイムラインショートコードの利用方法 「タイムラインショートコード」と「タイムラインアイテムショートコード」の利用方法を実例とともに紹介します。 記事内を2カラム・3カラム・4カラムに分ける方法 …TRANSLATE THIS PAGE 2・3カラムレイアウトを利用する方法. ビジュアルエディターの「タグ」ドロップダウンリストの項目を選択することで、以下のように簡単にカラムレイアウトを作成できます。. 上記のように、”ビジュアルエディター上では”カラムはカラーリングされて 個別の詳細なカテゴリページを作る方法(カテゴリ …TRANSLATE THIS PAGE とにかく速い。サイトに表示スピードを求めるならココ。 管理画面がシンプルで使いやすい。 nginxを用いた高速サーバー(完全SSD) プランのアップ・ダウングレードが自由自在 同サービス内でドメイン管理が可能 ディスク容量が多い 転送量が多い http/2(高速化プロトコル)に対応 毎日無料 投稿・固定ページ単位で広告を除外する方法 とにかく速い。サイトに表示スピードを求めるならココ。 管理画面がシンプルで使いやすい。 nginxを用いた高速サーバー(完全SSD) プランのアップ・ダウングレードが自由自在 同サービス内でドメイン管理が可能 ディスク容量が多い 転送量が多い http/2(高速化プロトコル)に対応 毎日無料 テーマの設定をリセットする方法 テーマ設定をリセットする方法. WordPress管理画面から「Cocoon設定」を選択してください。 「リセット」タブを選択後、「全ての設定をリセットする」と「リセット動作の確認」双方にチェックを入れて保存してください。 内部ブログカードを表示する方法 内部ブログカードを記事本文内に表示させる方法です。urlを記入するだけで利用できます。 COCOONテーマのダウンロード 親テーマのダウンロードはこちら。. “Cocoonテーマ” をダウンロード cocoon-master-2.3.0.zip – 1142011 回のダウンロード – 13 MB. 必ずPHP7、WordPress5.5以上でご利用ください。. Macの場合は、zipが自動で解凍(展開)される場合があります。. その際は、zipに再圧縮し プロフィール画像やプロフィール情報、SNSページ …TRANSLATE THIS PAGE Cocoonでは、記事の投稿者ごとにプロフィールを設定することが可能です。また、自前のプロフィール画像設定機能も保持しており、手軽に設定できるようになっています。 テーマの設定をリセットする方法 この記事は 約1分 で読めます。. Cocoonは、テーマ設定をクリック操作で初期化することが可能です。. WordPress管理画面から「Cocoon設定」を選択してください。. 「リセット」タブを選択後、「全ての設定をリセットする」と「リセット動作の確認」双方に アクセス集計機能の説明 Cocoonのアクセス集計機能に関する解説です。使用することで、管理者はアクセス状況を把握しやすくなるという利点もありますが、多少なりともサーバーに負荷をかけてしまうという難点も COCOONを利用する際に是非行って欲しい画像設定5 …TRANSLATE THIS PAGE Cocoonを利用する上で、忘れがちな画像の設定をまとめてみました。これらを設定することで、少しでもサイトを綺麗に見せることができて、覚えてもらいやすくなると思います。 おすすめカードウィジェットの使い方Cocoon
1.9.8からおすすめカードウィジェットが使えるようになりました。. 以前からヘッダー下に「おすすめカード」を表示することはできました。. サイト内回遊率の改善に、ヘッダー下画像リンクの作り方。. この機能がウィジェットでも利用できて 内部ブログカードを表示する方法 内部ブログカードを記事本文内に表示させる方法です。urlを記入するだけで利用できます。 スキン制御の仕様。スキン側から「COCOON設定値 …TRANSLATE THIS PAGE スキン側から「Cocoon設定」のオプション値を変更する手段の紹介です。スキン側から設定を変更できることで開発の手間を削減することができます。 ウィジェットタイトル入力欄先頭に!を挿入すると …TRANSLATE THIS PAGE を挿入すると公開ページでウィジェットタイトルが表示されない仕様になっています. この記事は 約2分 で読めます。. Cocoonで利用されているウィジェットは、ウィジェットタイトル入力欄先頭に「!. (半角エクスクラメーションマーク)」を挿入すること 投稿・固定ページ単位で広告を除外する方法 ページ毎に広告を除外するには、「広告を除外したいページの投稿・固定ページの編集画面」を表示してください。. ページ管理画面に「広告の設定」ボックスが表示されていない場合は、「表示オプション」から「広告の設定」を有効にすることで設定 COCOONテーマのダウンロード 親テーマのダウンロードはこちら。. “Cocoonテーマ” をダウンロード cocoon-master-2.3.0.zip – 1142011 回のダウンロード – 13 MB. 必ずPHP7、WordPress5.5以上でご利用ください。. Macの場合は、zipが自動で解凍(展開)される場合があります。. その際は、zipに再圧縮し プロフィール画像やプロフィール情報、SNSページ …TRANSLATE THIS PAGE Cocoonでは、記事の投稿者ごとにプロフィールを設定することが可能です。また、自前のプロフィール画像設定機能も保持しており、手軽に設定できるようになっています。 テーマの設定をリセットする方法 この記事は 約1分 で読めます。. Cocoonは、テーマ設定をクリック操作で初期化することが可能です。. WordPress管理画面から「Cocoon設定」を選択してください。. 「リセット」タブを選択後、「全ての設定をリセットする」と「リセット動作の確認」双方に アクセス集計機能の説明 Cocoonのアクセス集計機能に関する解説です。使用することで、管理者はアクセス状況を把握しやすくなるという利点もありますが、多少なりともサーバーに負荷をかけてしまうという難点も COCOONを利用する際に是非行って欲しい画像設定5 …TRANSLATE THIS PAGE Cocoonを利用する上で、忘れがちな画像の設定をまとめてみました。これらを設定することで、少しでもサイトを綺麗に見せることができて、覚えてもらいやすくなると思います。 おすすめカードウィジェットの使い方Cocoon
1.9.8からおすすめカードウィジェットが使えるようになりました。. 以前からヘッダー下に「おすすめカード」を表示することはできました。. サイト内回遊率の改善に、ヘッダー下画像リンクの作り方。. この機能がウィジェットでも利用できて 内部ブログカードを表示する方法 内部ブログカードを記事本文内に表示させる方法です。urlを記入するだけで利用できます。 スキン制御の仕様。スキン側から「COCOON設定値 …TRANSLATE THIS PAGE スキン側から「Cocoon設定」のオプション値を変更する手段の紹介です。スキン側から設定を変更できることで開発の手間を削減することができます。 ウィジェットタイトル入力欄先頭に!を挿入すると …TRANSLATE THIS PAGE を挿入すると公開ページでウィジェットタイトルが表示されない仕様になっています. この記事は 約2分 で読めます。. Cocoonで利用されているウィジェットは、ウィジェットタイトル入力欄先頭に「!. (半角エクスクラメーションマーク)」を挿入すること 投稿・固定ページ単位で広告を除外する方法 ページ毎に広告を除外するには、「広告を除外したいページの投稿・固定ページの編集画面」を表示してください。. ページ管理画面に「広告の設定」ボックスが表示されていない場合は、「表示オプション」から「広告の設定」を有効にすることで設定 テーマ利用マニュアル テーマの使い方記事のインデックスです。. 推奨のWordPress設定、初期設定など。. 載ってない機能は随時追加予定。. 投稿作成時に、ビジュアルエディターで利用する便利な機能です。. デザインスキンを選択 Cocoonデフォルト イノセンス アリス チェシャ猫 アクセス集計機能の説明 Cocoonのアクセス集計機能に関する解説です。使用することで、管理者はアクセス状況を把握しやすくなるという利点もありますが、多少なりともサーバーに負荷をかけてしまうという難点も CTA(コール トゥ アクション)ボックスを作成す …TRANSLATE THIS PAGE この記事は 約1分 で読めます。. CocoonのCTA(Call to Action)ボックスはウィジェットを用いて設定する方式になります。. WordPress管理画面から「外観→ウィジェット」を選択します。. 「CTAボックス」ウィジェットを「表示したいウィジェットエリア」に プロフィール画像やプロフィール情報、SNSページ …TRANSLATE THIS PAGE Cocoonでは、記事の投稿者ごとにプロフィールを設定することが可能です。また、自前のプロフィール画像設定機能も保持しており、手軽に設定できるようになっています。 記事作成時に利用できるショートコード集 記事の本文中に動的な処理を追加することができるショートコードの使い方など。 全体のショートコードの使い方をまとめたページがこちら(外部サイト)。 Cocoonで使えるのオプションと使い方まとめCocoonで使えるショートコード+オプション一覧と、使い方が掲載されている公式ページへ 投稿・固定ページ用の設定 投稿・固定ページ. 投稿・固定ページの管理画面で行う設定です。.わいひら.
個々のページ毎に違う設定を行うための設定です。. 投稿・固定ページ. 投稿のメインカテゴリーを選択する方法。. 意図したカテゴリーをラベルに表示する設定。.2020.06.24 わい
和色ベースのシンプルな「FUWARI和色」スキン4種 …TRANSLATE THIS PAGEFuwari和色
「Fuwari和色」スキンは、日本の伝統色(和色)をベースとしたスキンです。スキンページ
によると以下の4色をベースとして、それぞれ4つのスキンが公開されています。.引用
WordPressテーマCocoonのデザインスキン「Fuwari和色」を作りました. Fuwari -海老茶(えびちゃ)- 「ボックスメニュー」ウィジェットの使い方Cocoon
2.0.7にて「ボックスメニュー」がウィジェットでも利用できるようになりました。. ボックスメニューショートコード を利用せずとも、ウィジェットを放り込んで設定するだけで手軽に利用できるようになりました。. アイコンフォントや画像用いて カラフルボックスでWORDPRESSサイトの開設手順を …TRANSLATE THIS PAGE 高性能レンタルサーバーの「カラフルボックス(ColorfullBox)」にWordPressをインストールしてブログ運営を開始する手順です。説明図が多めでやさしく解説しています。 アドセンスの自動広告を設定する方法 WordPress管理画面から「Cocoon設定」を選択してください。. 「広告」タブを開いて「アドセンス表示方式」項目で設定を行います。. それぞれの設定項目の意味はこちら。. アドセンス自動広告のみ利用 :自動広告のみ表示. 自動広告とマニュアル広告を併用 COCOONテーマのダウンロード 親テーマのダウンロードはこちら。. “Cocoonテーマ” をダウンロード cocoon-master-2.3.0.zip – 1142011 回のダウンロード – 13 MB. 必ずPHP7、WordPress5.5以上でご利用ください。. Macの場合は、zipが自動で解凍(展開)される場合があります。. その際は、zipに再圧縮し プロフィール画像やプロフィール情報、SNSページ …TRANSLATE THIS PAGE Cocoonでは、記事の投稿者ごとにプロフィールを設定することが可能です。また、自前のプロフィール画像設定機能も保持しており、手軽に設定できるようになっています。 テーマの設定をリセットする方法 この記事は 約1分 で読めます。. Cocoonは、テーマ設定をクリック操作で初期化することが可能です。. WordPress管理画面から「Cocoon設定」を選択してください。. 「リセット」タブを選択後、「全ての設定をリセットする」と「リセット動作の確認」双方に アクセス集計機能の説明 Cocoonのアクセス集計機能に関する解説です。使用することで、管理者はアクセス状況を把握しやすくなるという利点もありますが、多少なりともサーバーに負荷をかけてしまうという難点も COCOONを利用する際に是非行って欲しい画像設定5 …TRANSLATE THIS PAGE Cocoonを利用する上で、忘れがちな画像の設定をまとめてみました。これらを設定することで、少しでもサイトを綺麗に見せることができて、覚えてもらいやすくなると思います。 おすすめカードウィジェットの使い方Cocoon
1.9.8からおすすめカードウィジェットが使えるようになりました。. 以前からヘッダー下に「おすすめカード」を表示することはできました。. サイト内回遊率の改善に、ヘッダー下画像リンクの作り方。. この機能がウィジェットでも利用できて 内部ブログカードを表示する方法 内部ブログカードを記事本文内に表示させる方法です。urlを記入するだけで利用できます。 スキン制御の仕様。スキン側から「COCOON設定値 …TRANSLATE THIS PAGE スキン側から「Cocoon設定」のオプション値を変更する手段の紹介です。スキン側から設定を変更できることで開発の手間を削減することができます。 COCOONテーマのダウンロード 親テーマのダウンロードはこちら。. “Cocoonテーマ” をダウンロード cocoon-master-2.3.0.zip – 1142011 回のダウンロード – 13 MB. 必ずPHP7、WordPress5.5以上でご利用ください。. Macの場合は、zipが自動で解凍(展開)される場合があります。. その際は、zipに再圧縮し プロフィール画像やプロフィール情報、SNSページ …TRANSLATE THIS PAGE Cocoonでは、記事の投稿者ごとにプロフィールを設定することが可能です。また、自前のプロフィール画像設定機能も保持しており、手軽に設定できるようになっています。 テーマの設定をリセットする方法 この記事は 約1分 で読めます。. Cocoonは、テーマ設定をクリック操作で初期化することが可能です。. WordPress管理画面から「Cocoon設定」を選択してください。. 「リセット」タブを選択後、「全ての設定をリセットする」と「リセット動作の確認」双方に アクセス集計機能の説明 Cocoonのアクセス集計機能に関する解説です。使用することで、管理者はアクセス状況を把握しやすくなるという利点もありますが、多少なりともサーバーに負荷をかけてしまうという難点も COCOONを利用する際に是非行って欲しい画像設定5 …TRANSLATE THIS PAGE Cocoonを利用する上で、忘れがちな画像の設定をまとめてみました。これらを設定することで、少しでもサイトを綺麗に見せることができて、覚えてもらいやすくなると思います。 おすすめカードウィジェットの使い方Cocoon
1.9.8からおすすめカードウィジェットが使えるようになりました。. 以前からヘッダー下に「おすすめカード」を表示することはできました。. サイト内回遊率の改善に、ヘッダー下画像リンクの作り方。. この機能がウィジェットでも利用できて 内部ブログカードを表示する方法 内部ブログカードを記事本文内に表示させる方法です。urlを記入するだけで利用できます。 スキン制御の仕様。スキン側から「COCOON設定値 …TRANSLATE THIS PAGE スキン側から「Cocoon設定」のオプション値を変更する手段の紹介です。スキン側から設定を変更できることで開発の手間を削減することができます。 ウィジェットタイトル入力欄先頭に!を挿入すると …TRANSLATE THIS PAGE を挿入すると公開ページでウィジェットタイトルが表示されない仕様になっています. この記事は 約2分 で読めます。. Cocoonで利用されているウィジェットは、ウィジェットタイトル入力欄先頭に「!. (半角エクスクラメーションマーク)」を挿入すること 投稿・固定ページ単位で広告を除外する方法 ページ毎に広告を除外するには、「広告を除外したいページの投稿・固定ページの編集画面」を表示してください。. ページ管理画面に「広告の設定」ボックスが表示されていない場合は、「表示オプション」から「広告の設定」を有効にすることで設定 テーマ利用マニュアル テーマの使い方記事のインデックスです。. 推奨のWordPress設定、初期設定など。. 載ってない機能は随時追加予定。. 投稿作成時に、ビジュアルエディターで利用する便利な機能です。. デザインスキンを選択 Cocoonデフォルト イノセンス アリス チェシャ猫 アクセス集計機能の説明 Cocoonのアクセス集計機能に関する解説です。使用することで、管理者はアクセス状況を把握しやすくなるという利点もありますが、多少なりともサーバーに負荷をかけてしまうという難点も CTA(コール トゥ アクション)ボックスを作成す …TRANSLATE THIS PAGE この記事は 約1分 で読めます。. CocoonのCTA(Call to Action)ボックスはウィジェットを用いて設定する方式になります。. WordPress管理画面から「外観→ウィジェット」を選択します。. 「CTAボックス」ウィジェットを「表示したいウィジェットエリア」に プロフィール画像やプロフィール情報、SNSページ …TRANSLATE THIS PAGE Cocoonでは、記事の投稿者ごとにプロフィールを設定することが可能です。また、自前のプロフィール画像設定機能も保持しており、手軽に設定できるようになっています。 記事作成時に利用できるショートコード集 記事の本文中に動的な処理を追加することができるショートコードの使い方など。 全体のショートコードの使い方をまとめたページがこちら(外部サイト)。 Cocoonで使えるのオプションと使い方まとめCocoonで使えるショートコード+オプション一覧と、使い方が掲載されている公式ページへ 投稿・固定ページ用の設定 投稿・固定ページ. 投稿・固定ページの管理画面で行う設定です。.わいひら.
個々のページ毎に違う設定を行うための設定です。. 投稿・固定ページ. 投稿のメインカテゴリーを選択する方法。. 意図したカテゴリーをラベルに表示する設定。.2020.06.24 わい
和色ベースのシンプルな「FUWARI和色」スキン4種 …TRANSLATE THIS PAGEFuwari和色
「Fuwari和色」スキンは、日本の伝統色(和色)をベースとしたスキンです。スキンページ
によると以下の4色をベースとして、それぞれ4つのスキンが公開されています。.引用
WordPressテーマCocoonのデザインスキン「Fuwari和色」を作りました. Fuwari -海老茶(えびちゃ)- 「ボックスメニュー」ウィジェットの使い方Cocoon
2.0.7にて「ボックスメニュー」がウィジェットでも利用できるようになりました。. ボックスメニューショートコード を利用せずとも、ウィジェットを放り込んで設定するだけで手軽に利用できるようになりました。. アイコンフォントや画像用いて カラフルボックスでWORDPRESSサイトの開設手順を …TRANSLATE THIS PAGE 高性能レンタルサーバーの「カラフルボックス(ColorfullBox)」にWordPressをインストールしてブログ運営を開始する手順です。説明図が多めでやさしく解説しています。 アドセンスの自動広告を設定する方法 WordPress管理画面から「Cocoon設定」を選択してください。. 「広告」タブを開いて「アドセンス表示方式」項目で設定を行います。. それぞれの設定項目の意味はこちら。. アドセンス自動広告のみ利用 :自動広告のみ表示. 自動広告とマニュアル広告を併用 WordPress無料テーマ*
ホー
HOME
*
ダウンロード
DOWNLOAD
*
利用規約
TERMS OF USE
*
ダウンロード
DOWNLOAD
*
インストール
HOW TO INSTALL
*
ロゴ・素材
LOGOS
*
吹き出し用イラスト SPEECH BALLOON ICONS*
背景画像
BACKGROUND IMAGES
*
マニュアル
MANUAL
*
レイアウト見本LAYOUT
*
Cocoon Blocks対応状況CORRESPONDENCE
*
お知らせ
INFORMATION
*
アップデート情報UPDATE
*
全記事一覧
ALL POSTS
*
テーマ全般
THEME
*
サイト作成準備MAKING SITE
*
テーマ設定
THEME SETTINGS
*
カスタマイズ
THEME CUSTOMIZE
*
記事作成
MAKING POST
*
FAQ
FREQUENTLY ASKED QUESTIONS*
フォーラ
FORUMS
*
フォーラムご利用の前にATTENTION
*
よくある質問と答えFAQ
*
フォーラム一覧FORUMS
*
テーマに関する質問ABOUT THEME
*
不具合報告
ABOUT BUGS
*
カスタマイズ相談ABOUT CUSTOMIZE
*
要望
REQUEST
*
ブログ相談
ABOUT BLOG
*
誤字脱字報告
TYPO REPORT
*
わいひらに連絡INQIRY
*
ユーザー登録
USER REGISTRATION
*
ログイン
LOGIN
*
最近のフォーラム返信RECENT FOURME POSTS
*
ダウンロード
DOWNLOAD
*
マニュアル
MANUAL
*
レイアウト見本LAYOUT
*
フォーラ
FORUMS
現在デフォルトスキンとして「 Like Simplicity」を適用中。 シンプルなWordPressテーマ Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。 見た目はシンプルですが、初めての方でも感覚的に使えるように 便利な機能を織り込んで作りました。 100%GPLテーマなので自由にご利用いただけます。 ダウンロードページはこちら。ダウンロード
COCOONの特徴
Facebook236
はてブ149
Pocket267
LINE
コピー
2019.04.23 2018.03.13 この記事は約13分で読めます。 WordPressテーマ「Cocoon(コクーン)」を作成しました。 以前作成したSimplicity の後継となる複数者運営にも対応した無料テーマです(※完全な互換性はないです)。 ただテーマは新しくなりましたが、設計思想はSimplicityの時とほぼ同様です。 以下の7つが主な特徴となります。* シンプル
* 内部SEO施策済み * 完全なレスポンシブスタイル * 手軽に収益化 * ブログの主役はあくまで本文 * 拡散のための仕掛けが施されている * カスタマイズがしやすい Cocoonでは、これらの基本的な考えは変えずに、Simplicityフォーラ に投稿された「約3500トピック」と「約23000の投稿」から、ご意見を出来る限り参考にさせていただいて、新しいテーマとして再構築しました。 これらについては以下で詳しく説明します。目次
* シンプル
* 検索エンジン最適化(SEO) * ページ高速化対応 * モバイルフレンドリー* AMP対応
* 完全なレスポンシブスタイル * 手軽に収益化 * Google アドセンスも簡単 * Amazon商品リンクの作成も簡単 * 楽天商品リンクも作成可能 * ブログの主役はあくまで本文 * 吹き出し機能 * 定型文のテンプレート化機能を装備 * アフィリエイトタグの一元管理 * ランキング作成 * ブログカード機能 * 文章の装飾スタイルがあらかじめ用意 * カラムレイアウトも手軽に * 拡散のための仕掛けが施されている * SNSシェアボタン * SNSフォローボタン * カスタマイズがしやすい * 管理画面での設定 * テンプレート自体もカスタマイズしやすいように * ダウンロードシンプル
CocoonもSimplicityと同様にシンプルなデザインを心がけました。 テーマ名のCocoon自体にも、以下のような意味があります。* 繭
* 居心地のいい場所* 繭に包む
* (繭で包むように)保護する * 新たな始まり テーマ名をCocoon(繭)としたのは、繭のように白い、シンプルなテーマを作りたかったからです。 白いテーマが一番読みやすいと思うので。 加えて、WordPressを新たに始める方にも「居心地のいい場所」となれるよう、Cocoonの機能が包む(補完する)形で「面倒事から保護してくれるように」と作成しました。 検索エンジン最適化(SEO) Googleのフレッドアップデート以降、テーマ側で行って効果のある内部SEO施策も、ほぼほぼ無いのではないかと思います。 もし、あったとしても今後ディープラーニングの発達により、テーマ側が行えるSEO施策なんかより、コンテンツ自体(&良質リンク)が重視されていくのは確実でしょう。 ただ、料理(コンテンツ)に対して、出来るだけ良い皿(テーマ)となれるように最大限やれることはやったつもりです。 Cocoonでは、主に以下のような内部SEO施策を行っています。 * ページ高速化機能搭載(テーマ機能だけでPageSpeed Insights90点後半が取れる) * モバイルファースト(モバイルフレンドリー) * ワンクリックでAMP対応 * ワンクリックでPWA対応*
PCとモバイルでソースコードが100%同じ完全レスポンシブ * W3CのHTML5バリデーションのエラー0 * W3CのCSSバリデーションのエラー0 * 基本的な構造化データタグの適用 * 構造化データエラー0 * メタディスクリプション記入欄の設置 * HTMLアウトラインの最適化 詳細はこちら。 Cocoonで行っている内部SEO施策まとめ テーマ内で行っているSEO施策まとめです。まず、モバイルファーストで作成してあるため、100%レスポンシブデザインとなっています。HTML5、構造化データエラーもなしで、サイトの高速化機能も備えています。wp-cocoon.com
2018.04.14
ページ高速化対応 最近、Googleは「ページ表示の高速化」に対してえらく力を入れているようです。なので出来る限りGoogleの高速化(PageSpeed Insights)に最適化できるように作りこみました。 テーマ側の設定のみで100点~90点台後半は出るかと思います Lighthouseでもオール100点も取れました。 テーマデフォルトで高速化設定 を行った場合です。外部タグ、プラグインにより変わります。 モバイルフレンドリー また、今後Googleもモバイルファーストインデックスとなるのは確実で、出来る限りモバイルに最適化されるように作成しました。AMP対応
モバイルファーストの一環として、AMP機能も手軽に利用できるようにしました。 Cocoonの、AMPページは、通常ページと、ほぼほぼ見た目を変えず表示できるようにもなっています。通常ページ
AMPページ
上記のように、ほぼほぼ違いはないかと思います。 各種ツールのスコアなどは、あくまでCocoonデフォルトでチェックしたものです。プラグインのインストールや、広告、ユーザーによるカスタマイズは、テーマ側からはどうしようもできない部分なので、外的要因によるスコアの変化はあると思います。 完全なレスポンシブスタイル 前章SEOの部分で少し触れたのですが、Cocoonテーマは、100%レスポンシブスタイルを採用しています。 100%というのは、「パソコンで見たソースコード」と、「モバイル端末で見たソースコード」が、一致するということです。 つまりCocoonでは、is_mobile()系の関数で条件分岐は一切行っていません。 これによりGoogleは、PCとモバイルを分けることなく一度のクロールでページ情報の取得が可能になります。 Google公式にあるレスポンシブデザインの利点を挙げるとこんな感じ。* URL が 1
つなのでユーザーによるコンテンツの共有やリンクが簡単になる*
対応するパソコン&モバイル用ページが存在することを Googleに伝える必要がない * ページへのインデックス プロパティの割り当てが正確に行われる*
同じコンテンツのページをいくつも維持管理する手間が省ける(利用者側)*
ユーザーをデバイスごとに最適化したページにリダイレクトする必要がない(読み込み時間の短縮化)* Googlebot
がサイトをクロールするために必要なリソースを節約できる*
サイト内のより多くのコンテンツがインデックスに登録され、適切な間隔で更新される レスポンシブ ウェブ デザイン | 検索 | GoogleDevelopers
developers.google.com 上記のように、Google自体もレスポンシブデザインを推奨しています。 ただ、レスポンシブ化したからといって、ランキングに影響するかというと、ほぼないかと思います。当然ながら、コンテンツを強化する方が全然影響が出るかと。 とは言え、Googleが推奨するものを取り入れておくのは、この先WEBで生きていく上で悪いことはないと思っています。手軽に収益化
Cocoonでは、手軽に収益化が行えるように「広告を貼る仕組み」を充実させました。 GOOGLE アドセンスも簡単 特にアドセンス広告では、1つの広告コードを貼るだけで、様々な広告フォーマットを自由に選択できるようにしました。 * アドセンス自動広告(手動設定と併用可) * レスポンシブ広告* バナー広告
* レクタングル広告 * ダブルレクタングル広告 * ラージスカイスクレーパー* 記事広告
* リンクユニット広告 こんな感じで、「広告の表示位置」によって、自由に表示する広告を変更できます。 広告(AdSense)を手っ取り早く設定する方法 Cocoonテーマ利用時における、最も簡単なAdSense広告設定方法の紹介です。wp-cocoon.com
2018.10.03
また、adショートコードを利用することで、本文中の好きな場所に手軽に広告を貼れるようにもなっています。 ショートコードで広告を本文中の好きな場所に表示する方法 広告用のショートコードを用いて投稿者が「広告を出したい!」という場所にズバリ広告を表示させる方法です。wp-cocoon.com
2018.06.15
もちろん、ウィジェットを用いて好きなエリアに広告を挿入することも出来るようになっています。 ウィジェットを利用して広告(AdSense)を表示する方法 広告ウィジェットを使用することにより、さらに自由度の高いAdSense設定をする方法です。個別の広告ユニットごとにパフォーマンス計測をしたい場合は、ウィジェットを利用する必要があります。wp-cocoon.com
2018.03.24
AMAZON商品リンクの作成も簡単 また、ショートコードを利用すれば、以下のようなAmazon商品リンクも手軽に作成することが可能です。 Echo Show (エコーショー) 第2世代 - スクリーン付きスマートスピーカー with Alexa、チャコールAmazon
Amazonの商品レビュー・口コミを見るAmazon
楽天市場
Yahoo!ショッピング 利用方法はこちら。 Amazon商品リンクの初期設定方法と使い方 Cocoonの「Amazon商品リンクタグ作成ショートコード」機能の使い方を詳しく解説しています。wp-cocoon.com
2018.10.11
楽天商品リンクも作成可能 Amazon以外にも、楽天市場の商品リンクも作成することができます。 【第2類医薬品】セイロガン糖衣A 84 ユニバーサルドラッグe-shopAmazon
楽天市場
Yahoo!ショッピング 利用方法はこちら。 楽天商品リンクの初期設定方法と使い方 楽天商品リンク機能を利用するには、事前準備が必要です。特に、「楽天アプリケーションID」と「楽天アフィリエイトID」は必須となります。加えて、楽天商品の商品番号の取得方法の紹介です。wp-cocoon.com
2019.04.22
ブログの主役はあくまで本文 内部SEOとか、なんだかんだあったとしても、結局一番大事なのはコンテンツです。 ただ、コンテンツ自体は、ユーザーさんが作成するもなので、テーマ側が何とかできるものではありません。 けれど、「コンテンツを作成するのであればできる限り簡単に使いやすく」ということで、様々なコンテンツ作成を補助する仕組みを装備しています。吹き出し機能
例えば、以下のような吹き出し機能は、訪問者の目を引いたり、読みやすくする上で有用な働きをします。わいひら
吹き出しをうまく使うと楽しいページが作れる こんなふうに会話形式も可能です。 風が騒がしいな… でも少し…この風…泣いています この吹き出し装飾は、ビジュアルエディターでも反映され、ほぼ公開ページと同様に表示されます。 これにより、記事の完成形を意識しながら利用することが出来ると思います。 もちろん「吹き出し作成機能」もデフォルトで装備されていて、自由に何個でも作成可能です。 自作の吹き出しを作成して利用する方法 サイト訪問者にわかりやすく表示できる吹き出し機能の利用方法です。アイコンのセリフのように表示させることで、訪問者に分かりやすく説明できるかもしれません。wp-cocoon.com
2018.02.20
定型文のテンプレート化機能を装備 ブログ記事を書いていて、以下のようなことはないでしょうか? あれ、この文章、前も同じようなのを書いていたな…。 そんな時Cocoonでは、テンプレートに登録して、ショートコードで呼び出して何度でも使いまわしできるようになっています。 いわば、テキストの関数化とでも言いましょうか。 テンプレート文(定型文)を登録して使い回す方法 テーマ内に定型文を登録してショートコードで何度でも使い回す方法です。wp-cocoon.com
2018.04.04
これにより、似たような文章を何度も書く必要はなくなり、何度でも同じテキストを使い回すことが出来るようになります。わいひら
自分で使ってみても、この機能がかなり便利。 アフィリエイトタグの一元管理 あと、収益サイトを運営していると、アフィリエイトタグの管理が非常に面倒です。 タグのリンク切れ・仕様変更や、広告リンクの差し替えによって複数の記事にわたって修正した経験はないでしょうか? Cocoonの場合、以下のようなショートコードを挿入することで、 何度でも同じアフィリエイトタグを使い回すことができます。 表示例がこちら。MixHost
当サイトで使われている「MixHost」表記のタグは、全て一元管理機能によって同じタグが出力されています。なので、「MixHost」を「mixhost」に変更する必要が出てきた場合でも、元を変更すればすべてに適用されます。 これにより、「タグの修正」が必要になったときは、管理元を1ヶ所修正するだけで全ページに反映されます。 アフィリエイトタグの一元管理機能の使い方 アフィリエイトタグのマネージャー機能の使い方です。広告タグを一元管理することで、タグの張り替えや、テキスト修正などを容易に行えるようになります。wp-cocoon.com
2018.02.14
ランキング作成 アフィリエイトサイトを運営している場合は、ランキングを作成し掲載したい場合もあるかと思います。 そういった場合にも、当テーマは、ランキングを何個でも作成し、その中から手軽に掲載できるようになっています。 作成したランキングは、ビジュアルエディターのドロップダウンリストから選択するだけで挿入できます。 実際の挿入例がこちら。 カラフルボックス 性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。 ◎LiteSpeedを用いた高速サーバー(完全SSD) ◎http/2・QUIC(高速化プロトコル)に対応 ◎東京・大阪でリージョン選択が可能 ◎プランのアップ・ダウングレードが自由自在 ◎同サービス内でドメイン管理が可能 ◎転送量が多い ◎毎日無料バックアップ(14日分) ◎復元ポイントを指定して復旧可能(無料) ◎アダルト・出会い系サイト可 ◎ドメインとサーバー代のチャージ払いが可能 ○サーバ引っ越しオプションあり(有料) サービス運営期間:1年3ヶ月 1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。 クーポンコード:PK4JK4RJ クーポンの使用方法はこちら。
詳細ページ
カラフルボックスMixHost
プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。 ◎LiteSpeedを用いた高速サーバー(完全SSD) ◎http/2・QUIC(高速化プロトコル)に対応 ◎プランのアップ・ダウングレードが自由自在 ◎転送量が多い ◎毎日無料バックアップ(14日分) ◎復元ポイントを指定して復旧可能(無料) ◎アダルト・出会い系サイト可 ○サーバ引っ越しオプションあり(有料) ○サーバー料金をチャージ払いが可能 サービス運営期間:3年詳細ページ
MixHost
エックスサーバー 安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。 ◎nginxを用いた高速サーバー(完全SSD) ◎老舗サーバーなので安定感抜群 ◎ディスク容量が多い ◎転送量が多い ◎同サービス内でドメイン管理が可能 ○http/2(高速化プロトコル)に対応 ○毎日無料バックアップ(14日分) △DBは7日分だけ無料復旧可能(ファイルは有料) ×プラン変更でCPUのスペックアップができない ×プラン変更しても即時反映されない ×アダルト・出会い系サイト不可 サービス運営期間:16年詳細ページ
エックスサーバーConoHa WING
とにかく速い。サイトに表示スピードを求めるならココ。 ◎nginxを用いた高速サーバー(完全SSD) ◎プランのアップ・ダウングレードが自由自在 ◎ディスク容量が多い ◎転送量が多い ○http/2(高速化プロトコル)に対応 ○毎日無料バックアップ(14日分) ○DB復旧は無料(ファイルは有料) ○サーバ引っ越しツールあり ○サーバー料金をチャージ払いが可能 △新しいサービスなので運営櫪がまだ短い サービス運営期間:1年1ヶ月詳細ページ
ConoHa WING
JETBOY
格安な値段で始められる高機能サーバーです。 性能も備えつつ最安ならここ。 サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。 ◎LiteSpeedを用いた高速サーバー(完全SSD) ◎激安プランが用意してある ◎値段あたりのスペックが高い(コスパ良し) ◎サーバ引っ越しオプションあり(無料) ◎アダルト・出会い系サイト可 ○http/2(高速化プロトコル)に対応 △プランのアップは可能だがダウンは不可 △毎日自動バックアップ(1日分) △前日のバックアップからのみ復元できる(無料) サービス運営期間:3年詳細ページ
JETBOY
ランキングは何位まででも作成できます(実際は5位ぐらいまで作れれば十分とは思いますが)。 ランキングをショートコードで本文中に挿入する方法 商品ランキングをショートコードで本文中に挿入する方法です。ランキングはウィジェットでも表示できますが、本文中の自由な箇所に表示させる場合は、ショートコードです。wp-cocoon.com
2018.09.08
また、作成したランキングをウィジェットとして配置することも可能となっています。 商品・サービスランキングを作成して配置する方法 商品やサービスなどの独自ランキングを作成してウィジェットで配置する方法の紹介です。ランキング機能の使い方。wp-cocoon.com
2018.02.16
ランキングでもアフィリエイトタグ管理機能で登録したショートコードを利用出来るようになっています。 ブログカード機能 Cocoonも、Simplicityと同様に本文中にURLを挿入するだけで、内部リンク・外部リンクともブログカード機能が使えます。 ブログカード機能とは、先程からも出ている以下のようなカードリンク表示機能です。 内部ブログカードを表示する方法 内部ブログカードを記事本文内に表示させる方法です。URLを記入するだけで利用できます。wp-cocoon.com
2018.11.06
外部ブログカードの表示方法 投稿・固定ページに外部リンクブログカードを表示させる方法の紹介です。外部ブログカードは、キャッシュを利用して表示を高速化しているので、キャッシュの更新方法も紹介しています。wp-cocoon.com
2018.11.06
ブログカード機能を使ってしまうと、「普通のリンクを貼るのが面倒になってしまう」という難点もありますが、個人的にはもはや必須機能です。 文章の装飾スタイルがあらかじめ用意 ブログ文章を読みやすくする上で、装飾も重要かと思います。 当テーマでは、よく利用する装飾があらかじめ用意してあり、ビジュアルエディターから手軽に挿入できるようになっています。 例えば、太字にしたり、赤い太字にしたり、マーカーにしたり、アンダーラインマーカーといった装飾をすることができます。 記事作成に使える拡張スタイル。インライン編。 Wordpress本文を彩る拡張スタイル(拡張クラス)の紹介です。見た目とソースコードをあわせて紹介しています。wp-cocoon.com
2019.04.12
また、以下のような補足説明をするボックススタイルも。補足説明
注意的補足説明 拡張スタイル「アイコンボックス」と「案内ボックス」の表示サンプル。 Cocoonにデフォルトで用意されているボックスタイプの拡張スタイルの使い方と、サンプルコードです。wp-cocoon.com
2018.10.15
その他にも、ボタン、バッジ等いろいろな拡張スタイルがあります。 記事作成に使える拡張スタイル。ボタン編。 スタイル拡張ボタンの使い方。サンプルコードと表示例です。wp-cocoon.com
2018.09.17
記事作成に使える拡張スタイル。バッジ編。 リンク前のワンポイントなどに利用するためのバッジ拡張スタイルの表示サンプルとコードです。wp-cocoon.com
2018.03.05
検索を促す検索ボックスをスタイルで表示する方法 訪問者に検索を促すためのスタイルの使い方。詳しくは○○で検索的な。wp-cocoon.com
2018.03.02
カラムレイアウトも手軽に 2カラム、3カラムレイアウトもビジュアルエディターから手軽にできるようになっています。 2カラムとショートコードを併用して、以下のような表現も可能です。新着記事
CocoonのサイトロゴURLを任意のものに変更するカスタマイズ方法2019.09.28
Cocoonの画像拡大効果(Lightbox)ライブラリ各々お勧めの使いどころ 2019.09.282019.09.30 おすすめカードウィジェットの使い方2019.09.28
人気記事
Cocoonテーマをインストールする方法 2018.03.062018.08.29 広告(AdSense)を手っ取り早く設定する方法 2018.02.202018.10.03 Cocoonを利用する際に是非行(おこな)ってって欲しい画像設定5つ 2018.09.112019.03.02 記事内を2カラム・3カラム・4カラムに分ける方法 投稿記事内に手軽に2カラム・3カラムレイアウトを挿入する方法です。ビジュアルエディターからクリック操作のみで入力可能です。wp-cocoon.com
2019.06.06
CocoonのSEO効果は、どこまであるのかわかりませんが、こういったコンテンツを彩る機能で、サイトの魅力をアップしやすく出来ればと思っています。 拡散のための仕掛けが施されている もちろん、SNS拡散ボタンも実装してあります。 SNSシェアボタン Cocoonでは、設定画面から以下のように様々なデザインに変更可能です。 SNSシェア数も、簡易的にキャッシュされるようになっているので、1度取得したシェア数は次回は素早く表示されます。 SNSフォローボタン SNSフォローボタンも以下のものに対応しています。 * ウェブサイト* Google+
* はてなブックマーク* YouTube
* Flickr
* LINE@
* Amazon欲しい物リスト* GitHub
* feedly
* RSS
カスタマイズがしやすい 最後に、テーマのカスタマイズも出来る限り素早く手軽に設定できるようにしました。 管理画面での設定 管理画面側で行う設定も、出来る限りやりやすいものにしたつもりです。 テーマカスタマイザー使用をなるべく控えテーマ独自設定に 基本的に、WordPressテーマの設定といえばテーマカスタマイザーを使います。 ただ、テーマカスタマイザーを使うと「設定エリアが狭い」とか「設定動作が遅い」など個人的に結構不満がありました。 そこで、当テーマでは出来る限り設定を独自設定に入れ替え、大きな設定エリアをタブでサクサク切り替えてまとめて保存出来るようにしました。 このような設定画面にした詳しい理由はこちら。 Cocoonはテーマカスタマイザーを使用しない仕様にした理由 Cocoonでは、独自に作成したオリジナル設定画面を使用しています。テーマカスタマイザーは極力使用しないようにしました。その理由についての説明です。wp-cocoon.com
2018.03.13
豊富なウィジェットエリア Cocoonは、あらかじめ多数のウィジェットエリアを用意しています。 これは、「テンプレートファイルをカスタマイズするよりは、ウィジェットエリアで手軽に挿入できた方が利便性が高い」という考えのもとこのような仕様にしています。 これにより、「入れたい場所にウィジェットを挿入できる」というのはもとより、「テンプレートをカスタマイズして失敗するリスクを減らす」なんてメリットもあります。 ウィジェットエリア以外に、独自ウィジェットも豊富に取り揃えてあります。 Cocoonデフォルトのウィジェット機能まとめ Cocoonのデフォルト状態で利用できるウィジェット機能を見やすくまとめてみました。wp-cocoon.com
2018.04.25
また、ウィジェットごとに表示条件を設定することも可能です。 ウィジェットの表示を制御する方法 個々のウィジェットを「表示させたい場所」のみに表示させる表示設定機能の紹介です。表示設定機能を利用することで、表示条件を制御できます。wp-cocoon.com
2018.07.02
テンプレート自体もカスタマイズしやすいように 上記のように、管理画面もカスタマイズしやすいようにしましたが、テンプレートファイル側でも出来る限りカスタマイズしやすくしたつもりです。 Cocoonは、ファイル側でカスタマイズしやすいように、以下のように作成されています。*
動作部分はテーマで、デザイン部分はスキンで行える*
使用している全ての関数は子テーマでオーバーロード(上書き変更)可能 * 基本的にDRY「Don’t repeat yourself(同じ記述を繰り返さない)」になるように なるべく、同様の処理は1ヶ所に集中させたつもりです。 なので、表示上は複数箇所に利用されていても、関数やテンプレートどれか1つを編集すれば反映されるようになっていると思います。 もちろん、完全にできてるわけではないと思います。ダウンロード
このように、Simplicityテーマで得た経験や、ご意見を出来る限り反映し、必要な機能は残すor追加し、不要な機能は削除して、良い方向に再構築できたと思っています。 よろしければダウンロードしてご利用ください。 Cocoonテーマのダウンロードはこちら。 テーマのダウンロード Wordpressテーマ「Cocoon」の親テーマと子テーマのダウンロードページです。wp-cocoon.com
2019.09.29
親テーマ、子テーマともダウンロードできますので、双方インストールして子テーマを有効化してご利用ください。シェアする
Facebook236
はてブ149
Pocket267
LINE
コピー
わいひらをフォローする170
わいひら
Cocoon
スキン動作デモ ▼デザインスキンを選択CocoonデフォルトBizarre-food(ブラックバーガー)Bizarre-food(ブルーカレー)Bizarre-food(グリーンソバ)Bizarre-food(ピンクワイン)Bizarre-food(ホワイトラーメン)Season(Spring)Season(Summer)Season(Autumn)Season(Winter)COLORS(レッド)COLORS(ブルー)COLORS(イエロー)COLORS(グリーン)COLORS(ピンク)COLORS(ブラック)Like SimplicityモダンブラックFuwari -海老茶(えびちゃ)-Fuwari -褐色(かちいろ)-Fuwari -海松茶(みるちゃ)-Fuwari -御召茶(おめしちゃ)-旅カメラいつもの深海いつものローズいつものコーヒーおでかけピンクおでかけブルーおでかけレモンサムライブルー(無印)サムライブルー(勝ち色)HygieneMetal Styles(1カラム)ミックスグリーンミックスブルーミックスレッドドット・ワインレッドドット・レイニーブルーm-soram-tomatoほんわかライトニングCocoon設定の「スキン」タブで変更できます。検索
新着記事
Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】 2019.09.092019.10.15 Cocoon既知の不具合。今後やりたいこと。 2019.01.192019.09.26 CocoonのサイトロゴURLを任意のものに変更するカスタマイズ方法2019.09.28
Cocoonの画像拡大効果(Lightbox)ライブラリ各々お勧めの使いどころ 2019.09.282019.09.30 おすすめカードウィジェットの使い方2019.09.28
Cocoon
1.9.9公開。おすすめカードウィジェット追加。ギャラリーにSpotlight.js追加。2019.09.28
Amazon商品リンクでデフォルトの説明文を表示させる方法 2019.09.202019.09.21Cocoon
1.9.8公開。Amazon商品リンクでテキストリンクのみ出力オプション追加。レビュー構造化データの仕様変更に一部対応。2019.09.20
SmartNews用のロゴ画像URLを独自に設定するカスタマイズ方法2019.09.14
インデックスページのエントリーカード毎にPV数を表示する方法 2019.09.142019.09.15 PA-API v5に移行する際の注意点。Cocoon 1.9.6.4以降へアップデートする前に。 2019.09.142019.09.29 Cocoon 1.9.7公開。PA-API v5に対応。インデックスページにPV数表示機能など。2019.09.14
カテゴリー
* テーマ全般254 * テーマについて7 * サイト作成準備13 * サーバー設定7 * テーマ設定168* AMP6
* 広告設定9
* スキン25
* アクセス解析6 * 投稿・固定ページ25 * Amazon商品リンク25 * 楽天商品リンク10 * ウィジェット7* 記事作成46
* ブロックエディター4 * 拡張スタイル11 * ショートコード27 * カスタマイズ24* CSS8
* Tips9
* FAQ5
* 開発者向け8
* フォーラム8
* お知らせ172
* お願い3
* アップデート情報165アーカイブ
アーカイブ月を選択 2019年9月 (16) 2019年8月 (5) 2019年7月 (9) 2019年6月 (17) 2019年5月 (13) 2019年4月 (12) 2019年3月 (22) 2019年2月 (10) 2019年1月 (21) 2018年12月 (16) 2018年11月 (22) 2018年10月 (19) 2018年9月 (17) 2018年8月 (39) 2018年7月 (13) 2018年6月 (28) 2018年5月 (23) 2018年4月 (28) 2018年3月 (54) 2018年2月 (47) 2018年1月 (1) 最近のコメントわいひら
2019.10.28
ご連絡ありがとうございます。 ほんとだ(笑)盛大に間違っていますね。 僕の場合、音声入力で書いているので、誤字が多いです。 それでいて自分で気づかなかったりするので、教えていただけると大変助かり... フッターモバイルボタンの設定方法前川
2019.10.27
わいひらさんこんばんはっ いつもお世話になっています。 お伝えしようかどうか迷ったのですが、記事タイトルが「ボタンボタン」になっています・・・ww 他の方も見るかもしれないと思ったので、... フッターモバイルボタンの設定方法わいひら
2019.10.19
新しい機能がお役に立てそうでよかったです^^ 一覧でPVを確認できるとやはり楽ですよね。 Cocoon 1.9.7公開。PA-API v5に対応。インデックスページにPV数表示機能など。通りすがり
2019.10.19
>インデックスページのカード毎にPV数を表示する機能追 表示の雰囲気が変わったので最初??と思ったのですが これ良いですね。他のページも表示されるので 全体の反応が一覧できるので非常... Cocoon 1.9.7公開。PA-API v5に対応。インデックスページにPV数表示機能など。わいひら
2019.10.17
コメントの案内にもあるように、申し訳ないですがテーマの質問はトピックにお願いできたらと思います。 出来れば、お手数ですが実際のページのURLと、表示されない部分のキャプチャとともに書き込んでいただけ... アドセンスの自動広告を設定する方法 レンタルサーバー 当サイトはMixHostで運営中。
初めての方はサイトの始め方参照。
カスタマイズ依頼 Cocoonカスタマイズをプロに依頼する場合はこちら。* ホー
* 利用規約
* 開発支援
* お問い合わせ * プライバシーポリシー * サイトマップ2018 Cocoon.
* メニュー
* ホー
* ダウンロード* 利用規約
* ダウンロード * インストール* ロゴ・素材
* 吹き出し用イラスト* 背景画像
* マニュアル
* レイアウト見本 * Cocoon Blocks対応状況* お知らせ
* アップデート情報* 全記事一覧
* テーマ全般
* サイト作成準備* テーマ設定
* カスタマイズ* 記事作成
* FAQ
* フォーラ
* フォーラムご利用の前に * よくある質問と答え * フォーラム一覧 * テーマに関する質問* 不具合報告
* カスタマイズ相談* 要望
* ブログ相談
* 誤字脱字報告 * わいひらに連絡 * ユーザー登録* ログイン
* 最近のフォーラム返信*
* 検索
* MENU
* ホー
* ダウンロード* 利用規約
* ダウンロード * インストール* ロゴ・素材
* 吹き出し用イラスト* 背景画像
* マニュアル
* レイアウト見本 * Cocoon Blocks対応状況* お知らせ
* アップデート情報* 全記事一覧
* テーマ全般
* サイト作成準備* テーマ設定
* カスタマイズ* 記事作成
* FAQ
* フォーラ
* フォーラムご利用の前に * よくある質問と答え * フォーラム一覧 * テーマに関する質問* 不具合報告
* カスタマイズ相談* 要望
* ブログ相談
* 誤字脱字報告 * わいひらに連絡 * ユーザー登録* ログイン
* 最近のフォーラム返信* DOWN
* シェア
Facebook236
はてブ149
Pocket267
LINE
コピー
* 検索
* 目次
* トップ
* 情報
スキン動作デモ ▼デザインスキンを選択CocoonデフォルトBizarre-food(ブラックバーガー)Bizarre-food(ブルーカレー)Bizarre-food(グリーンソバ)Bizarre-food(ピンクワイン)Bizarre-food(ホワイトラーメン)Season(Spring)Season(Summer)Season(Autumn)Season(Winter)COLORS(レッド)COLORS(ブルー)COLORS(イエロー)COLORS(グリーン)COLORS(ピンク)COLORS(ブラック)Like SimplicityモダンブラックFuwari -海老茶(えびちゃ)-Fuwari -褐色(かちいろ)-Fuwari -海松茶(みるちゃ)-Fuwari -御召茶(おめしちゃ)-旅カメラいつもの深海いつものローズいつものコーヒーおでかけピンクおでかけブルーおでかけレモンサムライブルー(無印)サムライブルー(勝ち色)HygieneMetal Styles(1カラム)ミックスグリーンミックスブルーミックスレッドドット・ワインレッドドット・レイニーブルーm-soram-tomatoほんわかライトニングCocoon設定の「スキン」タブで変更できます。検索
新着記事
Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】 2019.09.092019.10.15 Cocoon既知の不具合。今後やりたいこと。 2019.01.192019.09.26 CocoonのサイトロゴURLを任意のものに変更するカスタマイズ方法2019.09.28
Cocoonの画像拡大効果(Lightbox)ライブラリ各々お勧めの使いどころ 2019.09.282019.09.30 おすすめカードウィジェットの使い方2019.09.28
Cocoon
1.9.9公開。おすすめカードウィジェット追加。ギャラリーにSpotlight.js追加。2019.09.28
Amazon商品リンクでデフォルトの説明文を表示させる方法 2019.09.202019.09.21Cocoon
1.9.8公開。Amazon商品リンクでテキストリンクのみ出力オプション追加。レビュー構造化データの仕様変更に一部対応。2019.09.20
SmartNews用のロゴ画像URLを独自に設定するカスタマイズ方法2019.09.14
インデックスページのエントリーカード毎にPV数を表示する方法 2019.09.142019.09.15 PA-API v5に移行する際の注意点。Cocoon 1.9.6.4以降へアップデートする前に。 2019.09.142019.09.29 Cocoon 1.9.7公開。PA-API v5に対応。インデックスページにPV数表示機能など。2019.09.14
カテゴリー
* テーマ全般254 * テーマについて7 * サイト作成準備13 * サーバー設定7 * テーマ設定168* AMP6
* 広告設定9
* スキン25
* アクセス解析6 * 投稿・固定ページ25 * Amazon商品リンク25 * 楽天商品リンク10 * ウィジェット7* 記事作成46
* ブロックエディター4 * 拡張スタイル11 * ショートコード27 * カスタマイズ24* CSS8
* Tips9
* FAQ5
* 開発者向け8
* フォーラム8
* お知らせ172
* お願い3
* アップデート情報165アーカイブ
アーカイブ月を選択 2019年9月 (16) 2019年8月 (5) 2019年7月 (9) 2019年6月 (17) 2019年5月 (13) 2019年4月 (12) 2019年3月 (22) 2019年2月 (10) 2019年1月 (21) 2018年12月 (16) 2018年11月 (22) 2018年10月 (19) 2018年9月 (17) 2018年8月 (39) 2018年7月 (13) 2018年6月 (28) 2018年5月 (23) 2018年4月 (28) 2018年3月 (54) 2018年2月 (47) 2018年1月 (1) 最近のコメントわいひら
2019.10.28
ご連絡ありがとうございます。 ほんとだ(笑)盛大に間違っていますね。 僕の場合、音声入力で書いているので、誤字が多いです。 それでいて自分で気づかなかったりするので、教えていただけると大変助かり... フッターモバイルボタンの設定方法前川
2019.10.27
わいひらさんこんばんはっ いつもお世話になっています。 お伝えしようかどうか迷ったのですが、記事タイトルが「ボタンボタン」になっています・・・ww 他の方も見るかもしれないと思ったので、... フッターモバイルボタンの設定方法わいひら
2019.10.19
新しい機能がお役に立てそうでよかったです^^ 一覧でPVを確認できるとやはり楽ですよね。 Cocoon 1.9.7公開。PA-API v5に対応。インデックスページにPV数表示機能など。通りすがり
2019.10.19
>インデックスページのカード毎にPV数を表示する機能追 表示の雰囲気が変わったので最初??と思ったのですが これ良いですね。他のページも表示されるので 全体の反応が一覧できるので非常... Cocoon 1.9.7公開。PA-API v5に対応。インデックスページにPV数表示機能など。わいひら
2019.10.17
コメントの案内にもあるように、申し訳ないですがテーマの質問はトピックにお願いできたらと思います。 出来れば、お手数ですが実際のページのURLと、表示されない部分のキャプチャとともに書き込んでいただけ... アドセンスの自動広告を設定する方法 レンタルサーバー 当サイトはMixHostで運営中。
初めての方はサイトの始め方参照。
カスタマイズ依頼 Cocoonカスタマイズをプロに依頼する場合はこちら。 タイトルとURLをコピーしましたDetails
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0