【マツコの知らない世界】小豆は美と健康に効く?「食べて作って幸せ!あんこで腸スッキリ&美ボディー革命」 【NHKためしてガッテン】
コクーンでヘッダーにおすすめ記事のカードを設置しよう。 2日ほど前に「ヒメとまいにち」サイトのヘッダーを少し変更しました。 気づいてくださった方、どうもありがとうございます。 Cocoonには、カルーセルと呼ばれる「おすすめ記事」などを 自動でスライド表示させてくれる機能(スライダー)が用意されています。 このような。自分の過去記事をアピールしてくれるんですね。 ずっとやりたいなーと思っていたんですが、そのまま放置。 なんだかとても難しそう…ではありますが、 意外や簡単な操作で設定することができます。 いわゆる画像が流れて表示されるだけのスライドショーとは異なり、 画像を表示するだけでなく、画像のリンクへ飛ぶこともできます。 CSS追加記述無しでおすすめ記事をアピールする Cocoon設定から「カルーセル」タブを選択します。 カルーセル設定は、「表示しない」がデフォルトになっています。 こ
Cocoonテーマ事業の継続性を強化したかった SimplicityからCocoon公開中の現在まで、開発・運営は、僕(わいひら)がほぼワンオペで行なってきました。 ワンオペ開発ということはつまり、僕が重大な病気になったり、何かの拍子に死んでしまうなんてことがあれば、以降のサポートは一切行われなくなることを意味します。 もちろんできる限りそうなった時のためにも、Cocoonのライセンスは100%GPLとしていて、「続きを開発したい」という方が現れた場合は、誰でも自由に引き継いで開発できるライセンスにしておりました。 以前書いたライセンスを100%GPLとした理由はこちら。 前作のSimplicityに引き続き、今回も100%GPLにしたかったのは、「誰でも自由に開発を引き継げるようにしておきたいから」です。 というのも、僕も人間なのでいつ何処で何があるか分かりません。 重い病気にかかって更
ワードプレスを更新したらスタイルシートが無くなってしまった問題わたしのワードプレスはコクーンと言うテーマを使っています。 あまりにも使い勝手が良く、 ワードプレス自体を最新バージョンに更新せよ。 とお知らせが来ても、 何か変わってしまったらやだなー、と言う思いから更新せずにいました。 が、ここで問題が。 旧バージョンだと表入力テーブルが使えない。 今まで表入力って、こつこつと、コードを書いて入力していたのです。 こんな感じで。 表のサイズが大きくなればなるほど 書き込むコードが増えて、結構しんどい。 一文字間違えただけで表示されないしねー。 新しいバージョンでは表入力用のプラグインがあると知って、 やだなー…真っ白になっちゃったらどうしよう…←経験ありw とか思いながらもやっとワードプレス自体のバージョンを更新。 …ふう。 今回は問題なくできた…。 …。出来てない―! しょっちゅう使ってる
「Cocoon Child」テーマは、中身が入っていない空の箱だと思ってください。 「Cocoon」テーマは、中身が詰まった箱です。 そして、「Cocoon」という土台の上に「Cocoon Child」が乗っかっています。 「Cocoon」 = 「Cocoon」 「Cocoon Child」 = 「Cocoon」 + 「Cocoon Child」 WordPressの管理画面で「Cocoon Child」を有効にすると、実際には「Cocoon」と「Cocoon Child」が合成されたものがテーマとして使用されます。 そのため、「Cocoon Child」単体では動作しません。 「Cocoon Child」を使用するなら、ベースになる「Cocoon」は必須です。 また、「Cocoon Child」が空の状態(カスタマイズしていない状態)だと、「Cocoon」と「Cocoon Child」の
「インデックスリストミドル」ウィジェットをカスタマイズする 前回の記事では、Googleアドセンスの管理画面で「インフィード広告」を作成し、 WordPressの管理画面で、「インデックスリストミドル」に広告コードを貼り付けるところまでは作業が完了しました。 「インデックスリストミドル」というのは、トップページの記事一覧で、「3つ目」の記事カードの下にウィジェットを挿入する機能です。 (WordPressのテーマ「Cocoon」の機能です) トップページに10個の新着記事が表示されているとします。 その場合、記事及び広告は以下のような並びで表示されます。 記事1 記事2 記事3 広告(インデックスリストミドル) 記事4 記事5 記事6 記事7 記事8 記事9 記事10 「記事3」の下に広告が1つだけ表示されます。 これを「インデックスリストミドル」のウィジェットをカスタマイズすることで、下
人を喰う鬼たちを相手に、刀を振るい戦う鬼殺隊の活躍に魅了された吾峠呼世晴のマンガ『鬼滅の刃』。ライトノベルやエンターテインメント小説でも同様に、人の心を惑わして殺戮へと駆り立てる“鬼”や“悪魔”を探し出し、滅ぼしていく退魔の物語がいくつも書かれている。 異能を操り鬼を封じる戦士たち『筺底のエルピス』 2014年から刊行中のオキシタケヒコ『筺底(はこぞこ)のエルピス』(ガガガ文庫)シリーズもそのひとつ。人類に害をなす鬼を相手に、封伐員と呼ばれる異能の持ち主たちが挑むストーリーには、『鬼滅の刃』から感じられたバトルものの面白さが詰まっている。加えて『筺底のエルピス』は、第3回創元SF短編賞で優秀賞を獲得した作者らしく、宇宙人や異次元といった概念が絡み、時間移動という設定も入った本格SFとしても楽しめる。 鬼という存在が、昔話に出てくるようなモンスターとは違っている点が『筺底のエルピス』の特徴だ
Cocoon、スマホ表示からヘッダーロゴを削除したい このブログをスマホで表示したとき、元々はヘッダーロゴが表示されていました。 今回は、これを削除するお話です。 ヘッダーロゴというのは下記のようなものです。 スマホは表示面積が小さいです。 ヘッダーロゴがあることで、ファーストビューに表示できるアイテムが制限されてきます。 そこで、ブログを見たときにデバイス別で パソコン: ヘッダーロゴを表示 スマホ: ヘッダーロゴを非表示 という設定をすることにしました。 スマホの表示、工夫をしないとヘッダーロゴが表示されます(上記画像の左側)。 設定を変えればヘッダーロゴを消すことができます(上記画像の右側)。 このサイトの場合は、広告が見切れてしまうのが気になるのでヘッダーロゴを消すことにしました サイトによっては、この位置に広告ではなく、アイキャッチ画像だったり、目次だったり、本文の書き出しがある
ローソンでお昼ごはん リコピンと納豆をこよなく愛する変態紳士・風太郎さんが 紹介されていてすごくおいしそうだった ローソンのGOODOG!グーードッグ 紹介が雑だと言われたので、きちんと紹介してみまし... 現在、ちゃんと表示されているかと思います。 たたとあさん、はにおさん、umeさん、そらママさん、 ヒントをありがとうございました。 見出しがh3なのがいけないのかも、と言うご意見を採用。 とりあえずh2に書き換えてみた。 でもなんだか腑に落ちない。 お好きな位置でお使いくださいってなってたんだけどな。 見出し1で編集した画面。 こういうふうに表示されます。 見出し2で編集した画面 お~、目次が出てる! 見出し3で編集した画面 これもダメだわ。 ここでちょっと気が付いた。 もしかして、目次って、見出し2しか適用されないんじゃない? そうすると、見出しってたくさんあっても一つしか使えないっ
◆ 転職エージェント歴16年&自身も5回の転職を経験。 ◆ 転職系の企業メディアの監修・コラム寄稿も実績あり。 ◆ ブログ村、FC2ブログランク「転職」カテゴリ1位継続中。 ◆ Twitterアカウントはこちら 今回の記事ではブログ初心者だった私が、その楽しさが倍増してアクセスも増えたワードプレスの無料テーマ最強の「Cocoon」の使い方について徹底レビューします。
設定は「アピールエリア」 設定項目は「アピールエリア」という名前です。Cocoonの設定にあるので、WordPressのダッシュボードから開いてください。 設定を開いたら「アピールエリアの表示」項目で、表示させたい場所を選択します。おすすめは「フロントページのみ」です。これでサイトのトップだけに表示できます。 後は画像部分に表示されるアピール文言やリンクへのボタンを設定します。特に複雑な設定は必要ないので、色々と文言を変えながら試してみてください! ※設定を変更した後は忘れずに保存を! 他にもおすすめのCocoonカスタマイズ すごく簡単なので、これで手順説明は終わりなのですが、Cocoonにはサイトのカスタマイズでおすすめの項目が他にもあるので紹介します。
ブログを気に入ってもらえた時、記事をシェアしてもらうためにSNSのボタンを置いている人も多いと思います。 「cocoon」も、設定でSNSシェアボタンを出すための機能が用意されており、簡単にシェア機能を追加することができます。このサイトでも、いくつかシェアのボタンを置いていたりします。 今回の記事では、設定で用意されているシェアボタンの列に、カスタマイズしたリンクを入れてオリジナルのボタンを表示させる方法について書きます。完成イメージとしてはこちらです。 今回は例として、人気ブログランキングへの投票ボタンを入れてみたいと思います。※この記事の内容は、ある程度サーバー上のファイル構造に理解のある方向けです。
WordPressのテーマにCocoonを使用しています。 2020年3月1日、Cocoonのバージョンを「2.1.2.1」から「2.1.3.1」に更新しました。 すると、サイトの見た目が変わった気がする。 文字が細くて読みにくくなった? 文字サイズではなく、フォントが変わった気がする。 フォントというのは文字の見た目のことです。 Cocoon公式のリリースノートを確認 Cocoonのリリースノートを確認してみると以下のような記載がありました。 デフォルトフォントの変更 Cocoonのデフォルトフォントをヒラギノベースのメイリオに変更しました。 以前は、游ゴシックがデフォルトだったんですが、フォントウェイトが400だと、かなり細すぎて読みづらいと思いました。 なので、Windows的には最も読みやすいとされ、文字の太さもちょうど良いメイリオに変更しました。 フォントの状態を既にCocoon
いろいろなブログを見ていると「へ~こんなのいいな~」おしゃれな写真だな~とついつい隣の芝生は青く見えていました。SNSでは、いろんな事が飛び交っています。cocoonは稼げないとか、SWELLに変えたら検索結果が上位に上がったとか「AFFINGER6」がいいとか・・・SWELLのサイトを見に行くと波がうねっているのげ出てきていいな~とか、AFFNGERのサイトを見に行くとおしゃれな写真が並んでてこんなのもいいな~とか・・・cocoonはcocoonっぽいんだよな~(生意気にすみません💧)で、有料のテーマだと、プラグインも少なくていいとか、エラーが少ないとか(いつも、グーグルサーチコンソールと、ページスピードインサイトのエラーの多さに悩んでいました)さすが有料テーマは違うとかよくのっていたので、よし、SWELLは買い切りなので、買っちゃおう!と、切り替えるための準備を調べていたら・・・どう
国内のサークルNAYUTA STUDIOは10月10日、『ウツロマユ – Hollow Cocoon –』を12月7日に発売すると発表した。対応プラットフォームはPC(Steam)。Steamでは、ゲーム序盤の一部がプレイできる体験版も配信中となっている。 『ウツロマユ – Hollow Cocoon -』は、80年代の田舎で窒息するような恐怖と真実に迫る、和風3Dホラーゲームである。本作の主人公・陣場湊は、親元を離れ都会で下宿生活をしている男子大学生だ。彼は以前より、実の娘の葬儀にすら顔を出さなかった祖母に対して、嫌悪感を抱いていたのだという。ある夜、陣場湊は祖母が危篤だと知らされ、母の生家がある山深い土地「一ノ瀬」村へ出発。10年ぶりに訪れた祖母の家で、まずは休息をとろうとする。しかし、すっかり暗くなった頃に奇妙な出来事が発生し、襲いかかる化物から身を隠すことになる。一ノ瀬村に隠された
結論としては、CocoonのLazyLoadとJetpackのLazyLoadを両方とも有効にしているせいでした CocoonのLazyLoadをオン JetPackのLazyLoadをオフ にすることで画像が2枚ずつ表示される問題が解消されました AMPとは? 元のURLが https://u-ff.com/amp-duplicate/ だったとして https://u-ff.com/amp-duplicate/?amp=1 のようなURLにアクセスするとAMPページというのが表示されます AMPページは通常のページよりも表示が高速なので Googleの検索結果で順位が上がるとGoogleが公言しています WordPressのテーマでCocoonを使っている場合は Cocoon設定 > AMP > 「AMP機能を有効化する」にチェック これでAMPが有効になります AMPが反映されるまで
画像を置換後、パターンの「更新」をクリックして管理画面に戻ってください。 更新したパターンのIDを確認します。ここで今回使用するパターンのIDの数字をコピーしておきます。 プラグイン「grayish MV add Plugin」のダウンロード ここからプラグインをダウンロードします(先ほども触れましたが普通のプラグインのようにダッシュボードのプラグインで新規プラグインを追加してもgrayish MV add Pluginは出てきません。) プラグインをダウンロードしたら、ダッシュボードのプラグインを開きます「新規プラグインを追加」をクリックします 「プラグインのアップロード」が出てくるのでクリック ファイルの選択をします 「grayish_my_add_plugin-main.zip」を選択して「今すぐインストール」します。 プラグイン「grayish MV add Plugin」の設定
STEP1:トップページ用の固定ページを新規作成しよう!まずは固定ページを作成していきます。 「固定ページ→新規追加」を選択! 固定ページのタイトルはサイト名や狙っているキーワードを入れてください。 下記コードをビジュアルエディタではなく、テキストエディタで入力してください。 <h2>新着記事</h2> [new_list count="6" type="large_thumb"] <div class="p-button"><a href="./articles">もっと見る <i class="fa fa-chevron-circle-right"></i></a></div> <h2>おすすめ記事</h2> [new_list count="2" tags="0" type="large_thumb"] <h2>カテゴリ1</h2> [new_list count="2" cats=
Tha Japan News December 23, 2022 より一部抜粋(対訳をとりやすいように、なるべく冒頭から訳しています。日英表現が色で対比になっています。) 【本文】 Miko shrine maidens add the finishing touches to bush clover branches decorated with mayudama ornaments resembling silkworm cocoons 蚕の繭に似た繭玉飾りで飾られた萩の枝に仕上げを施す巫女さんたち。 (at Kinomiya Shrine in Atami, Shizuoka Prefecture. 静岡県熱海市の来宮神社にて) Silkworm cocoons have long been associated with New Year prayers for family he
Cocoon 2.6.9からの変更点です。 作者がちょっと体調不良でトータル1ヶ月ほど入院してたためアップデートを行えず、その分溜まった変更や修正が多くなりました。 機能追加 ads.txt編集機能の... Google Search Consoleで調べてみても それまで、cocoonの設定でAMPを有効にしていたので拡張にAMPはありますが、有効なAMPも無効なAMPも「0」です。 PageSpeed InsightsでURLを調べたら「オフスクリーン画像の遅延読み込み 9 KiB 削減可能」と出てきて『WordPress の遅延読み込みプラグインをインストールすると、画面外の画像の読み込みを遅らせたり、遅延読み込み機能のあるテーマに切り替えたりできます。AMP プラグインの使用もご検討ください。』と出てきました。AMPのプラグインあるのなら入れてみようかな~とみてみると、 プラグイン
こんにちは、yuji(@yujiblog)です。 このブログでは、WordPressとアフィリエイトのノウハウを解説しています。 以上のような、Cocoonのエディタについての疑問にお答えします。 この記事の内容 ブロックエディタとは? クラシックエディタとは? Cocoonでクラシックエディタを使う方法 どちらを使うべき? 当ブログはコツコツ更新した結果、月間26万PVとなりました。 またアフィリエイト収入も増えており、現在は月20万ほどを稼いでいます。 本記事では、Cocoonのエディタについて詳しく解説しました。 「エディタ」とはWordPressの記事執筆画面のことで、文章の装飾など様々な機能がついています。 「ブロックエディタ(グーテンベルク)とクラシックエディタ、どちらを使えばいいの…?」という人向けに情報をまとめたので、参考にしていただければと思います。 ※3分で読めますので
ワードプレステーマCocoonを利用する前までは、バージョンアップの無かった古いテーマを利用していたため、問題は起きませんでした。それに、子テーマも利用していなくて今回から初めて子テーマを利用し始めましたので、親テーマだけをバージョンアップして子テーマはバージョンアップすべきで無いことを理解していませんでした。 通常のバージョンアップは、ダッシュボードの更新からバージョンアップしますが、外観→テーマで親子両方バージョンアップしてしまったのです。通常では無いやり方をすると問題が発生してしまう典型的失敗例ですね。 そもそも、親テーマと子テーマに分ける意味は、親テーマをバージョンアップしてもカスタマイズした子テーマには影響を受けずに使用できるのがコンセプトです。 子テーマは、バージョンアップする必要はありません。 というより、むしろすべきではないと思います。カスタマイズを書き溜めておくために存在
①メニューを作成する 現在のブログの状態は以下のようになっています。 こちらのページ上部にヘッダーメニューを構築していきます。 ヘッダーメニューを選択する まずはヘッダーメニューの内容を作成します。 1.WordPressメニューの「外観」から「メニュー」を開きます。 2.メニュー名に【ヘッダーメニュー】と入力して、メニュー位置で「ヘッダーメニュー」を選択し、「メニューを作成」をクリックします。 3.「メニュー項目を追加」からメニューに並べたいコンテンツを複数選び、「メニューに追加」をクリックします。 ヘッダーメニューとして選択できる項目は以下の通り。 選べるコンテンツ 固定ページ 投稿 カスタムリンク カテゴリー タグ 今回は「投稿」のなかからテスト記事を選びました。 4.追加したコンテンツが並んで表示されるので、それぞれの「▼」をクリックして表示名を編集します。 5.FontAweso
こんにちは、yuji(@yujiblog)です。 このブログでは、WordPressとアフィリエイトのノウハウを解説しています。 ブログのSEO対策でAll In One SEOをとりあえず入れている状態です。 CocoonにもSEO機能があるのですが、どちらで設定すればいいですか? 以上のような、CocoonのSEO対策についての質問にお答えします。 この記事の内容 CocoonでAll In One SEOを使っても大丈夫? 当ブログでAll In One SEOを使わない理由 当ブログはコツコツ更新した結果、月間26万PVとなりました。 またアフィリエイト収入も増えており、現在は月20万ほどを稼いでいます。 本記事では、CocoonのSEO対策でAll In One SEOを使うべきかどうかを解説しました。 当ブログではAll In One SEOは不要だと判断しており、その理由をま
完全な備忘録です。情報の間違い、不足等あればご指摘ください。 プラグインはあまり入れたくありませんでしたが、AMPのアドレスが大きく変わってしまうので304リダイレクトをするためにRedirectionを導入しました。 LuxeritasからCocoonに乗り換え後のAMPアドレス変更対策 LuxeritasからCocoonに乗り換え後のAMPアドレス変更対策では、Wordpressのプラグイン、Redirectionを導入しました。 このプラグインを簡単に言うと、あるルールに該当するURLを一定の規則に基づいてURLを書き換えて301リダイレクトさせるプラグインです。 LuxeritasからCocoonに乗り換え後のAMPアドレスは、例えば Luxeritasではhttps://avohm.info/post-5040/ampとなっていたものが、 Cocoonではhttps://avoh
【cocoon】表示速度が激落ちする原因と対策 アドセンスが原因か?トップ 5 のランディング ページの 1 つで、読み込み速度が低下 2020年9月20日Cocoon, web制作 どうも菊之露一文字です。最近アナルティクスで 「トップ 5 のランディング ページの 1 つで、読み込み速度が低下」と表示されました。 それに伴い原因と対策を実施しました。 現在利用中のWordPressテーマは「cocoon」で普段は表示速度も早く優秀なテーマです。 プログラムを入力するなどの難しい設定は一切ないので、同じ悩みをお持ちの方は、お試しあれ!! 「トップ 5 のランディング ページの 1 つで、読み込み速度が低下」フタを開けて見ると表示速度が激遅になっていたgoogleのPageSpeed Insightsを利用してサイト速度を測ってみると・・・・ https://developers.goog
こんにちは、yuji(@yujiblog)です。 このブログでは、WordPressとアフィリエイトのノウハウを解説しています。 以上のような、ブログデザインについての要望に丁寧にお答えします。 この記事の内容 Cocoonのおすすめ基本設定 Cocoonのカスタマイズ 当ブログではWordPressテーマのCocoonを利用しています。 Cocoonを利用する最大のメリットは、細かくカスタマイズできることと、デザインのポテンシャルが高いことです。 このようにブログ全体のデザインが整っていると、読者からの印象が大幅に改善されますね。 この記事では、以上のようなCocoonのカスタマイズを解説したので、参考にしていただけたらと思います。 ※ブログ収益化を目指している方には、WordPress有料テーマの利用をおすすめしています。詳しくは以下の記事をご覧ください。 》おすすめWordPress
先日からサーチコンソールのモバイルユーサビリティーエラーが発生するようになってしまいました。 「クリック可能な要素同士が近すぎます」と「コンテンツの幅が画面の幅を超えています」というエラーが9記事に増えました。 新規で投稿した記事であれば、誤作動の可能性が多いになると思いますが、長い間使用していて急にエラーになるのは、検知自体のエラーでは無いかと軽く思って居ましたが、少しずつ増えている状況に段々と不安になる。 スタイルシートを書き換えるなどの高度な技術は持ち合わせていませんので、ワードプレスのテーマ(テンプレート)を変更することにしました。 前回までは、2ブログ共に無料で使用できるmicata2を使用してきました。3年以上使い続けて来て今頃になって急に上記のエラーが出るのは何故か見当が付きません。 モバイルユーザビリティーと言うくらいですので、モバイル端末の表示の仕方が最近変更になったのか
ブログの見た目をチェックする際に、パソコンの画面ばかり見ていてはいけません。 今の時代、スマホからの閲覧数がほとんどを占めますので、スマホ画面もしっかりとチェックしなくてはいけません。 ブログを見ている大半はスマホ利用者 ブログを育てたいなら、見ている方の気持ちになるのが大切。 ユーザーが使いやすいようにブログを作っていくことで、ユーザビリティが良くなって 記事の順位も上がっていきますし、PVも増えていきますよ。 スマホの画面は小さいので、アイキャッチとタイトルに加えて記事の説明文が入っていると、ごちゃごちゃしているように見えてしまいます。 そこで、Cocoonで作ったブログのトップページをすっきりした見た目にすべく、記事の説明文を表示させないようにしましたので、その方法を紹介します。 タイトルとアイキャッチと説明文が入っていた場合の見た目 ブログの記事一覧を見たときに、タイトルとアイキャ
はいそんなわけで今日はWordPressネタ。 基本的に「できるだけお金は使いたくない」人なんで WordPressのテーマも無料テーマを使っているわけですが・・・。 なんでもできちゃうCocoon わいひらさんという方が開発してらっしゃるCocoon wp-cocoon.com とにかく高機能。 あれがやりたい これがやりたい!って思ったら だいたい「標準機能」として搭載されちゃってるという「え?下手な有料テーマよりすごくねぇ?」っていうとんでもない無料テーマ。 ちょっと手間がかかるLuxeritas そんな「かゆいところに手が届くCocoon」に対し、ちょっとユーザーを突き放した感さえあるのがLuxeritas thk.kanzae.net カスタマイズ項目は数百とも数千とも言われているものの、それぞれを「自力で組み合わせていく」感じなので、「わかってないと辛い」系のテーマ。 文字の太
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く