# Atomikテーマ、アセットシステムで自作css を適用する方法は？

**URL:** <https://forums.concretecms.org/t/atomik-css/5964>\
**Category:** 開発\
**Created:** [July 28, 2023, 4:44pm UTC](https://forums.concretecms.org/t/atomik-css/5964 "2023-07-28T16:44:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![DumOne](https://forums.concretecms.org/user_avatar/forums.concretecms.org/dumone/32/5178_2.png) [@DumOne](https://forums.concretecms.org/u/DumOne)\
**Post date:** [July 28, 2023, 4:44pm UTC](https://forums.concretecms.org/t/atomik-css/5964/1 "2023-07-28T16:44:15Z")

</div>

application/themes に atomik/css ディレクトリを作成し、自作の main.css を置いて、  
application/bootstrap/app.php に

```auto
use \Concrete\Core\Asset\AssetList;
use \Concrete\Core\Asset\Asset;
$al = AssetList::getInstance();
$al->register(
  'css', 'main', 'themes/atomik/css/main.css',
  array());

```

application/themes/page\_theme.php に

```auto
    public function registerAssets()
    {
        $this->requireAsset('css', 'main');

    }

```

をそれぞれ書いて、アセットシステムから main.css を読み込ませようという算段を立てました。

しかし、  
headタグ内に、/concrete/js/jquery.js 、  
終わりのbodyタグ直前に、/concrete/js/vue.js や /concrete/js/bootstrap.js や /concrete/js/moment.js や /ccm/assets/localization/moment.js が  
レンダリングされなくなり、  
jQuery が定義されないため、グローバルナビゲーションバーが表示されなくなりました。

レンダリングされなくなった上記の js ファイルを復活させる方法を教えて頂けないでしょうか。  
お願いいたします。

#Server  
さくらのレンタルサーバ

# Concrete Version

Core Version - 9.1.3  
Version Installed - 9.1.3  
Database Version - 20220908074900

# Environment

production

# Database Information

Version: 5.7.40-log  
SQL Mode: NO\_ZERO\_IN\_DATE,NO\_ZERO\_DATE,ERROR\_FOR\_DIVISION\_BY\_ZERO,NO\_AUTO\_CREATE\_USER,NO\_ENGINE\_SUBSTITUTION

# Concrete Packages

Free Map (2.1.1)

# Concrete Overrides

blocks/content/templates/green\_border\_top.php, blocks/content/templates/accent\_border\_top.php, blocks/content/templates, blocks/content, blocks/page\_list/templates/whatsnew\_list.php, blocks/page\_list/templates, blocks/page\_list, themes/atomik/elements/footer.php, themes/atomik/elements/header.php, themes/atomik/elements, themes/atomik/page\_theme.php, themes/atomik/main.js, themes/atomik/default\_.php, themes/atomik/css/main.css, themes/atomik/css, themes/atomik

# Concrete Cache Settings

Block Cache - Off  
Overrides Cache - Off  
Full Page Caching - Off  
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software

Apache

# Server API

apache2handler

# PHP Version

8.1.20

# PHP Extensions

apache2handler, apcu, bcmath, Core, ctype, curl, date, dom, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imagick, intl, json, libxml, mbstring, mcrypt, mysqli, mysqlnd, openssl, pcre, PDO, pdo\_mysql, pdo\_sqlite, Phar, posix, Reflection, session, SimpleXML, snmp, soap, SPL, sqlite3, standard, tokenizer, xml, xmlreader, xmlwriter, xsl, Zend OPcache, zip, zlib

# PHP Settings

max\_execution\_time - 30  
max\_file\_uploads - 20  
max\_input\_nesting\_level - 64  
max\_input\_time - 60  
max\_input\_vars - 65535  
max\_multipart\_body\_parts - -1  
memory\_limit - 128M  
post\_max\_size - 8M  
upload\_max\_filesize - 5M  
zend.exception\_string\_param\_max\_len - 0  
mbstring.regex\_retry\_limit - 1000000  
mbstring.regex\_stack\_limit - 100000  
mysqli.max\_links - Unlimited  
mysqli.max\_persistent - Unlimited  
pcre.backtrack\_limit - 1000000  
pcre.recursion\_limit - 100000  
session.cache\_limiter - _no value_  
session.gc\_maxlifetime - 7200  
soap.wsdl\_cache\_limit - 5  
unserialize\_max\_depth - 4096  
opcache.jit\_bisect\_limit - 0  
opcache.jit\_max\_exit\_counters - 8192  
opcache.jit\_max\_loop\_unrolls - 8  
opcache.jit\_max\_polymorphic\_calls - 2  
opcache.jit\_max\_recursive\_calls - 2  
opcache.jit\_max\_recursive\_returns - 2  
opcache.jit\_max\_root\_traces - 1024  
opcache.jit\_max\_side\_traces - 128  
opcache.max\_accelerated\_files - 10000  
opcache.max\_file\_size - 0  
opcache.max\_wasted\_percentage - 5

---

<div class="post-metadata">

**Author:** ![DumOne](https://forums.concretecms.org/user_avatar/forums.concretecms.org/dumone/32/5178_2.png) [@DumOne](https://forums.concretecms.org/u/DumOne)\
**Post date:** [July 29, 2023, 3:55am UTC](https://forums.concretecms.org/t/atomik-css/5964/2 "2023-07-29T03:55:43Z")

</div>

すみません！とりあえず復旧しました。

public function registerAssets() に、以下を追加しました。

```auto
        $this->requireAsset('javascript', 'jquery');
        $this->requireAsset('javascript', 'vue');
        $this->requireAsset('javascript', 'bootstrap');
        $this->requireAsset('javascript', 'moment');
        $this->requireAsset('javascript-localized', 'moment');
        $this->requireAsset('css', 'font-awesome');

```

他のプログラムに影響は出ないのか、心配ですが。様子を見てみます。

---

<div class="post-metadata">

**Author:** ![pictron](https://forums.concretecms.org/user_avatar/forums.concretecms.org/pictron/32/3907_2.png) [@pictron](https://forums.concretecms.org/u/pictron)\
**Post date:** [August 1, 2023, 2:59am UTC](https://forums.concretecms.org/t/atomik-css/5964/3 "2023-08-01T02:59:11Z")

</div>

このあたりの記事が参考になるかと思います。

> **[concrete5で独自のjavascriptやcssファイルをテーマに読み込む方法](https://macareux.co.jp/blog/add-assets-to-concrete5-theme)**
>
> concrete5 Version8で標準以外の独自javascriptやcssファイルをテーマに読み込むときの設定方法をご紹介します。標準搭載のjQueryをテーマに読み込む方法も合わせてご紹介します。

---

<div class="post-metadata">

**Author:** ![katz515](https://forums.concretecms.org/user_avatar/forums.concretecms.org/katz515/32/4325_2.png) [@katz515](https://forums.concretecms.org/u/katz515)\
**Post date:** [August 3, 2023, 7:39am UTC](https://forums.concretecms.org/t/atomik-css/5964/4 "2023-08-03T07:39:56Z")

</div>

> public function registerAssets() に、以下を追加しました。

Page\_theme.php の中ですね。

すでに解決されているのですが、  
ユーザーがログインしていない時でも、Concrete CMS が用意している jquery などを読み込み続けたい場合に requireAsset 宣言を使います。

反対に自分のテーマで読み込むことにするのであれば、「こちらで用意する」から読み込まないでねという意味の `$this->provideAsset('javascript', 'jquery');` が使えます。

requireAsset で宣言すれば重複して JS ファイルが読み込まれることもないので安全です。