Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/smileapps/www/design/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 77

Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/smileapps/www/design/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 87

Warning: Cannot modify header information - headers already sent by (output started at /home/smileapps/www/design/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php:77) in /home/smileapps/www/design/wp-includes/feed-rss2.php on line 8
minimable – 3URPRISE.DESIGN https://3urprise.com/design デザインの素人が何を勉強すればどう変わるのかを記録した Tue, 23 Aug 2016 20:00:35 +0000 ja hourly 1 https://wordpress.org/?v=4.6.29 90199658 【WordPress】Minimableのインストールから完成までを細かく解説その3 https://3urprise.com/design/?p=327 https://3urprise.com/design/?p=327#respond Mon, 04 May 2015 09:10:44 +0000 http://3urprise.com/design/?p=327 続きを読む »]]> 今回でMinimableシリーズは完結します。

前回はデモサイトが動くところまでを手順にしましたが細かく動作の設定などが出来るのでそれを見てみましょう。

 

 

wordpress_minimable03

 

 

 

General Settings(一般設定)

まずはMinimable Optionsを選択してテーマの一般設定から見てみましょう。

 

setting01 setting02

 

設定が終わったらきちんと保存します。

 

 

Header Settings(ヘッダー部分の設定)

次はヘッダー部分の設定です。

 

setting03 setting04

 

きちんと保存します。

 

 

Footer Settings(フッター部分の設定)

最後はフッター部分の設定を見ます。

 

setting05

 

保存を忘れずに。

 

Sponsored Link

 

 

Minimableを初期状態から設定するポイント!

今回のテーマの設定方法は一旦デモサイトと同じ構成にしてからそれをカスタマイズするって方法でしたが、そうじゃなく初期状態から作り上げていく方がいいって方もいると思いますのでその方法を紹介します。

「Minimableのインストールが終わったら」までさかのぼって説明します。インストールが終わったら最初に固定ページ  > 新規追加で新しく固定ページを作ります。

この時テンプレートをMain Templateに設定しておきます。これでMinimableのデザインを読み込む準備ができました。これがないと動きません。

 

initSet00

 

きちんと保存しましょう。

 

 

サイトのトップを作成

次にサイトのトップを作ります。

固定ページ > 新規追加で新しいページを作成してテンプレートをTemplate Homeに設定します。

すると画面が切り替わりますのでここで設定をしていきます。

そして一番大事なのがパーマリンクの設定でHomeはpage-1に設定します。

Minimableはpage-1,page-2,page-3と順に読み込む設定になっているのでこれを間違えるとページは出てきません。なので必ず設定しましょう。

 

initSet01

 

作りたいページが出来たら設定から表示設定を選択して、固定ページにチェックを入れます。

そして最初に作った固定ページ(テンプレートをMain Templateに設定したページ)をフロントページの選択から選んで変更します。(ここではMain Pageというタイトルを設定したのでそれを選択)

 

initSet02

initSet03

 

最後にきちんと保存してサイトを確認してみましょう。

これで問題なくMinimableのテンプレートでサイトを構築する事ができるはずです。

参考になれば幸いですが間違いなどあれば指摘していただけると今後の参考になりますので、何卒宜しくお願いします。

もちろんわからない所があればコメント欄にてメッセージお願いします。力になる事ができるかもしれませんので。

 

Sponsored Link

]]>
https://3urprise.com/design/?feed=rss2&p=327 0 327
【WordPress】Minimableのインストールから完成までを細かく解説その2 https://3urprise.com/design/?p=295 https://3urprise.com/design/?p=295#respond Mon, 04 May 2015 05:05:30 +0000 http://3urprise.com/design/?p=295 続きを読む »]]> 今回はインストール後の動作実装についてご説明します。

このテーマを使おうとするとしっかりとした手順を踏まないと使えないので、そこで詰まる人も多いのでは?と思い物凄い簡単な方法を先に紹介します。

 

wordpress_minimable

 

 

プラグインのインストール・設定

まずは簡単設定に必要なプラグインのインストールから始めます。

 

プラグイン・Contact Form 7

一つ目はこのContact From 7をインストールします。このプラグインはメールフォームのカスタマイズを目的としたプラグインです。

プラグインの新規追加を選択しキーワードの検索欄にContact Form 7を入力して、検索結果から表示されたContact Form 7のインストールボタンを押してインストールします。

 

minimable_plgIN001

 

WordPress Importer

