レスポンシブWEBデザイン対応/SNS連動型WordPressテンプレート【黒船】

→より詳細な機能紹介動画はこちら

実際に作成したサイトをご紹介します。

それでは、まずは黒船を使って作成した、実際のデモサイトをご紹介しましょう。
実際のサイトを見ることで、作成できるサイトがよりイメージ出来るかと思います。
ブラウザの横幅を変えることで、スマホやタブレットでの表示もご確認いただけます。
※サンプルサイト内で使用している画像は商品には付属していません。

「WordPress」その魅力

2012年6月の調査結果によると、世界のトップ100万サイト中、約16.6%のWebサイトでWordPressが使われており、
また、CMSを使って構築しているWebサイトのうち、過半数以上の54.2%はWordPressで構築されています。

※統計の数値は、毎月のCMSシェアの統計を取っている「Historical trends in the usage of content management systems, June 2012」のデータを参照

このようにシェアが高くなると、インターネット上でどんどん情報交換されるため、
WordPress関連内容でつまずいた時でも、ちょっと検索をすれば、すぐに解決策が導き出せるため、安心してサイト運営が行えます。

また、WordPressは英語圏が開発を主導してますが、日本においても日本語翻訳チームがあるので、日本語化の問題などについても、まず心配はありません。

スマートフォンの驚異的なシェアの拡大について

JEITA(一般社団法人電子情報技術産業協会)の調べによれば、2012年度の「PC」の総出荷台数は1,100万台。

また、マーケティング会社MM総研の発表では、2012年度の「スマホ」の出荷台数は2,790万台。

これが2012年の事ですので、
2014年現在、このモバイル端末の爆発的なシェア拡大の傾向は、
更に加速度的なものになっていることは、想像に難くありません。

スマホやタブレットなど、モバイル端末の普及に伴って、
WEBサイトも、より多くのデバイスに柔軟に対応できることが、
いよいよ必須の課題となってきました。

黒船の持つ最大のメリット

  • HTMLの知識は不要!

    CSS、Javascript、PHPなど、そういった難しそうな知識は一切必要としませんので、あなたは記事執筆にのみ専念できます。

  • いつでもデザインの変更が可能

    サイト作成時にのみ、デザイン変更が可能というツールは、意外と多く見かけます。
    【黒船】では、デザイン部分とコンテンツ部分が明確に分離されているので、いつでも気の向いた時にデザインを変更することが可能です。

  • SNS連携を最大限活用することで、除法発信・拡散の速度が飛躍的にアップ

    「SNS」の大きな特徴の1つが、情報のリアルタイム性にあります。
    従来であれば、検索サイトに情報をインデックスしてもらうまで待つしかなかった、そのタイムラグが、「SNS」を活用することで、限りなく「ゼロ」に近づけられるのです。

  • レスポンシブWEBデザインの採用により、記事更新&メンテナンスが大幅に効率化

    PC用、スマホ用、タブレット用、などと、サイトをデバイスごとに作成した場合、記事の更新や修正を行った際に、いちいち全てのサイトを更新する必要がありましたが、「レスポンシブWEBデザイン」では、情報が一元管理されるため、一回の記事の更新や修正が、PC、スマホなど全てのデバイスに反映され、非常に効率的です。

    また、スマホサイト、PCサイトそれぞれを完全に同一のURLで運営できるので、リンクポピュラリティの分散を防ぐことが出来 るため、SEOにも大変効果的と言われます。

デメリット

  • レンタルサーバーの費用が別途必要

    「WordPress」を使用するためには、「MySQL」と「PHP」が利用出来るレンタルサーバーが必要不可欠です。
    弊社おすすめのレンタルサーバーについては、契約方法などもマニュアルで解説していますので、ご安心ください。

  • WEB制作会社に直接依頼するほどのクオリティはさすがに期待できない

    ・・・とはいえ【黒船】は、デザイン面に対しても十分に気を配って製作されております。
    事実、弊社は普段は、クライアントワークによるWEBサイト制作を多数行っており、
    デザイン面でも非常に高い評価を受けています。
    ただ、テンプレートという特性上、汎用性や柔軟性を優先する上で、
    どうしても依頼案件ほどのクオリティが実現出来ていない部分もあります。

