Cocoonカスタマイズ Web制作 WordPress

【Cocoonカスタマイズ】オリジナルデザインでサイト制作する方法④(子テーマファイル組み込み-functions.php-編)

2023年10月24日

前回はstyle.cssの組み込み編ということで、Cocoon子テーマへのstyle.cssの組み込みを行なっていきました。

今回は、Cocoon子テーマのfunctins.phpにオリジナルテーマのfunctions.phpを組み込んでいく作業を紹介させていただきます。

両方のテーマのfunctions.phpを確認

まずは両方のテーマのfunctions.phpを確認していきます、必要となるファイルは以下の2つになります。

・Cocoon子テーマのfunctions.php
・自作テーマのfunctions.php

それでは、2つのfunctions.phpを確認していきましょう。

左がCocoon子テーマのfunctions.php、右がオリジナルテーマのfunctions.php

編集する箇所になりますが、イメージとしてはオレンジ枠の部分を赤枠の部分にコピペしていく感じになります。

ポイント

初期化部分のコード ⇨ 基本的には、Cocoon自体にここらへんのコードは記述されているのでコピペは不要

CSS/JavaScriptの読み込み ⇨ オリジナルテーマ独自の読み込みファイルになるので、子テーマにコピペする必要があります。

その他のオリジナルテーマ独自に記述したもの ⇨ オリジナルテーマ独自の読み込みファイルになるので、子テーマにコピペする必要があります。

今回はCocoonの子テーマへのfunctions.phpの組み込みを行なっていきました。

次回は固定ページ(page.php)の子テーマへの組み込みを行なっていきたいと思います。

  • この記事を書いた人

はぎ

43歳からWeb制作開始|フリーランス2年目| 税理士・公認会計士を目指すも挫折、27歳でトヨタ系自動車部品工場に勤務| 管理業務に関わるなか、ExcelVBAからプログラミングに目覚める| 現在は兼業コーダーとしてクラウドソーシング・制作会社からのお仕事をさせて頂いております| 時間と場所に縛られないライフスタイルを目指し鬼労働中| 柴犬好き🐕‍🦺

-Cocoonカスタマイズ, Web制作, WordPress