はてなブックマーク

• あとで読む

  サイトのホームイメージを変更する方法（Twitter・Facebook共有時のデフォルト画像設定）

  4 users

  wp-cocoon.com

  ホームイメージの設定方法 ホームイメージを設定するには、まずテーマ設定を開きます。 WordPress管理画面から「Cocoon設定」を選択してください。 「OGP」タブにある「ホームイメージ」の「選択」ボタンを押してください。 用意した画像をアップロードして選択すると、以下のように変更されるので保存してください。 次回からTwitterやFacebook等で共有した場合、設定した画像が共有イメージとして利用されます。 設定がTwitterに反映されない場合 ホームイメージの変更がTwitterカードに反映されない場合は、Card validatorページでURLを入力してTwitter情報を更新してください。

  • テクノロジー
  • 2020/09/24 00:45
• あとで読む

  ヘッダー下に任意の画像リンクを追加できる「おすすめカード」機能の使い方

  3 users

  wp-cocoon.com

  おすすめカードの設定方法 以下では、おすすめカードの設定方法を順を追って説明します。 おすすめカードメニューの作成 おすすめカードを設定するには、まず「外観 → メニュー」を開きます。 メニュー画面で「おすすめカード」用のメニューを作成する必要があります。 新しいメニューの作成 「新しいメニューを作成しましょう」リンクを選択してください。 メニュー名を入力して「メニューを作成」ボタンを押してください。 メニュー項目の作成 メニュー項目からカードにしたい記事を選択してください。 おすすめカードに対応しているメニュー項目は、こちら。 固定ページ 投稿 カスタムリンク（投稿・固定ページ、カテゴリー、タグ等の内部リンクのみ） カテゴリー タグ（表示オプションから表示設定可能） カスタム投稿（v1.9.7～）

  • 世の中
  • 2019/10/04 17:51
• あとで読む

  Amazon商品情報取得API（PA-API）の仕様変更とCocoonでの対応について

  3 users

  wp-cocoon.com

  先日以下のようなツイートしました。 見逃してたけど、来年1月からAmazon商品リンクのAPIの制限が、また厳しくなるのね…。 1日あたり 8,640リクエストということは、10秒に1リクエストから始まるということか…。https://t.co/iVVKCQYiZC — わいひら@寝ログ (@MrYhira) November 30, 2018 ちなみに、商品リンクから売り上げがあれば、どんどアップグレードしていき最高で0.1秒に1リクエストになるようで。 しかしながら、過去30日間発生しなければ使用できなくなるというのは厳しい…。CocoonのAPIキャッシュ間隔を長めに設定しておいた方がいいのかも。 https://t.co/avevIwytDu — わいひら@寝ログ (@MrYhira) November 30, 2018 要は、PA-APIの規制が厳しくなるということなんですが、少

  • テクノロジー
  • 2019/06/25 22:33
• あとで読む

  Cocoonを利用する際に是非行って欲しい画像設定5つ

  5 users

  wp-cocoon.com

  7月1日に正式公開したCocoonですが、ありがたい事に毎日かなりの数ダウンロードされています。 検索結果からもCocoonを利用サイトを、かなり見かけるようにもなりました。 ただ、様々なサイトなどを見ていて、「画像設定でもったいない設定になっているサイト」をいくつか見かけました。

  • テクノロジー
  • 2019/04/04 16:32

  • wordpress
• あとで読む

  自作の吹き出しを作成して利用する方法

  3 users

  wp-cocoon.com

  吹き出し利用の主な手順 吹き出しを自作する主な手順はこちら アイコンとなる画像を用意する 吹き出しを作成する 吹き出しを利用する 全て、WordPress管理画面内でマウスをポチポチすることにより作成できるので、さほど難しくはないと思います。 アイコンとなる画像を用意する まずは、アイコンとなる画像を用意します。 今回は、僕がTwitter等で利用している以下の画像を説明します。 上記のような、正方形の画像を用意してください。大きさは、160px～200pxぐらいの正方形のものがちょうど良いかと思います。 アイコンとなる顔イラストなどは、いらすとやさんなどにも豊富にあるので、画像がまだ決まっていない場合は、探してみることをおすすめします。

  • 暮らし
  • 2019/03/18 18:15
