勉強中の者です。

[上岡裕明]

初心者なので勉強中です。

そこでいくつか質問させてください。

①子ブログを作成→初期状態の様に各サンプルページが埋め込まれている状態にできますか？（親ブログは別として）

②site2014の様にsite2015にグローバルナビを設置したい時はhttp://webbingstudio.com/weblog/cms/entry-744.html　こちらで紹介されている方法が簡単ということで認識してもいいですか？

③ヘッダーロゴのサイズがリサイズされて40px程になってしまいます。リサイズ解除の方法が分かりません･･･。教えていただければ助かります。

色々試しながらやっているのですが、時間ばかりかかって解読できません；

お助けくださいませ。

追記：何か勉強するためにおすすめの本などありますか？（初心者です。）

[森田霞]

いつもお世話になっております。

a-blog cms の開発会社の有限会社アップルップルの森田と申します。

現在a-blog cms を勉強中とのこと、ありがとうございます。

＞①子ブログを作成→初期状態の様に各サンプルページが埋め込まれている状態にできますか？（親ブログは別として）

http://www.example.com/setupフォルダをリネームしたフォルダ名/index.php にアクセスしてください。

すると、CMSのメンテナンス画面にアクセスできます。

ログインし、「インポート実行画面へ」というリンクをクリックします。

「1. インポート先またはその親になるブログを選択してください。」という見出しでは、

すでにブログを作成されていたらブログ名を選択してください。もしまだインポート先のブログを作成したいない場合は、「選択したブログの子ブログとして新規作成する」をチェックして、ブログ名（日本語OK）とブログコード（後のURLとなります）を入力してください。

「2. インポートするブログデータ名を選択してください。」という見出しでは、使用したいサンプルページを選択してください。

5つ項目ありますがそのうちの2つはモバイル対応用なので、学習用であれば「blog2015」、「bootstrap2015」、「site2015」の中からお選びいただくのがよいかと思います。

「インポートを実行する」をクリックすれば、作成したブログにサンプルページが設置されています。

＞②site2014の様にsite2015にグローバルナビを設置したい時はhttp://webbingstudio.com/weblog/cms/entry-744.html　こちらで紹介されている方法が簡単ということで認識してもいいですか？

そうですね。ソースコードも用意されていますし、丁寧に説明されているので簡単かと思います。

もしくは、ご自身でまずは静的にナビゲーションを作り、あとから動的にしていく方法もオススメです。

ざっくりとした簡単な説明になりますが、 ビルトインモジュール | latest | リファレンス | a-blog cms 制作者向け情報 から、ナビゲーションモジュールのスニペットをコピーし、HTMLやCSSを静的なものと同じようになるように当てはめていくと、実装が可能です。

＞③ヘッダーロゴのサイズがリサイズされて40px程になってしまいます。リサイズ解除の方法が分かりません･･･。教えていただければ助かります。

こちらはCSSで制御しています。

site.cssの1533行目、1552行目 にて幅のサイズを指定しています。

（※お使いのバージョンによってはすこしCSSの行数が変わってくることがありますのでお気をつけください）

CSSを上書きしていただくか、site.cssをそのまま修正することでカスタマイズできます。

＞追記：何か勉強するためにおすすめの本などありますか？（初心者です。）

残念ながらまだ本を出版するまでに至っておらず、申し訳ありません。

代わりのものをご紹介いたします。

YouTubeにて、カスタマイズ入門として a-blog cms の基本的な機能をご紹介しています。動画なので、記事を読むよりも操作方法などがわかりやすいかと思います。

• a-blog cms カスタマイズ入門 - YouTube
  

すこし古い記事ですが、「今日から始めるa-blog cms 入門」という記事を連載しておりました。昨年配布していたテーマを使う前提で紹介しているので、HTMLやCSSの見かけの部分で混乱を招くかもしれませんが、わかりやすいと評判をいただいておりました。HTMLやCSSの見かけの部分は今のテーマでは難しいと思いますが、機能的には同じことができます。

• ASCII.jp：今日から始めるa-blog cms入門
  

以上となります。

ご不明な点があればお気軽にお知らせください。

[上岡裕明]

（再度別件にて）

トップイメージのスライド効果について（Ver260）site2015テンプレにて

スライドする秒間隔とスライドスピードを変更したいと思い、slick.jsファイルの中身「autoplaySpeed　と　speed」の数値を変更しても変化がありません。（反映していない気が）

他にも変更する箇所があるのでしょうか？

[森田霞]

お世話になっております。

アップルップルの森田です。

＞スライドする秒間隔とスライドスピードを変更したいと思い、slick.jsファイルの中身「autoplaySpeed　と　speed」の数値を変更しても＞変化がありません。（反映していない気が）

＞他にも変更する箇所があるのでしょうか？

結論からお伝えしますと、 /include/head/slider-js.html に設定を記述しています。

なかなか使用しているテンプレートを見つけられないと、今後も不自由かと思いますので、見つけられなかった理由をいくつかこちらで考えて、すこし説明を書いてみました。ご参考にしてください。

別ファイルに記述している理由

slick.jsは a-blog cms側 が作っているものではなく、jQueryプラグインという形で配布されているJSになります。

一般的に、配布されているjQueryプラグインを独自の設定に変更する場合は、直接配布されているJSをカスタマイズするのではなく、上書きする形を推奨しています。a-blog cms で配布しているテーマも、上書きする形を取っておりますので、もし値を変更するときはjQueryプラグインのJS本体ではなく、上書きしているJSの記述を探してください。

/include/head/slider-js.htmlの見つけ方

上書きする形で記述していると申し上げましたが、どのファイルで上書きしているかわかりづらかったかと思います。

以下にインクルードしているテンプレートファイルのパスを調べる方法が記述してあります。もしご存知でなかったら、これから制作していくためにも便利な機能となりますので、ご参考にしてください。

• インクルード先のパスを簡単に調べて開発しやすくする

また、タイトルと異なるご質問の場合は、同じような問題が起こっている方が検索しやすいように、新しく質問を投稿していただけないでしょうか？お手数おかけいたしますが、ご協力お願いいたします。

以上となります。

ご不明な点があればお気軽にお知らせください。

[勲加藤]

同じく勉強中の者です。
投稿者様の③のように、ロゴサイズを変更しようとしていますが、site.cssを変更しても適用されません。使用テーマsite2016です。
変更するところが間違っているのでしょうか。何分初心者のため、ご教示願います。

[森田霞]

お世話になっております。アップルップルの森田です。

Site2016テーマではデフォルトで読み込んでいるCSSファイルはsite.min.cssとなっておりますので、
/themes/site2016/include/head/link.html内で読み込んでいるCSSファイルのパスを「site.min.css」→「site.css」に変更する必要があります。

CSSのファイルパスをsite.cssに変更されているか、ご確認いただけないでしょうか？

[勲加藤]

変更できました。初歩的な質問で申し訳ございません。

今後とも宜しくお願い致します。