これまでにリリースされた主な商品

  • アメーバキング

    アメブロ管理ツール AmebaKING

    2010年の販売開始から、現在までに累計1億2,000万円以上売上げている人気ツール

  • アメブロデザイン・カスタマイズブック

    アメブロデザイン・カスタマイズブック
    ~[Facebook][Twitter][mixi][Google+]と繋がる!~

    出版社:MdNコーポレーション 価格:1,764円(税込)
    山田直樹、山田華月、田口和裕 共著
    A5判/192p

    HTML初心者でも分かりやすいように、アメーバブログのカスタマイズ方法を丁寧に解説した一冊。
    様々なユーザー層から多くの反響を集めた。

  • facebookアプリつくーる

    【Facebookアプリつくーる】
    【Facebookアプリつくーる2】

    プログラミングの知識がなくても、簡単にfacebookアプリが作成できる人気ツール。
    facebookアプリ作成系ツールの元祖とも言え、非常に沢山のユーザーから支持を集めている。

レスポンシブサイト制作の実績多数

弊社では、アプリ開発と並行して、クライアントワーク形式のWEBサイトの受注制作も行っております。
レスポンシブWEBデザインの実績も多数。有名サイトでも紹介されました。

W3C準拠の確かなコーディング

検索エンジンから好まれる(上位表示される)WEBサイトの条件として、よく挙げられるのが、
Web標準に準拠した正しいマークアップが出来ているか、ということが重要視されています。
【黒船】では、この点についても、徹底的にこだわりました。
W3Cのコードチェックにおいて、HTML5、CSS共に、完全に条件をクリアしていますので、
あなたは何の意識をしなくても、SEOに強いサイトが自然に作成できます。

http://validator.w3.org

http://validator.nu

機能紹介

SNS連携機能

  • SNS同時投稿機能

    【黒船】の目玉機能と言えるのがこの「SNS同時投稿機能」です。
    サイトの記事を新規更新した際に、その記事の内容を各種SNS・ブログサービスに一斉投稿します。記事そのままを投稿することも可能ですし、サービスごとに異なった文言を追加して投稿することも可能。複数のSNSを効率的に連携させることで、あなたのサイトを爆発的に拡散させることが可能になります。

    →紹介動画はこちら

  • SNS直接投稿機能

    これは、各種SNSにログインを行なうことなく、WordPressの管理画面上から直接それらのサービスに投稿が出来てしまうという機能です。
    (※対応するSNSは「SNS同時投稿機能」と同様です)
    複数のブログとSNSを運営している場合に、いちいちそれらにログインすることなく、あなたのWebサイトの管理画面上から投稿が出来ますので、サイト運営が飛躍的に効率化することは間違いありません。

    →紹介動画はこちら

  • SNSとの連携の一例

    【黒船】の3つのコンセプトの1つに、SNSとの高度な連携があります。豊富な種類のソーシャルボタンを記事ごとに設置することが可能です。ボタンタイプも「ボックス型」「ボタン型」の2種類から選択できます。
    今、最も注目されているSNS、Facebookの「Likebox」プラグインが簡単に設置できます。
    管理画面上でごく簡単な設定を行なうだけで、サイト上に表示できます。
    この他にも、様々なSNSとの連携機能が搭載されています。ここでは説明し切れませんので、一例を挙げるだけに止め、ウィジェット機能の解説の際に、また改めて詳細なご紹介を致します。