二つ目はWordPressをインストールします。このプラグインはWordPressにファイルをImportするプラグインです。

上と同じように検索欄にWordPress Importerを入力してインストールしましょう。

 

minimable_plgIN002

 

2つのプラグインをインストール出来たらMinimableのファイルをインポート(外部からWordPressにファイルを取り込む)する作業を行います。

 

ファイルの解凍とインポート

それでは前回ダウンロードしたテーマファイルを解凍します。解凍したらdemo-content.xmlを使うので存在を確認して覚えておきます。

 

minimable_ファイル場所

 

次にWordPressでインポートファイルを選択して取り込みます。

ツール > インポートを選択してWordPressをクリックしてファイルを取り込む。

 

import000

import001

 

WordPressを選択するとインポートするファイルを選択という画面が出ますので、そこで先ほど確認したdemo-content.xml を選んでインポートします。

 

import002

minimable_ファイル場所

 

するとAssign Authorsの画面になりますので、Import Attachmentsにチェックを入れてSubmitします。

 

import003

 

この後に「楽しんで!」が出たら問題なく完了です。

 

import004

 

Sponsored Link

 

動作の設定

さて、ここからが本題です。まずこのMinimableは普通にインストールしただけでは使えないのです。きちんと手順を踏んで初めてあの美しいデザインが適用されます。なのでここは凄い重要です。これがわからずMinimableのテーマを諦めた方は何人いるのでしょう。残念です。

それでは外観 > メニューを選択して、下の方にあるPrimary Navigationのチェックボックスにチェックを入れます。チェックを入れたら必ず保存ボタンを押して設定を保存しておいてください。

 

minimable_setting000

 

次に設定 > 表示設定を選択して下の画像のようにチェックと選択を行ってください。保存も忘れずに。

 

minimable_setting001

 

これでサイトを確認してみると…。美しいデモサイトを再現できたでしょうか?

色々わけわからない人はこれからいじってみる方がいいかもしれないですね。ちなみにMinimableを一回設定して断念した人や、色々イジってデータが残ってる人はきちんと消してから再度設定し直すのがおすすめです。

次の回でお話ししますがMinimableのデザインが適用されないのはパーマリンクのせいなのです。デザイン適用されてない方はパーマリンクを見直しましょう。詳しくは次回で。

 

]]>
https://3urprise.com/design/?feed=rss2&p=295 0 295
【WordPress】Minimableのインストールから完成までを細かく解説その1 https://3urprise.com/design/?p=263 https://3urprise.com/design/?p=263#respond Sun, 03 May 2015 21:04:04 +0000 http://3urprise.com/design/?p=263 続きを読む »]]> 今日はWordPressのMinimableのテーマをインストールから順に細かく解説していこうと思います。まずはインストール編として解説していく事にしましょう。

 

wordpress_minimable

 

 

Minimableを知らない人はこのデモを

まずはWordPressのMinimableのテーマデモを見てみましょう。こちらMinimable

素晴らしく美しくカッコイイですね。作者はイタリア人みたいですので流石と言った所ですかね。次に情報としては以下を参考にして下さい。2015/05/04 現在

  • 主要ブラウザに対応
  • レスポンシブデザイン(モバイル端末対応)
  • アニメーション効果の切り替え有り
  • ロゴアップロードが可能
  • ファビコンの設定有り
  • メインカラーの変更有り
  • 非公式WordPressテーマ

 

 

ダウンロード

今回使うテーマは公式WordPressのテーマにはないので作者のDownloadページにいきテーマをダウンロードします。こちらがDownloadページ

 

minimable001

 

ダウンロードしたら早速インストールしていきましょう。

 

Sponsored Link

 

 

インストール

まずは自分のサイトのダッシュボードまで行き外観 > テーマまで移動します。

テーマをクリックしたら新規追加のボタンがあるのでクリック

 

minimable002

minimable003

 

クリックしたらテーマのアップロードを押してテーマの追加でファイルの選択をクリックし、先ほどダウンロードしたテーマをそのまま(拡張子がzipのまま)選びます。

 

minimable004

minimable005

 

ファイルを選択したら今すぐインストールボタンが押せるようになるのでクリックしてインストールします。

 

minimable006

 

これでインストールは完成です。

次はインストール後のサイト構築における各種設定などを解説します。

 

Sponsored Link

]]>
https://3urprise.com/design/?feed=rss2&p=263 0 263