Cocoonテーマ事業の継続性を強化したかった SimplicityからCocoon公開中の現在まで、開発・運営は、僕（わいひら）がほぼワンオペで行なってきました。 ワンオペ開発ということはつまり、僕が重大な病気になったり、何かの拍子に死んでしまうなんてことがあれば、以降のサポートは一切行われなくなることを意味します。 もちろんできる限りそうなった時のためにも、Cocoonのライセンスは100％GPLとしていて、「続きを開発したい」という方が現れた場合は、誰でも自由に引き継いで開発できるライセンスにしておりました。 以前書いたライセンスを100％GPLとした理由はこちら。 前作のSimplicityに引き続き、今回も100％GPLにしたかったのは、「誰でも自由に開発を引き継げるようにしておきたいから」です。 というのも、僕も人間なのでいつ何処で何があるか分かりません。 重い病気にかかって更
WordPress & CocoonGoogleアドセンス管理画面、新しいインフィード広告、記事を選択2
サイトを作成するとはありますが、 HTMLやCSSなどの専門知識は一切不要で、１０分程度で完成します。 無料でできる被リンク対策としては非常に労力対効果が高いので、 ドメインパワーを上げたい人は実践をおすすめします。
【30通り以上！】Cocoonカスタマイズ！コピペで簡単！
詳細 今ココ！がわかる順序を表すタイムラインをHTMLとCSSで作る 通知エリアを二つにする 詳細 通知エリアを2つにする方法 メニューをカスタマイズ！PCのグローバルメニューをオシャレかつ利便性アップ！ PCのグローバルメニューを上部に固定し、追尾させるカスタマイズです。 詳細 【Cocoon】ヘッダーメニューをオシャレにカスタマイズ！上部に固定追尾！ スマホ時にヘッダー&メニューを固定する！ スマホでスクロール時にヘッダーを固定追尾させるカスタマイズです。 下スクロール時に隠れ、上スクロール時に表示されます。 詳細 【Cocoon】スマホでヘッダーを固定追尾！メニューも開けるようにする！ スマホ時にメニューを横スクロールできるようにする よく見るタイプのメニューのカスタマイズ方法です。 詳細 Cocoonのスマホメニューをカスタマイズ！コピペ可！横にスクロールできるようにするよ！ コメ
①メニューを作成する 現在のブログの状態は以下のようになっています。 こちらのページ上部にヘッダーメニューを構築していきます。 ヘッダーメニューを選択する まずはヘッダーメニューの内容を作成します。 １．WordPressメニューの「外観」から「メニュー」を開きます。 ２．メニュー名に【ヘッダーメニュー】と入力して、メニュー位置で「ヘッダーメニュー」を選択し、「メニューを作成」をクリックします。 ３．「メニュー項目を追加」からメニューに並べたいコンテンツを複数選び、「メニューに追加」をクリックします。 ヘッダーメニューとして選択できる項目は以下の通り。 選べるコンテンツ 固定ページ 投稿 カスタムリンク カテゴリー タグ 今回は「投稿」のなかからテスト記事を選びました。 ４．追加したコンテンツが並んで表示されるので、それぞれの「▼」をクリックして表示名を編集します。 ５．FontAweso
ブログ初心者でもできるCocoonカスタマイズの完全マニュアル
こんにちは、yuji（@yujiblog）です。 このブログでは、WordPressとアフィリエイトのノウハウを解説しています。 以上のような、ブログデザインについての要望に丁寧にお答えします。 この記事の内容 Cocoonのおすすめ基本設定 Cocoonのカスタマイズ 当ブログではWordPressテーマのCocoonを利用しています。 Cocoonを利用する最大のメリットは、細かくカスタマイズできることと、デザインのポテンシャルが高いことです。 このようにブログ全体のデザインが整っていると、読者からの印象が大幅に改善されますね。 この記事では、以上のようなCocoonのカスタマイズを解説したので、参考にしていただけたらと思います。 ※ブログ収益化を目指している方には、WordPress有料テーマの利用をおすすめしています。詳しくは以下の記事をご覧ください。 》おすすめWordPress
Cocoonのスキン設定とは、ブログの外観を簡単に変更させることができる機能です。 ブログの外観を変更したい場合、WordPressテーマそのものの変更や、CSSを編集する必要がありますが、 Cocoonならスキンを設定するだけでリッチな外観を実現することができます。
Cocoonトップページのカスタマイズ【3ステップでサイト型】
←この人 神です。どんな頭脳してんだろう、、、 というぐらいCocoonはカスタマイズ性にすぐれる万能テーマ。 トップページのサイト型への移行も簡単です！ ここでいう「サイト型」とは、次のような定義です。
<div class="box1-green"> <div class="box-title">ここにタイトルを入力します</div> <p>ここにコンテンツを入力します。</p> </div>.box1-green{ margin: 2em auto; /* ボックスの余白 */ background: #eef8f3; /* ボックス背景色 */ border-radius:4px; /* ボックス角丸 */ max-width:600px; /* ボックス横幅 */ padding: 3.5em 2em 1.5em; /* ボックス内側余白 */ position:relative; /* 配置に関するもの(ここを基準に) */ } .box1-green .box-title { background: #58be89; /* タイトル背景色 */ color: #fff; /*
【Cocoon】簡単！サイト型トップページの作り方（図解付き）
こんにちは、まちゃりさです。 今回は、ワードプレステーマ「Cocoon」でサイト型トップページを作るやり方について解説していきます。 サイト型トップページは、好きな記事やお知らせを表示させたカスタマイズ型トップページのことです。 トップページはサイトのイメージを決める大事な顔の部分。 見せたい記事がある場合には、今回ご紹介する方法でサイト型トップページを作成してみましょう！
【Cocoon】プロフィールをオシャレで可愛くしてみた！
function.phpにコードをコピペプロフィール説明欄でHTMLタグを使えるようにする処理をfunction.phpに書きます。 以下のコードを「WordPress管理画面→外観→テーマエディター→function.php(子テーマ)」にコピペしてください。 注意必ずバックアップを取ってからやってください。 //プロフィール欄でHTMLコードを使えるようにする remove_filter('pre_user_description', 'wp_filter_kses');これで準備OKです。 手順2：WordPressのプロフィール設定プロフィール設定がまだの方はプロフィール設定をまずしましょう。 「WordPress管理画面→ユーザー→あなたのプロフィール」を選択してください。 手順2-1：プロフィールの名前を設定しよう！ ニックネームを入力するとブログ上の表示名が変えられるようにな
「Cocoon」日付を非表示にする方法
1.全ての日付を非表示にする方法 ①管理画面の「Cocoon設定」→「Cocoon設定」クリック Cocoon設定の画面が表示されます。 ②「本文」タブをクリック ③投稿情報表示設定の投稿関連情報の「投稿日の表示・更新日の表示」のレ点チェックを外す ④「変更をまとめて保存」をクリック ⑤非表示になっているか確認する ※環境のせいか・・・「日付が消えるまで時間がかかったので気を付けて下さい」 見事に消えていました。 2.特定の固定ページの日付を非表示にする方法 ①右メニュバーの「固定ページ」→「固定ページ一覧」をクリック 固定ページ一覧が表示される ②非表示にしたい記事IDをメモする IDという欄に表示されている数字が「記事ID」です。 ③左メニューバーの「外観」→「テーマエディター」をクリック テーマの編集画面が表示される。 ④以下のコードを「コピー」する 1ページのみ日付を非表示にしたい
WordPressテーマCocoonの使い方とおすすめ初期設定
Cocoonのダウンロード Cocoonのダウンロード方法は、以下の記事をご覧ください。 》Cocoonのダウンロード方法 CocoonChildの有効化 続いて、ダウンロードしたCocoonの有効化設定をします。 １．WordPressメニュー「外観」の「テーマ」から、CocoonChildが有効化されていることを確認してください。 ２．ブログを表示すると、以上のようなデフォルトのデザインになっています。 スキン設定 Cocoonでは「スキン」機能があり、洗練されたデザインを1クリックで実装することができます。 yujiblogではスキンのホワイトラーメンを実装して、若干の変更を加えています。 １．WordPressメニューから「Cocoon設定」を開きます。 ２．表示されたページの「スキン」タブから、好みのデザインを選ぶことができます。 ３．スキン一覧の中から「ホワイトラーメン」を選択
Twitterでつぶやいていましたが、ブログを2021/4/16にリニューアルし、WordPressテーマを無料の人気テーマ「Cocoon」に変更しました。 どこかで見た様なデザインかと思いますが、超人気テーマなので似通ってしまうのは仕方ありません。 独自性よりも今後のメンテナンス性重視ということでこのテーマにしました。 当初はすんなり移行できると踏んでいたのですが、実はかなり悪戦苦闘しました。 今回は自分自身の備忘録も兼ねて綴っていこうと思います。 また、テーマ変更に伴い、Googleアドセンス広告表示に関してもいろいろ問題がありました。 当ブログでは広告表示させていただいておりますが、広告収入はブログの運営費に充てられるため、必要不可欠です。 広告表示がうまくいかないと、このブログの運営にかなり影響してくるので、私にとっては大問題でした。 現在も未解決なところが多々ありますが、いろいろ
yujiblog
FXで1000万円以上の利益を出すことができたので、僕が取り組んできたことをまとめました。具体的なトレードテクニックと、フォローすべき本物の億トレーダーを紹介したので、ぜひ参考にしていただければと思います。
WordPressでテーマCocoonを使っているんだけど、 ヘッダーとヘッダーロゴって違いは？ヘッダー画像はサイズどれくらいにしたらよいの？パソコンでヘッダーを画面いっぱいに広げるにはどう設定したらよい？ 当記事では、こんな疑問を解消します。 こんにちは、タズキ（@tazukiblog）です。 ワードプレスのテーマ「Cocoon」のヘッダーを設定するときに、自分の思った通りに表示させるには、どのサイズでヘッダー画像を用意すればいいのか迷いますよね。 CSSはいじらずに、元からあるCocoon設定だけで、様々な表示方法が可能です！
おすすめカードの設定方法 以下では、おすすめカードの設定方法を順を追って説明します。 おすすめカードメニューの作成 おすすめカードを設定するには、まず「外観 → メニュー」を開きます。 メニュー画面で「おすすめカード」用のメニューを作成する必要があります。 新しいメニューの作成 「新しいメニューを作成しましょう」リンクを選択してください。 メニュー名を入力して「メニューを作成」ボタンを押してください。 メニュー項目の作成 メニュー項目からカードにしたい記事を選択してください。 おすすめカードに対応しているメニュー項目は、こちら。 固定ページ 投稿 カスタムリンク（投稿・固定ページ、カテゴリー、タグ等の内部リンクのみ） カテゴリー タグ（表示オプションから表示設定可能） カスタム投稿（v1.9.7～）
<!-- - 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を始めたばかりの方や、これから使おうという方は、初期設定についてもまとめていますので以下を参考にして下さい。
/* 目次全体デザイン */ .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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cocoonをエックスサーバーに事業譲渡した理由
Cocoon、トップページの記事一覧にウィジェットで広告を設置する方法
ペライチ被リンクでドメインパワーアップ!!【裏技も紹介】
【Cocoon】ヘッダーメニュー(グローバルメニュー)の設定方法とカスタマイズ
Cocoon（コクーン）のスキンが反映されない！？直す方法
【Cocoon】コピペで簡単！タイトル入力可のおしゃれなボックスを作る！
WordPressテーマをCocoonに変更して、いろいろ苦労した備忘録
【Cocoon】ヘッダーとロゴの適正サイズは？思った通りに設定する！
ヘッダー下に任意の画像リンクを追加できる「おすすめカード」機能の使い方
【2021年】Google fontsの非同期読み込み最適化【Cocoon】
Cocoonの設定 やりたい事の逆引きで編集箇所がわかる50音順一覧
【Cocoon】コピペだけでWordPressの目次を可愛くカスタマイズ！