レスポンシブ&デザインの自由な変更

  • ソースの一元管理によりサイト更新の負担が大幅に軽減!(レスポンシブWEBデザイン)

    【黒船】は「レスポンシブWebデザイン」を標準で採用しています。この「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、あらゆるデバイスに最適化したWebサイトを、単一のHTMLで実現する制作手法です。
    この「単一のHTML」ということろが最も重要なポイントになります。「レスポンシブWebデザイン」であれば、記事の修正を行なった際に、一度の修正で、全てのデバイスの表示を更新することが可能です。

  • 豊富なカラーバリエーション&デザイン

    【黒船】には、現在15種類のカラーバリエーション5種類のテクスチャパターンから、パーツの表示・非表示の選択機能を始め、その他にも下記の様に柔軟なカスタマイズが可能となっております。フラットデザインを始め様々なデザインタイプを用意しております。

    <サイト全体>

    • テーマカラー 15パターン
    • テーマテクスチャ 5パターン
    • 文字シャドウの有無
    • 角丸、ピン角の切り替え
    • サイト全体の文字色指定
    • サイト全体の背景色指定
    • フォント種類(メイリオ優先、ヒラギノ優先)指定。
    • サイト全体の文字、行間サイズ指定
    • スマホサイトの全体の文字、行間サイズ指定
    • 「トップへ戻る」ボタンのデザイン選択

    <ヘッダー周辺>

    • ヘッダーロゴエリアの背景色、背景パターン指定
    • ヘッダー画像エリアの背景色、背景パターン指定
    • ナビメニューの高さ変更

    <メインコンテンツ>

    • メインコンテンツの見出し文字サイズ指定
    • メインコンテンツの見出しデザイン指定
    • メインコンテンツの見出しの高さ指定
    • メインコンテンツの本文文字、行間サイズ指定
    • メインコンテンツの中見出し(H3,H4)デザイン指定

    これにより、他の誰とも被らない、あなただけのWebサイトを簡単に構築することが出来ます。
    また、カラーやテクスチャのバリエーションは、今後続々追加をしていく予定ですので、サイトの来訪者はもちろんのこと、あなた自身をも決して飽きさせることは致しません。

  • 限りなく柔軟なレイアウト変更

    黒船では、カラムタイプの変更から、サイト上の各パーツの表示・非表示について、とても柔軟に変更をすることが可能です。
    これにより、あなたが必要なパーツのみを的確に選択できますので、他の誰ともかぶらない、非常にオリジナリティの高いWEBサイトが簡単に作成できます。

    カラムタイプ選択 4パターン

    各パーツの表示、非表示切り替え 15箇所

  • ここまで出来る!ナビメニューのカスタマイズ

    ①ドロップダウンを簡単実装

    ナビメニューに子階層をつける(ドロップダウン)は、多くのユーザー様のご要望の1つとして挙げられます。【黒船】では、ドロップダウンを極限まで簡単実装することに成功しました。
    ドロップダウンさせたいメニューを選択して追加し、親メニューの下にドラッグして配置するだけ。これでドロップダウンメニューの完成です。
    ドロップダウンの解除、削除も設置同様、一瞬で出来てしまいます。

    ②サブタイトルを追加

    ナビメニューの下にサブタイトルを付けることで、デザインのクオリティーが飛躍的にアップします。ただし、それをテンプレートで実装する事は、これまで業界ではなかなか難しいと言われてきました。【黒船】では、この課題を見事クリアして、機能の1つとして追加しました。
    設定、解除も、驚くほど簡単です。

    ③メニュー数を自由に変更

    これも、ユーザーからのご要望として、かなり多く寄せられておりました。大抵のテンプレートは、メニュー数固定、もしくは、自由に追加は出来るものの、デザインが崩れてしまって見れたものではない。【黒船】では、1~10個までメニューの可変が自由に行なえます。
    追加、削除も簡単操作で行なうことが可能です。

    →紹介動画はこちら

  • 運用中でも簡単にデザイン変更

    こういったWebサイト作成ツールの中には、最初にデザインを確定してしまうと、あとは一切変更出来ないというツールもよく見かけます。
    サイトの本質はあくまで中身だと言うことは、ある意味では確かに正論かもしれませんが、やはり同じデザインのサイトでは、オーナーも読者もいずれ飽きてしまいます。その度にコストをかけていたのでは、あまりに非効率だとは思いませんか?【黒船】では、その一切のカスタマイズについて、「いつでも」変更が可能となっております。つまり、あなたの気の済むまでデザインをやり直せますし、また、デザインに飽きてしまったら、すぐにその場で変更が出来るのです。

    →紹介動画はこちら

  • ヘッダー画像にテキストを使用する

    少しでもデザインが出来る方の場合は、直接キャッチコピーなどを入れ込んだ画像をヘッダー画像に設定できますが、画像の作成が出来ないという方も中には多いと思います。
    そういった方のために、「テキスト形式」でヘッダーを作成できる機能をご用意しました。
    この機能を使用することで、画像作成が出来ないという方でも、簡単にヘッダーの装飾を行なうことが可能です。

    →紹介動画はこちら

  • ヘッダー画像のスライダー機能

    ヘッダー画像をスライダー形式にすることで、Webサイトをより豪華に、またユーザーに対してより強いインパクトを与えることが可能となります。
    レスポンシブ対応ですので、スマートフォンなどでもPC同様の表示を行なうことが可能です。

    →紹介動画はこちら

