「テーマ制作チュートリアル」を編集中
提供: baserCMS公式ガイド
警告: ログインしていません。
編集すると、IPアドレスがこのページの編集履歴に記録されます。この編集を取り消せます。
下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
最新版 | 編集中の文章 | ||
行13: | 行13: | ||
* [http://basercms.net/download/index.html baserCMS コアパッケージダウンロード] | * [http://basercms.net/download/index.html baserCMS コアパッケージダウンロード] | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
行37: | 行26: | ||
## テーマと表示の設定 | ## テーマと表示の設定 | ||
### テーマの変更 | ### テーマの変更 | ||
− | [[ファイル: | + | [[ファイル:theme_change_4.png|350px]]</br> |
theme/ フォルダの中に「corp」という名前でフォルダを作成し、サーバーにアップします。 | theme/ フォルダの中に「corp」という名前でフォルダを作成し、サーバーにアップします。 | ||
− | 管理システムから「テーマ管理」をクリックし、「corp」というテーマが表示されているのを確認します。 | + | 管理システムから「テーマ管理」をクリックし、「corp」というテーマが表示されているのを確認します。 |
− | + | ||
その後、一番左の緑色のチェックマークをクリックしテーマを有効化します。 | その後、一番左の緑色のチェックマークをクリックしテーマを有効化します。 | ||
### 公開サイトの表示を確認する | ### 公開サイトの表示を確認する | ||
− | [[ファイル: | + | [[ファイル:koukai_side_4.png|350px]]</br> |
画面左上のサイト名部分をクリックすると公開サイドのトップページを表示できます。 | 画面左上のサイト名部分をクリックすると公開サイドのトップページを表示できます。 | ||
現時点では、テーマフォルダ内にテンプレートが存在しないので、baserCMSコアパッケージのデザインが反映された状態となっています。 | 現時点では、テーマフォルダ内にテンプレートが存在しないので、baserCMSコアパッケージのデザインが反映された状態となっています。 | ||
行77: | 行65: | ||
### レイアウトテンプレートの作成 | ### レイアウトテンプレートの作成 | ||
レイアウトテンプレートは、「Layouts」というフォルダ内に保存します。 | レイアウトテンプレートは、「Layouts」というフォルダ内に保存します。 | ||
− | * <span style="color:red;">まずは、[http://basercms.net/files/uploads/ | + | * <span style="color:red;">まずは、[http://basercms.net/files/uploads/html4.zip こちら]からthemeフォルダに設置するhtmlファイルをダウンロードしてください。</span> |
* テーマフォルダ(theme/corp/)内に「Layouts」というフォルダと「Elements」というフォルダを作成します。 | * テーマフォルダ(theme/corp/)内に「Layouts」というフォルダと「Elements」というフォルダを作成します。 | ||
* 「Layouts」フォルダ内に「default.php」というファイルを作成します。(文字コードはUTF-8) | * 「Layouts」フォルダ内に「default.php」というファイルを作成します。(文字コードはUTF-8) | ||
* 「Elements」フォルダ内は今は空のままで問題ありません。 | * 「Elements」フォルダ内は今は空のままで問題ありません。 | ||
− | * 添付しているhtmlフォルダ内のindex. | + | * 添付しているhtmlフォルダ内のindex.htmlの内容を「default.php」に、そのまま貼り付けて保存してください。 |
### CSSと画像の配置 | ### CSSと画像の配置 | ||
行235: | 行223: | ||
## コンテンツの登録・編集 | ## コンテンツの登録・編集 | ||
− | ### | + | ### トップページの登録 |
− | * | + | [[ファイル:contents top edit.png|350px]]</br> |
+ | * 管理システムにログインし、「コンテンツ管理」より「トップページ」ページ の編集画面を開きます。 | ||
* 「本文」欄をソースビューに切り替え、htmlファイルのコンテンツ本 体部分のソースを貼り付けます。 | * 「本文」欄をソースビューに切り替え、htmlファイルのコンテンツ本 体部分のソースを貼り付けます。 | ||
※今回のテーマであれば、```<*‒ Main Contents -->``` の記述がある<u>DIVタグ部分の中身</u>がコンテンツ本体となります。 | ※今回のテーマであれば、```<*‒ Main Contents -->``` の記述がある<u>DIVタグ部分の中身</u>がコンテンツ本体となります。 | ||
+ | |||
行356: | 行346: | ||
メインイメージの出力箇所に下記のタグを記述します。 | メインイメージの出力箇所に下記のタグを記述します。 | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
− | <?php $this->BcBaser->mainImage(array( | + | <?php $this->BcBaser->mainImage(array('num' => 5, 'all' => true, 'id' => 'MainImage')) ?> |
</syntaxhighlight> | </syntaxhighlight> | ||
行430: | 行420: | ||
もう少し詳しく知りたい方は、公式サイトの情報も参考にしてください。わらかない事があったら[http://forum.basercms.net フォーラム]で質問してみましょう。 | もう少し詳しく知りたい方は、公式サイトの情報も参考にしてください。わらかない事があったら[http://forum.basercms.net フォーラム]で質問してみましょう。 | ||
− | なお、今回のお手本となったテーマが次のURLよりダウンロードできます。[ | + | なお、今回のお手本となったテーマが次のURLよりダウンロードできます。[https://market.basercms.net/products/detail.php?product_id=14 こちら]も確認してみてください。 |
<br> | <br> | ||
行443: | 行433: | ||
* [http://basercms.net/manuals/3/index baserCMS公式マニュアル] | * [http://basercms.net/manuals/3/index baserCMS公式マニュアル] | ||
* [http://wiki.basercms.net/ baserCMS公式ガイド] | * [http://wiki.basercms.net/ baserCMS公式ガイド] | ||
− | * [http:// | + | * [http://wiki.basercms.net/ver4/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9 ver4/関数リファレンス] |
* [http://forum.basercms.net/ baserCMSユーザーズフォーラム] | * [http://forum.basercms.net/ baserCMSユーザーズフォーラム] | ||
* [http://www.facebook.com/groups/basercms.zatsudan/ baserCMSの雑談広場(Facebook)] | * [http://www.facebook.com/groups/basercms.zatsudan/ baserCMSの雑談広場(Facebook)] |