Loading...

htmlコーディング 小棹制作所

この記事がよく読まれてます

tumblrでの企画など、お手伝いします
  • fullPage.js ページスクロールで紙芝居のように魅せるWebページが作れるjQueryプラグイン (35,800Views)
  • 初代から大幅にパワーアップして帰ってきた! Owl Carousel 2の紹介とかんたんな設置方法 (17,854Views)
  • 多分一番簡単!ドロワーメニューを実装するためのjQueryプラグイン「drawer」 (16,416Views)
  • tumblrのオリジナルテーマ作成入門 tumblrの独自タグを理解しよう (15,686Views)
  • wow.jsとanimate.cssを組み合わせると、かんたんに、かっこいい動きがあるWebページを作れます。 (15,675Views)
  • [メモ]Macのメールアプリで自動転送(もしくはリダイレクト)設定をする方法 (15,517Views)
  • スマートフォンサイトでよく見る横からニョキッと出現するスライドメニューの実装なら「Sidr」で (15,258Views)
  • 国産のtumblrポートフォリオ用テーマ “Illustfolio2″ がすごくいい! (11,615Views)
  • シンプルだから機能もデザインもかんたんにカスタマイズできるjQueryのカルーセルプラグイン “Owl Carousel” (11,016Views)
  • ミュージシャン・バンド・アーティスト用Webサイト作成のためのTumblrテーマを作ったので配布します (10,674Views)
  • 企業ホームページっぽいレイアウトのTumblrのテーマを作ったので無料配布します (10,490Views)
  • Twitter Bootstrapが3にアップグレードして、さらに使いやすくなった (10,311Views)
  • さくっとヘッダー固定のhtmlテーブルが作れるjQueryプラグイン「Fixed Header Table」 (9,989Views)
  • 翻訳機能をWebサイトに埋め込む方法 (9,591Views)
  • tumblrのオリジナルテーマをゼロから作るのは心が折れるので、スターターテーマを使おう (9,570Views)
  • Twitter Bootstrapの基礎 Twitter Bootstrapってなに? からモーダルウィンドウ作成まで (8,906Views)
  • 細かいカスタマイズができるCSSフレームワーク、”Gumby FRAMEWORK” (6,841Views)
  • Twitter BootstrapベースのWordPress無料テーマ “Roots” (6,602Views)
  • tumblrのテーマに無限スクロール機能を追加する方法 (5,497Views)
  • TwitterBootstrapでも採用されている、たぶんもっとも簡単なレスポンシブ対応テーブルの作り方 (5,363Views)
  • 起業・スタートアップ・個人事業主様にぴったり!シンプルなデザインの企業サイト向けtumblrテンプレートを無料で提供します

    2014年03月07日(金)
    3381Views

    この記事は執筆から1年以上経過しており、情報が古い可能性があります。

    小棹制作所では、起業・スタートアップにぴったりのシンプル企業サイトのtumblrテンプレートを無料配布します。
    起業時に、ホームページ作成にはコストを掛けられない、そんなケースにぜひご活用ください。

    サンプルサイトを見る

    グッドカンパニー_inc_と_ダウンロード

    グッドカンパニー_inc

    ダウンロード

    無料版のダウンロードはこちらをクリック

    広告なしの有料版のご案内はこちらをクリック

    このテンプレートの使い方

    初期設定

    tumblrのユーザー登録をしてください
    登録の仕方は、下記のリンク記事の「登録する」の項目が参考になると思います。
    「リブログ」してニヤニヤするブログサイト作成サービス、Tumblr(タンブラー)のはじめかた | 小棹制作所

    当記事の「ダウンロード」の項目からzipファイルをダウンロードします。

    ファイルを解凍すると、「tumblrテーマ無料版画像パターン1.html」「tumblrテーマ無料版画像パターン2.html」というファイルがあります。
    トップページの画像によって2パターン用意しましたのでお好きな方をお使いください。
    どちらかのファイルをメモ帳アプリで開き、中身のコードをまるごとコピーします

    tumblrのブログ画面ヘアクセスします(ダッシュボードではなく、ブログ画面の方)

    ページ右上に「カスタマイズ」というボタンがありますので、これをクリック。

    画面左に「HTMLを編集」というボタンが現れますので、これをクリック。

    htmlのエディタ画面が開きますので、ここに先ほどコピーした内容をまるごと上書きペーストします。

    トップページ文言などの設定方法

    トップページ文言などの設定は、画面右上の「カスタマイズ」ボタンでカスタマイズ項目を開いて行います。

    グッドカンパニー_inc

    各項目の設定方法

    ※注意:tumblrの仕様なのか、どうも設定が反映されるまでにちょっと時間がかかるようです。
    反映されない場合は、ブラウザの「更新」を何回か押してみるか、キャッシュをクリアしてみてください。

    「タイトル」項目

    カスタマイズ___Tumblr

    カスタマイズ項目でタイトル項目を入力することで、

    • ・上部メニューバー左上
    • ・右メニュー内「お問い合わせ」内の企業名
    • ・ページ最下部、フッターにコピーライトを示す企業名

    が自動で記載されます。
    「タイトル」項目には通常、企業名を入力します。

    「説明」項目

    カスタマイズ___Tumblr

    説明項目を入力することで
    トップ画像下のキャッチコピーの文言が記載されます。

    「intro」項目

    カスタマイズ___Tumblr

    intro項目を入力することで
    キャッチコピー下の文言が記載されます。
    比較的長めの文言が入ることを想定しています。

    「contact」項目

    カスタマイズ___Tumblr

    「contact」項目を入力することで
    右メニュー内「お問い合わせ」内の連絡先が記載されます。

    更新ページの追加方法

    tumblrのダッシュボードより投稿が可能です。
    当テーマでは、テキスト投稿のみが可能に設定しています。

    _8__Tumblr

    固定ページの追加方法

    カスタマイズ___Tumblr

    tumblr、ブログ画面右上に表示される「カスタマイズ」ボタンで、左側のメニューを開きます。

    「ページ管理」項目の下にある「ページの追加」をクリックするとエディタが開きます。

    ここで「このページヘのリンクを表示する」にチェックを入れます。
    タイトルなどの項目を入力し、保存すると、上記で作成したページがナビゲーションバーに表示されます。

    カスタマイズ___Tumblr_と_download_と_ダウンロード

    このテンプレートのライセンス

    • 当テンプレートの販売・再配布を禁止します。
    • 個人的な使用によるソースコードの改変は自由としますが、それによるいかなる損害についても、小棹制作所では一切の責任を負いかねますのでご了承ください。
    • 当テンプレートはtumblr上でのみ動作する仕様となっております。何らかの事情によりtumblr社がtumblrサービスを停止し、そのことによって当テンプレートが使用できなくなった場合も、小棹制作所では一切の責任を負いかねますのでご了承ください。

    有料版のご案内

    小棹制作所では、当テーマの有料版の販売をしております。
    有料版では、広告表示の削除・トップページメイン画像のカスタマイズから初期設定代行までをプランごとに分けて、7,980円から承っております。
    詳細はtumblrテーマ 有料版のご案内こちらのページでご確認ください。

    まとめ

    この記事のまとめはありません。

    おわりに

    この記事はあなたのお役にたてましたか?
    もしよろしければ・・・

    この記事をみんなに教える?


    筆者に何か教える?

    たとえば、 小棹制作所はこんなこと↓を知りたがっているようです。

    feedlyでブログを購読する?

    follow us in feedly

    筆者にメーッセージを送る?

    なんでもご自由に書いて送ってください。
    ご質問等返信を希望の場合は、メールアドレス等返信先の記載をお忘れなく。

    チェックを入れて送信してください

    Copyright (C) 2012 小棹制作所.
    All rights reserved.