【WordPress】無料テーマ「Cocoon」の使い方と便利機能5選【初心者】

Webデザイン

WordPressの大人気テーマ「Cocoon」

数多くの便利機能と、使いやすいデザインで多くの支持を集めるテーマです。

何と言っても、ダウンロードはもちろん、全ての機能が無料で使えちゃうんですよね!

しかしながら、メニュー編集や、ウィジェット、細かいデザイン変更に至るまであらゆる機能が揃っているがゆえに、使いこなすのはなかなか難しい!

かくいう私も最近Cocoonを使い始めた身

そこで!

今回は、Wordpress、Cocoonを使い始めて間もない初心者の方のために、
特に便利な機能を5つ厳選して紹介いたします。

①目次

Webサイトで記事を見る上で、便利なのが「目次」

目次の見出しをクリックすることでその箇所までスキップできる機能です。

多くのテーマでは、この「目次機能」が標準装備されておらず別途プラグインを追加する必要があります。
例えば、「Table of contents」など。

しかし、Cocoonでは、この「Table of contents」とほぼ同じような機能を追加プラグイン無しに最初から使うことができます。

【使い方】

サイドメニューから「Cocoon設定」をクリック→「目次」タブを選択し、自由にカスタマイズしましょう。
記事ごとに目次の表示をオン/オフすることも可能です。

②フッター

サイトのイチバン下に表示される、いわゆる「フッター」。

「外観」メニューによる一般的な「カスタマイズ」に加え、Cocoonでは、より細かいレイアウト設定が可能です。

サイトロゴやメニューの表示有無や、配置パターンの変更。

フッター、サイドバー、ヘッダーそれぞれに合わせて、別のメニューを設定できるのも便利です。

そして、何より便利なのが…

「コピーライト表記」のカスタマイズ!!

コピーライトとは、いわゆる「©site_name20XX」のように、サイトの管理者・企業名などを表示できる機能です。

多くのサイトでは、コレを自由に編集することが案外できなかったり…

よくあるのが、「テーマ名」や「powered by WordPress」の文字が勝手に追加されてしまうというもの。
追加のプラグインでこれらを消去することは出来るものの、それもまた結構手のかかる作業です。

しかし、Cocoonでは、このコピーライト表記を手入力で自由に変更することができてしまうのです!
マニアックでありながら、意外と助かる便利機能です。

【使い方】

サイドメニューから「Cocoon設定」をクリック→「フッター」タブを選択。

フッターの幅やレイアウトを変更可能です。

コピーライトは「クレジット表記」の項目から設定できます。

③モバイルメニュー

スマートフォンなどのモバイル端末において、メニューをどのように表示するかを設定できます。

スマホへのレスポンシブ対応は、Webサイト運営においてもはや必須の時代。

にもかかわらず、
テーマによっては、自力でコードを書いてモバイル用のレイアウト設定を行う必要があったり…
プログラミングが苦手な人にとっては結構な”鬼門”でしょう。

Cocoonでは、ヘッダーやフッター部分に、自身で作成したモバイル用のメニューを自動で表示する機能が付いています。

いわゆる「ハンバーガーメニュー」なんかもボタン一つで設定できたり。これは便利。

上述した通り、Cocoonは「メニュー」がとにかく細かく設定できるんですよね。

サイトトップのヘッダーのメニューはこう。フッターはこう。モバイル端末だとこう。
サイドバーにはこう… といった具合に表示箇所と表示内容を使い分けできたり。

リアルタイムでプレビューを確認しながら編集できるのも安心のポイント。

【使い方】

「外観」からモバイル用のメニューを作成。

Cocoonでメニューを配置できるのは以下の6つ!

・ヘッダーメニュー
・ヘッダーモバイルメニュー
・ヘッダーモバイルボタン
・フッターメニュー
・フッターモバイルボタン
・モバイルスライドインメニュー

サイドメニューから「Cocoon設定」をクリック→「モバイル」タブを選択。

こちらで、モバイル端末でどのメニューを表示するかを設定できます。

④ウィジェット

サイドバーや、ヘッダー・フッターに追加できる「ウィジェット」

「人気の記事」や「カテゴリー一覧」などが表示されているアレのことですね。

Cocoonは、この「ウィジェット」が非常優秀なんです。

とにかく配置できる箇所が多い。

ざっとこんな感じ。

サイドバーに、スクロールに追従する領域を追加できたり、
固定ページと投稿ページで、表示するものを変更できたり…とにかく色々設定できる。

「人気記事」のランキング表示や、検索バーなどの要素も
プラグイン無しに、クリック一つで追加できるのも嬉しいポイント。

Cocoonであれば、追加プラグインが本当に必要なくなるんだよなぁ…

【使い方】

「外観」から「ウィジェット」を選択。

右側の好きな「領域」に、左側の好きな「要素」をドラッグして追加するだけ!

レイアウトを感覚的に操作できるので、プログラミングが苦手な方でも簡単に設定出来ちゃいます!

⑤ブログカード

最後に紹介するのが「ブログカード」という機能。

これは、投稿の本文中や固定ページ内に「URL」を貼るときに使える便利機能です。

率直に言うとコレ↓です。

ただURLを表示するよりも、なんとなく押したくなりますよね??

自分のサイト内の別の記事を紹介するときにも、外部のリンクを貼るときにも使用可能です。

こちらもプラグイン無しで、簡単に追加することができちゃいます!

【使い方】

投稿や固定ページの編集画面にて、カードを追加したいブロックをクリックし、右側の「+」から「ブログカード」を選択。

カードのレイアウトを編集できるほか、「関連記事」「前回の記事」といったラベルを変更することが出来ます。

まとめ

今回はWordpressテーマ「Cocoon」のおすすめ機能を紹介してきました。

Cocoonは本当に機能が豊富で、これさえあれば追加のプラグインは必要ないんじゃないか…と思ってしまうほど。

それぞれの機能については、有志のユーザーが詳しく解説してくださっています。
利用者が多くヘルプページも充実しているのもCocoonの魅力ですよね!

もちろんこの他にも沢山の便利機能が存在しています。

それぞれの機能にはリアルタイムのプレビュー表示機能もあるため、実際に触って色々試してみるのがオススメです。
あれこれ試行錯誤するのも楽しいですよ♪

みなさまのWebサイトがより素敵なものになりますように!

コメント