新機能の使い方や、ウェブサイトの構築・運用に役立つTIPSを紹介しています。新しくなった「Shop」テーマを使いこなす新しくなった「Shop」テーマを使いこなす2016.02.19デザインNoharaツイート先日のニュースでご案内した「Shop」テーマの新機能を、基本的な使い方と合わせて改めてご案内します。「Shop」テーマはレスポンシブデザインを採用しているため、スマートフォンからの閲覧も快適に行うことができます。今回の機能追加で記事やウェブページの配置、サイトの色味の調整などが簡単に行えるようになりました。閲覧しやすく構築もしやすい「Shop」テーマ、ぜひこの機会に使い方をおさらいして活用してください。上部ナビゲーションについて右上のメニューは、記事とウェブページ、ウェブページに設定するフォルダが表示されます。具体的には以下のようになります。ホームトップページへのリンクです。ニュース▼クリックするとブログ記事一覧のトップページへのリンクである「TOP」と、記事のカテゴリ名がプルダウンメニューとして表示されます。メニュー▼メニュー部分はフォルダ名が表示されます。クリックすると該当フォルダが設定されているウェブページ、および該当フォルダ内のサブフォルダ名がプルダウンメニューとして表示されます。この項目は、ウェブページが作成されていない場合は表示されません。フォルダを設定していないウェブページのタイトルが表示されます。クリックすると該当のウェブページが表示されます。これらはスマートフォンサイズになると左メニューとして展開して表示されます。ロゴとメインイメージの変更トップページのロゴとメインイメージは画像で設定しています。ページの「images」ディレクトリ内に以下のような名称でアップロードすると自動的に配置されます。ページの「メインページ」テンプレートで変更ができます。「images」ディレクトリ内の以下画像についても差し替えるだけで変更が可能です。og:image)メニュー部分に表示する項目はウェブページの編集画面で設定ページ左上のメニュー部分には指定したウェブページのタイトルが表示されます。ここに表示するウェブページの指定は、ウェブページ編集画面の「トップページに表示」項目にある「トップページに表示する場合にチェックを入れます。」のチェックボックスを有効にしてウェブページを保存します。生成されたスクリプトソースを貼り付けることで表示します。ページの「information」モジュールで内容を編集できます。おすすめ」は指定した記事を表示する領域です。オススメ部分に表示する場合にチェックを入れます。」のチェックボックスを有効にして設定します。最大5件)の記事に対して行えます。ページの「information」モジュールで内容を編集できます。おすすめ」は指定した記事を表示する領域です。オススメ部分に表示する場合にチェックを入れます。」のチェックボックスを有効にして設定します。最大5件)の記事に対して行えます。フッター項目をウェブページで設定フッターに表示する項目はウェブページ編集画面の「フッターメニューにのみ表示」項目にある「フッターメニューだけに表示する場合にチェックを入れます。」のチェックボックスを有効にして設定します。シェアされた時などに表示される記事のイメージ画像は、記事の編集画面「メインイメージ」で簡単に指定できます。ページの「config」モジュールでカラーコードを指定するだけで簡単に調整する事ができます。HTMLカラーコード新機能を含めた「Shop」テーマの利用方法については以上です。記事やウェブページの配置、画像、色味の調整など、見た目の調整が簡単にできるようになったかと思います。新機能を工夫して、個性的なページを作成してみてください。作成したウェブサイト毎に14日間無料で利用可能です。制作者向けポータルお問い合わせ・FAQ。