タグ打ち不要の簡単設計

  • タグ打ち不要

    【黒船】の3つの開発コンセプトの1つが、「超簡単操作によるWebサイトの構築」です。
    その具体的な内容として、開発チームはWebサイト作成に必要不可欠と言われるHTMLの「タグ打ち」の取扱いについて、最も時間を費やしました。通常のテンプレートでは、いくら「簡単操作」を謳っていても、HTMLタグは当然の如く登場して、ユーザーを悩ませてきました。
    そこで、【黒船】では、このHTMLの「タグ打ち」を不要に出来ないかということに、徹底的にこだわり、そして見事この大命題を克服しました。
    その証拠に、【黒船】のマニュアルにはHTMLタグの解説は、一切登場しません。
    いや、ちょっと言い過ぎました。実際には、どこかに少しくらいタグが登場しているかもしれませんが、その99%が「ドラッグ&ドロップ」と「コピー&ペースト」のみで立派なWebサイトが出来てしまうのです。これには誰もが驚きました。

    上記は「リンクボタン」の作成を例に説明を行っていますが、その他にも下記の様なさまざまなWEBパーツが、同様の方法で簡単に作成できます。

  • サイトの基本設定もあっという間に!

    HTMLタグを触らずにメタタグの編集が可能

    H1タグや、メタタグなど、SEOを意識したサイトを制作する上で最低限必要な設定について、ソースコードを触ることなく、管理画面から簡単に設定することが可能です。また、FacebookやTwitterなどのソーシャルメディアを意識する上で欠かせないOGPの設定もここで簡単に行うことが出来ます。

ウィジェットの配置自由自在

  • 「ウィジェット機能」を利用して、サイトを自由自在にカスタマイズ

    WordPressには、「ウィジェット」という機能があり、こちらを利用することで、例えばサイドバーなどに、カレンダーやメルマガフォームなど、ちょっとした機能やメニューなどを設置できます。【黒船】では、ただでさえ便利な、この「ウィジェット」機能に、より強力な拡張を行いました。
    まずは表示先を、

    • サイドバー(左/右)
    • トップページ
    • 中ページ記事(上/下)
    • フッター(左/右/中央)

    と拡張をすることで、
    より自由な位置にウィジェットの配置が可能になりました。
    そして、ウィジェットそのものについても、デフォルトの下記に加え

    • RSS
    • アーカイブ
    • カスタムメニュー
    • カテゴリー一覧
    • カレンダー
    • タグクラウド
    • 自由テキスト
    • メタ情報
    • 固定ページ一覧
    • 最近のコメント一覧
    • 最近の投稿一覧
    • サイト内検索

    【黒船】独自の機能として、下記のウィジェットを追加しました。

    • Facebook Likebox
    • GoogleMap
    • YouTube
    • YouTubeチャンネル
    • アメブロRSS
    • オリジナルバナー
    • プロフィール
    • 最近の投稿(サムネイル付き)

    これにより、
    例えばサイドバナーや記事下などの、あなたの好きな場所に、
    広告バナーやYouTube動画の設置が可能となりました。

  • SNS完全連携の豊富なオリジナルウィジェット機能

    上記でご紹介した【黒船】オリジナルウィジェット機能を個別にご紹介します。

    Facebook Likebox
    任意の「Facebookページ」の情報を表示するプラグインです。Facebookページの更新情報をリアルタイムに表示できます。
    GoogleMap
    住所を入力するだけで、該当する住所のGoogleMap地図が表示されます。
    SNSボタン
    今や設置されていて当然とも言えるSNSボタン。様々な種類のSNSサービスのボタンを簡単に設置できます。
    YouTube
    YouTube動画のURL末尾のIDを入力するだけで、簡単にYouTubeの動画が設置出来ます。
    YouTubeチャンネル
    YouTubeチャンネルIDを入力するだけで、簡単にYouTubeチャンネルの動画一覧が表示できます。表示数も1~10まで指定できます。
    アメブロRSS
    アメーバIDを入力するだけで、あなたのアメブロの更新情報を簡単に表示できます。
    オリジナルバナー
    アフィリエイトバナーのタグなど、生成したものを貼り付けるだけで、簡単にバナーが設置できます。
    プロフィール
    サイト管理者のイメージ画像と自由なメッセージが入ったプロフィールコーナーを簡単に作成できます。
    最近の投稿(サムネイル付き)
    初期状態のWordPressでは、単なるテキストリストですが、このウィジェットを使用すれば、記事に設定したアイキャッチ画像付きのリストが表示できます。

