B-PLAYGROUND

【WordPress】グローバルメニューにアイコンを付ける方法

グローバルメニューにアイコンを付ける方法表示オプション➧CSSクラスにチェックを入れてください。チェックを入れることによってCSSクラスにFontAwesomeの自分の好きなアイコンを入れてください。その後、アイコンのコードを記入。保存。タ

2021/07/11 16:21

【Cocoon】各class名・idの名前をまとめてみた｜CSSでカスタマイズするときに

Cocoonのclass名・Idまとめ見出し見出し2と見出し3見出し4・・・と各見出しですh2{}h3{}h4{}h5{}目次全体の目次.toc{}目次の名前.toc-title{}目次の見出し.toc-content{}目次の番号・印のと

2021/07/11 08:48

【コラム】2021.07.10

学校を辞めたいけど、ここで辞めたらニートで精神持ちになり何も生まれないから少し書く。みんなに病気じゃないと言われ、みんなに起業していると言われ、みんなに稼いでいると思われている。正直ここまで広まっているのも自分が広めたわけではないのに…と思

2021/07/10 14:13

3分でわかるアフィリエイトとは『仕組みと稼ぎ方』

アフィリエイトとはアフィリエイトとは言ってしまえば営業代行です。普段、営業マンは対面でテレアポや訪問営業などをして仕事・案件として獲得します。言ってしまえばこれがオンライン上での仕組みで完結するのがアフィリエイトのメリットでもあります。よく

2021/07/08 17:15

【Cocoon】タグのカスタマイズ方法｜コピペOK

【Cocoon】タグカスタマイズ方法Cocoonのタグを今回はカスタマイズします。タグとは記事の下にカテゴリーごとに書いてあるもののことをいいます。今回は関連カテゴリーのタグをカスタマイズしていきます。タグのコードタグの今回のクラス名はca

2021/07/08 07:31

【Cocoon】時系列のショートコードの使い方まとめ

今回は上記のような時系列のタイムラインを作るためのショートコードを紹介します。タイムラインの使い方クラシックエディタを使用している場合は、ショートコードタイムラインから作成できます。基本的には下記のコードでタイムラインが表示されます。内容タ

2021/07/08 00:31

【Cocoon】関連記事の見出しのデザインをカスタマイズする方法

【Cocoon】関連記事の見出しデザインの変更方法関連記事の見出しのデザインを変更するためには以下のClass名を使います。.related-entry-heading{]このClass名で中にコードを書いて反映させていきます。色の変更色の

2021/07/07 18:21

【Cocoon】お問い合わせのデザインをカスタマイズする方法

お問い合わせ欄の仕組みチェックボックスチェックボックス””の中に自分がチェックボックスに使いたい内容を追記します。<tr><th class="CT7_space"><span class=

2021/07/05 08:02

【Cocoon】トップページを作る方法を分かりやすく解説

【Cocoon】トップページを作る方法トップページを作るためには、①固定ページを作成②表示設定➧ホームページで固定ページを指定で作成できます。他にもCSSでシェアボタンやフォローボタンを非表示にしたり見出しタイトルも表示をさせないようにしま

2021/07/04 19:38

【Cocoon】ページネーションとページ番号をモノクロにカスタマイズ

【コピペOK】ページネーションCSSデザインページネーション今回は次ページという表示を消します。カスタムしたい場合は、colorで文字色の設定。backgroouud-colorで背景色を設定してください。モノクロにしたい場合は文字色をco

2021/07/04 14:08

【Cocoon】SNSシェア・フォローボタンを小さく丸くする方法

【コピペOK】CocoonでSNSを丸くするCSSコードSNSを丸くするために以下のCSSコードをまず入れてください/*---SNSボタンを丸くする---*/#main .button-caption {display: none; /*キ

2021/07/04 08:53

【コピペOK】WordPressサイドバーにプロフィール欄を作る方法

Wordpressサイドバーにプロフィール欄を作る方法今回はもともとプロフィール欄を追加できるウイジェット機うのがない場合の方法を解説します。Cocoonを使っている場合はプロフィール欄があるのでこちらの記事を参考にしてください。＞＞【Co

2021/07/04 08:28

【Cocoon】モバイル設定時にヘッダーの隙間を無くす方法

【Cocoon】モバイル設定時にヘッダーの隙間を無くすためにはCocoonのモバイルヘッダーで以下のようにするための設定とカスタマイズを紹介します。Cocoon設定｜モバイルCocoon設定➧モバイルタグでヘッダーの編集をします。サイトヘッ

2021/07/03 08:32

【コラム】何もうまくいかないから一度立ち止まり休憩する｜2021.07.02

2021年7月02日。少しだけ疲れてしまったのでここで吐かせてほしい。また、いつの日か自分が見て「こんなこともあったけどいい思い出だった」と思えるようにするためにも。思えばオンライン授業が終わり対面授業になってからだ。以前一緒にご飯を食べに

2021/07/02 18:03

【コピペでOK】Cocoonカスタマイズおしゃれでシンプルなブログデザインまとめ

Cocoonカスタマイズ前にしてほしいことCocoonをカスタマイズする前にしてほしいことがあります。Cocoonの子テーマをダウンロードしてください。テーマには親テーマと子テーマがあります。＞＞Cocoon子テーマダウンロード先子テーマを

2021/07/02 09:15