• あとで読む

  テーマ全体のサムネイル画像の縦横比（アスペクト比）を変更する方法

  4 users

  wp-cocoon.com

  サムネイル画像の縦横比を変更する主な手順 以下の2手順で、サムネイル画像サイズを変更することが可能になりました。 Cocoon設定でサイズ変更 Regenerate Thumbnailsプラグインで画像の再生成 プラグインにより、画像の再生成が必要になるので、既に投稿されている記事数によっては、実行時間はかかるかもしれません。 けれど、操作時間のみで言えば、1分くらいで終わるくらい簡単です。 プラグインによる一括処理が必要になるので、一応念のためサーバーのWordPressファイルのバックアップをしておくことをおすすめします。MixHostやカラフルボックス（復元無料）、エックスサーバー（復元有料）のような自動バックアップ機能のあるサーバーであれば不要かもしれません。 Cocoon設定でサイズ変更 サムネイルサイズの縦横比を変更するには、まずテーマ設定を開きます。 WordPress管理画

  • テクノロジー
  • 2019/03/11 23:27

  • cocoon
  • wordpress
  • 写真
• あとで読む

  意図した記事一覧を作成できる「ナビカード」ショートコードの使い方

  5 users

  wp-cocoon.com

  Cocoonの本文中や、サイドバー等に「自分の表示させたいリンク」をカード形式で表示できるナビカードショートコードを実装しました。 Cocoonには、「新着記事」や「人気記事」ウィジェットはあります。 けれどこれは、テーマが並び順に従って自動生成するものなので、ユーザー側が表示を制御するには複雑なカスタマイズをする必要があります。 なので

  • 学び
  • 2019/03/10 17:05