販売は終了しました。

ダウンロード版:取扱説明書2ページ
(取扱説明書内に、ツールのダウンロードURL、パスワードの記載があります)

■動作環境

・レンタルサーバー(PHPバージョン5.3以上、MySQLバージョン5以上)※別途契約が必要です。
・WordPress(バージョン3.8以上)
・WEBブラウザ(Windows Internet Explorer 8以上、Mozilla Firefox、Google Chrome、Apple Safari)

【特定商取引法に基づく表記】
販売者名 株式会社シーアイエス
住所 岐阜県各務原市那加日吉町1-13
メールアドレス info●ci-s.net(「●」を「@」に変更してください。)
お支払い方法 クレジットカード
銀行振込(前払い)
コンビニ決済(前払い)
BitCash
ちょコムeマネー
お申込み有効期限 14日以内にお願いいたします。14日間入金が無い場合は、キャンセルとさせて頂きます。
商品引渡し期間 代金決済完了後、14日以内にinfotopユーザーマイページよりダウンロード。
商品引渡し方法 インフォトップユーザーマイページよりダウンロード
返金・返品について 商品の性質上、返金・返品は受け付けておりません。
表現、及び商品に関する注意書き ・本商品に示された表現や再現性には個人差があり、必ずしも利益や効果を保証したものではございません。
・本商品は、WordPressの操作方法を完全にサポートするものではありません。

豪華 購入者特典

  • ヘッダー画像が作成出来ない、もしくは、ヘッダー画像を作る時間的な余裕が無い、という方のために、プロデザイナーによるヘッダー画像を計500パターンご用意しました。
    これにより、サイト作成の時間が更に短縮出来ますので、あなたは、より集中をして記事の執筆をすることが出来るでしょう。

  • WordPressのインストール手順が分からないという方のために、人気レンタルサーバーの中から9サービスを厳選し、それぞれについて、WordPressのインストール手順をPDF形式で丁寧に解説致しました。

  • より分かりやすく解説をして欲しいという方のために、人気の「ロリポップレンタルサーバー」を使用して、WordPressのインストール手順を動画形式で解説致します。

  • WordPressがインストール出来たら、次に、そのWordPressに【黒船】をインストールする必要があります。
    こちらの手順を動画で分かりやすく解説しました。

  • 各種のマニュアルだけでも十分な解説は行っていますが、それでも行き詰ってしまった場合、
    【黒船】専用のご利用フォーラムを用意しておりますので、こちらをご利用頂くことで、より理解を深めることが可能です。

  • 【黒船】は、常に最先端の技術を取り入れて進化を続けているWordPressテンプレートです。
    【黒船】では、一度ご購入頂ければ、新機能を取り入れたバージョンアップ版などが販売された場合、無償でアップグレードをして頂けることをお約束します。

  • WordPressを導入した際に、SEOは勿論のこと、よりユーザーが使いやすいWEBサイトを作成するために、最低限行っておくと良い設定について、20項目に厳選して解説をします。

よくある質問