• あとで読む

  楽天商品リンクブックマークレットの使い方

  3 users

  wp-cocoon.com

  ブックマークレットの登録方法 以下の手順でブックマークレットを追加してください。 Chromeで新しいブックマークを作成する 右クリックメニューから後で掲載されているコードをコピーする URL部分にコピーしたものをペーストする ブックマークレッドコードはこちらです。 javascript: (function() { var url = location.href; var host = location.host; var item_code = null; var shortcode = null; var title = null; if(host == 'item.rakuten.co.jp') { var scripts = document.getElementsByTagName('script'); for(var i = 0; i < scripts.length; i+

  • テクノロジー
  • 2019/02/21 21:02
• あとで読む

  PWA設定を行ってモバイル環境の高速化を行う方法

  3 users

  wp-cocoon.com

  PWAの対応方法 PWA（Progressive Web Apps）に対応させる方法は簡単です。 Cocoon設定の「PWA」タブから「PWAを有効化する 」を有効にして保存するだけです。 デフォルトでログインしている管理者には、PWAは適用されない仕様になっています。管理者にもPWAを適用するには「管理者ログイン時もPWAを有効にする」を有効にしてください。 その他の設定についても説明しておきます。 名前 「アプリ名」にはWEBアプリとして表示される名前を入力します。 「短いアプリ名」にはホーム画面のアプリアイコンの下などに表示される「短縮名」を入力します。 「短いアプリ名」は仕様上、12文字しか表示されません。13文字以降は自動的に切り捨てられるので、必ず12文字以下の名前を設定してください。 説明文 アプリの説明文を入力します。 デフォルトでは、サイトのキャッチフレーズが採用されます

  • 暮らし
  • 2019/02/21 21:00

  • あとで読む
• あとで読む

  Cocoon Blocksの現在の対応状況

  4 users

  wp-cocoon.com

  Cocoon Blocks プラグインはテーマ内に組み込まれました。プラグインを利用している場合は無効にしてください。 Cocoonインライン Cocoon 1.7.2より、ドロップダウン形式で装飾を選べるようになりました。 「文字」リスト 太字（strongタグではなくboldクラスで指定したもの） 吾輩は猫である。名前はまだ無い。 赤字 吾輩は猫である。名前はまだ無い。 赤太字 吾輩は猫である。名前はまだ無い。 青字 吾輩は猫である。名前はまだ無い。 青太字 吾輩は猫である。名前はまだ無い。 緑字 吾輩は猫である。名前はまだ無い。 緑太字 吾輩は猫である。名前はまだ無い。 キーボードキー 文字をコピーするには Ctrl + C キーを押してください。 貼り付けをするには Ctrl + V キーを押してください。 ※Windows 打消し線（delでなくsタグを用いた訂正の意味があるもの

  • 世の中
  • 2019/01/23 20:50
• あとで読む

  テーマをAMP対応する方法

  3 users

  wp-cocoon.com

  CocoonテーマのAMP対応はかなり簡単です。 設定から、チェックボックスを有効にするだけで、全ての記事をAMP対応することができます。 テーマをAMP対応させる方法 AMP対応させるには、テーマの設定画面を開きます。 WordPress管理画面から「Cocoon設定」を選択してください。 あとは「AMP」タブを開いて「AMP機能を有効化する」にチェックを入れて、保存ボタンを押してください。 AMP対応後の動作 AMP対応のページを表示するには、ページURLに対して「?amp=1」といったクエリを加えてブラウザで開けばOKです。 ページURL?amp=1 通常ページは、こんな感じで表示されているのが AMPページでもほぼ同様に表示されます（入力フォームとかはない）。 通常ページと、AMPページはほとんど同じCSSが適用されます。 AMP仕様の注意点 ただ、AMPの仕様自体非常に厳しいもの

  • 世の中
  • 2019/01/18 10:43
• あとで読む

  Cocoonテーマをインストールする方法

  9 users

  wp-cocoon.com

  CocoonテーマをWordPressにインストールする方法です。 Cocoonでは、親テーマと子テーマ双方インストールすることをおすすめしています。 サーバーを所持していない方は、先にレンタルサーバーの契約とWordPerssのインストールが必要です。 サーバー未契約の方は、以下の記事を参考にCocoonの導入を進めてみましょう。

  • 学び
  • 2019/01/04 17:42
• あとで読む

  httpページを簡単https化（SSL対応）する方法 | Cocoon

  3 users

  wp-cocoon.com

  SSL対応する方法 サーバーでSSL対応機能を有効にする まずはサーバー側でSSL対応機能を有効にします。 エックスサーバーサーバーの場合は、アドレスバーのURLをhttpsにするだけです。 その他のサーバーは、サーバーごとに設定方法があります。 検索エンジンで「サーバー名 SSL対応」で検索してみてください。

  • テクノロジー
  • 2018/12/12 00:34
• あとで読む

  ビジュアルエディターのスタイルドロップダウンが表示されない（TinyMCE Advanced利用時の設定方法）

  3 users

  wp-cocoon.com

  通常Cocoonでは、以下のようにビジュアルエディターで「スタイル」ドロップダウンが表示されます。 けれど、TinyMCE Advancedプラグインを利用すると、以下のように表示されなくなってしまいます。 これは、Cocoonの不具合ではなく「TinyMCE Advanced」プラグインの仕様です。 これを表示させる方法を紹介します。 「スタイル」を表示させる方法 「スタイル」ドロップダウンリストを表示させるには、まずWordPress管理画面の「設定→TinyMCE Advanced」メニューを選択してください。 TinyMCE Advancedの「エディター設定」画面が表示されるので、「スタイル」項目をドラッグ＆ドロップして、ビジュアルエディターツールバーの好きな箇所に置いてください。

  • 暮らし
  • 2018/10/03 19:47
• あとで読む

  テーマが利用しているサムネイルを再生成して最適化する方法 | Cocoon

  6 users

  wp-cocoon.com

  他テーマから、当テーマに変更した場合や、一部設定を変更した際に、サムネイルの再生成をすると、より綺麗に画像がテーマ上に表示されます。 以下では、Regenerate Thumbnailsプラグインを用いてサムネイルの再生成をする方法を紹介します。 サムネイルの再生成 Regenerate Thumbnailsプラグインを用いたサムネイルの再生成方法の説明です。 プラグインのインストール サムネイルの再生成を行うには、Regenerate Thumbnailsプラグインが必要になります。 WordPress管理画面から「プラグインを追加」画面を開いて「Regenerate Thumbnails」で検索し、出来たプラグインをインストールし有効化してください。 サムネイルの再生成 次に「ツール」メニューから「Regenerate Thumbnails」を選択してください。 「Regenerate

  • テクノロジー
  • 2018/09/30 13:49

  • WordPress
  • 写真
• あとで読む

  モバイル用のグローバルナビメニューを設定する方法

  3 users

  wp-cocoon.com

  Cocoonでは、以下のようなモバイル用のグローバルナビを設定することが可能です。 モバイル用のグローバルメニューは、1023px以下の幅の端末で表示される仕様となっています。 1023pxよりも大きな端末で表示するメニュー設定はこちらの方法で行ってください。

  • 学び
  • 2018/08/25 08:21
• あとで読む

  Amazon商品リンクの初期設定方法と使い方

  8 users

  wp-cocoon.com

  もちろんAMPページにも対応しています。 ただ、これを利用するにはAPIの認証キーや、各種アフィリエイトIDを登録する必要があります。以下では、その設定方法を説明します。 加えて、商品リンクを作成するためのASIN（Amazonの商品ID）の取得方法も説明します。

  • テクノロジー
  • 2018/08/02 05:58

  • Cocoon
  • アフィリエイト
  • WordPress
  • Amazon
• あとで読む

  新着記事一覧を表示するショートコードの利用方法

  10 users

  wp-cocoon.com

  Cocoonでは、ショートコードを用いて新着記事一覧を表示することが可能です。 これは、以前Simplicityテーマのフォーラムで、「どうやって実現したら？」と結構問い合わせが多かったので、今回実装することにしました。

  • テクノロジー
  • 2018/07/20 13:14

  • cocoon
  • WordPress
  • WordPress
• あとで読む

  Cocoon 1.0.0公開。おかげさまで正式版となりました。

  4 users

  wp-cocoon.com

  3月19日にCocoonを公開して以降、β版であるにもかかわらず、3ヶ月で3万超のダウンロードとなりました。 初年度のSimplicity（5万/1年）より多くの反響をいただけて、まさに望外といった感じ。 そのおかげで、サポートフォーラムに様々な不具合報告、ご要望をいただけました。 不具合については、自分が把握しているものは全て修正できたと思います。 そして、要望により実装しようと思った機能はほぼほぼ実装できたかと思います（超大変なもの以外）。 なので、本日7月1日をもって、Cocoonを正式版のv1.0.0として公開したいと思います。 これにより、これまでユーザー登録が必要であったダウンロードも、誰でもダウンロード可能になりました。

  • 世の中
  • 2018/07/01 18:14
• あとで読む

  ビジュアルエディターの機能のみでリストをボックスで囲む方法

  6 users

  wp-cocoon.com

  普通に囲むだけではうまくいかない よく失敗する方法は、以下のようにリストのみを選択した場合です。 上記の状態で、スタイルからボックスを選択すると すると以下のように、アイテムごとにボックスで囲まれてしまい、リストまとめてボックス1つで囲めません。 これをうまく解決する方法を紹介します。 リストをうまくボックスで囲む方法 ビジュアルエディターでリストをまとめるボックスで囲むには、まずリストの上下に改行を入れます。 そして、上下の改行ごとドラッグしてテキスト選択します。

  • 暮らし
  • 2018/06/19 07:05
• あとで読む

  Cocoonスキンでカスタマイズすると映えるポイントまとめ

  3 users

  wp-cocoon.com

  これは、リッチなデザインをスキン機能に任せて、洋服を着替える感覚でサイトデザインを変更するためのものです。 なので、スキン機能では出来る限りCocoonっぽさはなくなった方が、「着せ替え」感は強まるかと思います。 というわけで、「スキンでCSSカスタマイズするなら、より効果的となるCocoonぽいパーツ」をテーマ作者目線で考えてみました。

  • 世の中
  • 2018/05/04 09:23
• あとで読む

  Cocoonフォーラム

  13 users

  wp-cocoon.com

  1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります 何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。 不具合・カスタマイズ対象ページのURL： 相談内容： 不具合の発生手順： 解決のために試したこと： ※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。 ※高速化設定をしている場合は無効にしてください。 環境情報： ※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。 環境情報の取得方法はこちら。 → https://wp-cocoon.com/theme-report/ 高速化設定を無効にするにはこちら。 → https://wp-cocoo

  • テクノロジー
  • 2018/05/03 21:27

  • cocoon
  • WordPress
  • CSS
  • ブログ
• あとで読む

  アフィリエイトタグの一元管理機能の使い方

  4 users

  wp-cocoon.com

  収益化サイト運営を行っていると、アフィリエイトタグの管理に悩まされることが結構あります。 例えば、契約しているASPで案件が終了してしまうとか。 そういった場合、他のASPで同じ案件が継続している場合は、アフィリエイトタグを張り替える必要が出てきます。 Amazonの場合は、旧商品のリンクが切れて、新商品が出ているとかもありますよね。 そういった場合、いくつもの記事にアフィリエイトタグが貼ってあると、全て修正する必要が出てきます。 こういうのが地味に面倒くさい。 なのでCocoonでは、アフィリエイトタグを一元管理できる機能を追加しました。 以下では、その「アフィリエイトタグ管理機能」の使い方を説明します。 アフィリエイトタグの登録方法 アフィリエイトタグを登録するには、WordPress管理画面から「Cocoon設定→アフィリエイトタグ」を選択してください。 「アフィリエイトタグ管理」画

  • 暮らし
  • 2018/04/29 07:38

  • アフィリエイト
  • Cocoonテーマ
• あとで読む

  トップページを固定ページにした際にタイトル、シェア・フォローボタン、投稿日、更新日、投稿者名の表示を切り替えるCSS例

  3 users

  wp-cocoon.com

  • テクノロジー
  • 2018/04/16 23:26
• あとで読む

  Cocoonおすすめのサイト高速化設定

  8 users

  wp-cocoon.com

  Cocoonテーマのみ使用した場合なら、PageSpeed Insightsで「モバイル：99点」「パソコン：100点」前後は取れるようになっていると思います。 アドセンス、Analytics、Facebook、Twitter等の外部が読み込まれている場合は、一気に点数がガタ落ちします。外部リソースに起因する点数ダウンは、テーマ側からはどうしようもありません。

  • テクノロジー
  • 2018/03/29 19:02

  • wordpress
• あとで読む

  エックスサーバーでWordPressサイトの開設手順をやさしく解説

  4 users

  wp-cocoon.com

  一番安いスタンダードプランであれば、月額990円〜で契約できます。 各プランごとに使える機能の差はないため、ブログ初心者であれば「スタンダード」で問題ありません。 月額料金はキャンペーンによっても変動します。詳しくはエックスサーバー公式サイトをご覧ください。 エックスサーバーを使ってCocoonのブログを作成する方法 まだエックスサーバーを契約しておらず、これからWordPressブログを始められる方向けに、エックスサーバーを使ったCocoonの導入手順を解説します。 エックスサーバーの「WordPressクイックスタート」を使えば、ブログの運営に必要な「レンタルサーバーの契約」「独自ドメインの取得」「テーマの導入」をおおよそ10分で完了します。 手順は次のとおりです。 エックスサーバーのお申込みフォームにアクセスする エックスサーバー公式サイトにアクセスして、「申し込み」ボタンを押してく

  • テクノロジー
  • 2018/03/22 14:35

  • Wordpress
• あとで読む

  テーマ利用マニュアル

  11 users

  wp-cocoon.com

  WordPress・テーマ設定 推奨のWordPress設定、初期設定など。載ってない機能は随時追加予定。

  • テクノロジー
  • 2018/03/22 14:35

  • WordPress
• あとで読む

  Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ

  17 users

  wp-cocoon.com

  Cocoonテーマとあわせて使用するとお勧めなプラグインのまとめです。 Cocoonに持っていない機能の補完ともいえます。逆に、これ以外のプラグインをインストールすると、機能が重複する可能性もあるのでご注意ください。

  • テクノロジー
  • 2018/03/21 00:19

  • cocoon
  • WPプラグイン
  • WordPress
  • プラグイン
  • plugin

次のページ