黒船を購入して、複数のサイトを作ることは可能ですか?
はい。購入されたユーザー様名義のサイトであれば、いくつお作りいただいても構いません。
ただし、ユーザーアカウントを複数人で使い回すなどの行為は禁止とさせて頂いております。
HTMLの事がわからない初心者でも使えますか?
黒船では、「HTMLの知識不要のツール」ということに徹底的にこだわって制作致しました。
ですから、マニュアルで解説している流れに沿って作業を行えば、
初心者でも簡単にサイトが作れるようになっております。

ただし、パソコンの基本的な使い方がわからないという方には、
取り扱いが、やや難しいかと思われますので、何卒ご了承ください。
サーバーを借りる必要はありますか?
はい、黒船はサーバーに設置をして動作する「WordPress」を、より効果的に使用するためのツールですので、レンタルサーバーは必須となっております。
尚、黒船を正しく動作させるために必要最低限の環境は、こちらの「動作環境」の項目をご確認ください。
月額費用などの別料金は必要ですか?
いいえ、黒船は買い切りタイプの商品ですので、一度代金をいただいた後は、月額の使用料金などは発生しません。

ただし、黒船で作ったサイトをインターネット上で公開するためには、
インターネット接続環境や、サーバー代、ドメイン代等が発生することがあります。
それらの費用に関しては、黒船とは別にかかる料金として、ご自身でご用意ください。
黒船はどんなパソコンでも動きますか?
いいえ、黒船をお使いいただくためには、
こちらの「動作環境」の項目を事前にご確認いただく必要がございます。

なお、黒船の動作に関しては、できる限り不具合などが起きないように努力いたしますが、
パソコンの環境に関しては、お使いいただく方によって著しい差が生まれるため、
仮に動作環境を満たしている場合でも、100%の動作保証をするものではありません。

また、万一、黒船を利用した事によって損害が生じた場合でも、
弊社ではその結果に対して一切責任を負うものではありませんので、
上記の点をご了承の上、必ず自己責任にてご利用ください。
黒船を使うパソコンを変更することはできますか?
はい、可能です。
黒船はサーバで動作するサイト作成ツールなので、使用するパソコン環境による影響はほとんどありません。
パソコンにインストールして使うタイプのサイト作成ツールは、OSによっては使えないことも多くありますが、黒船はWindowsでもMacでも使うことができます。またインターネットさえつながっていれば、どこからでもサイトを作成・編集でき、複数のパソコンで使用することも可能です。
黒船を使って他人のサイトを作成することはできますか?
いいえ、黒船のライセンスはあくまでもご本人様が所有するサイトを作る際に有効となるものであり、
購入者様以外の方のサイトを作成することは原則としてできません。
PCに関する個別サポート、または電話サポートはしてくれますか?
いいえ、弊社では今のところパソコン操作に関する個別サポート、
および電話でのサポート等は行なっておりません。

したがって、パソコンの基本的な使い方がわからないという方のご購入はご遠慮ください。

なお、黒船本体に関するご質問については、
ご購入者様専用のサポートフォーラムを用意しておりますので、ご活用ください。
(ツールの不具合調査には、場合によって時間がかかる事もありますのであらかじめご了承ください)

※テンプレートのカスタマイズ方法等についてはサポート対象外となるため、
あらかじめご了承ください。
返金保証はありますか?
いいえ、黒船には返金保証制度はありません。

原則として黒船の購入代金の返金には応じておりませんが、
黒船の動作環境をすべて満たした上で、かつ弊社でトラブルの原因を調査しても、
その原因が判明せず動作が不可能な場合に限り、購入代金を返金させていただきます。
領収書は発行していただけますか?
本商品は株式会社インフォトップ様の決済代行を利用しているため、
弊社からの領収書発行は行っておりません。
クレジット決済時のご利用明細、銀行振込時の振込明細をもって、領収書とさせて頂きます。

販売は終了しました。

ダウンロード版:取扱説明書2ページ
(取扱説明書内に、ツールのダウンロードURL、パスワードの記載があります)

■動作環境

・レンタルサーバー(PHPバージョン5.3以上、MySQLバージョン5以上)※別途契約が必要です。
・WordPress(バージョン3.8以上)
・WEBブラウザ(Windows Internet Explorer 8以上、Mozilla Firefox、Google Chrome、Apple Safari)