JIMDOのテンプレート・カスタマイズ・テクニック集

Jimdo it サービス

【8月13日にバージョンアップされる機能について】

http://www.pik.co.jp/app/flex/blog/preview/264842489

旧Internet Explorerで動作しなかった場合はGoogle ChormeFireFoxをお試しください。

Jimdo itの新メニュー続々追加中!

Jimdo it とは、Jimdoの機能だけでは難しかったを項目の装飾をジェネレーターを使用して簡単に生成できるようにしたサービスです。文章や色や形を好みに合わせて制作しご自分のサイトにコピー&ペーストするだけです。サイトカラーや好みに合わせて作ってみて下さい。無料メールマガジンへの登録もお願いします。

画像不要の電話マーク付き電話番号用 Jimdo itが登場!!

▼アイコンをクリック

 03-6433-0422 (公開中)

03-6433-0422

03-6433-0422

 03-6433-0422

0120-000-000 (Free Call)

左のような『電話器マーク付き文章』Jimdo itを無料のメルマガ購読者限定で公開しています。

 

電話器マーク付き文章を試して見たい方は、無料メルマガに登録して下さい!!


無料メールマガジン ~株式会社PIKのニュースメールを不定期に配信中~

最新の裏技情報やJimdo Itの新着情報をニュースリリースでお知らせします。



表現の幅を広げたい人のJimdo it!!

Jimdoジェネレーターで生成したコードを貼り付ける方法

▼イメージはクリックで拡大表示されます。

コード生成

コード生成ボタンを押す。
出力されたHTMLソースをコピーする。


自分のサイトへ項目を追加する

項目の追加で文章を選択します。

 

※文章項目で上手く表示できない場合はウィジェットを使用してください。


HTMLソース編集をクリック

文章修正メニューの右上にある『HTML』(HTMLソース編集)ボタンをクリックする。


HTMLソースエディターへ生成されたコードを貼り付ける

HTMLソースエディターに先ほどコピーしたコードを貼り付ける。更新ボタンを押し、保存すれば完成!

文字の修正やリンクなどを追加するのは通常の操作として行うことが出来ます。

 

※注意
Jimdoの仕様上、HTMLソースエディターに追加するとソースが自動的に書き換えられてしまう場合があります。その場合は文章項目ではなく、ウィジェット/HTML項目に追加して下さい。


 

このサービスへのリンク

リンクバナー

リンクは下までお願いします。
http://www.pik.co.jp/jimdo-it/


SNSシェアボタン

コメント: 14
  • #14

    三沢 (木曜日, 01 10月 2015 21:02)

    いままで、使わせて頂いていてメニューよりjimdo itが消えていて相当驚き気絶するかと思いました。絶対になくさないで欲しいです。
    また、メニューにも入れてほしいです。

  • #13

    ユウタ (土曜日, 02 5月 2015 00:38)

    とても良い機能です。使わせて頂いています!

  • #12

    free-farm-kaz (火曜日, 14 10月 2014 16:39)

    村井様
    お世話になっております。
    以前、下のHP作成にてご指導いただいた山下です。
    その節はありがとうございました。
    新しいjindo
    便利になった分、所々使いにくくなってる部分もあり
    若干自由が利かなくなったのかなぁと私は感じてしまいました。
    勉強のため新たにHPを作成しようと奮闘しております。
    また迷った時はご指導願いたいと思いますので
    その時は宜しくお願いします。
    http://free-farm-kaz.jimdo.com/

    新HP
    http://bracknyanda.jimdo.com/

    それでは失礼いたします。

  • #11

    氏名を入力してください (火曜日, 16 9月 2014 08:57)

    大変失礼致しました。
    名前を入れ忘れまして、「katukama」です。

  • #10

    氏名を入力してください (火曜日, 16 9月 2014 08:55)

    お早う御座います。
    私の下記のサイトで「参照サイト」として取り上げて、リンクを貼らして頂きますので御報告致します。

    ホームページカスタマイズ
    http://homepage9.jimdo.com

  • #9

    katukama (水曜日, 03 9月 2014 14:56)

    大いに使わせて頂いています。
    文章に変化が出、視覚的にも良いですね。
    特にスライダーを動かして、コードを生成する等は、大変便利で素人でも問題有りません。

    今後は新レイアウト対応のCSS等を公開して頂くと有りがたいのですが。
    特にブログを新着の様に見せる等。

  • #8

    vplaza-kugenuma (金曜日, 18 7月 2014 07:17)

    ページが豊かになり、スバラシイ。ありがとうございます。

  • #7

    australiaryugakukyoukai (金曜日, 11 7月 2014 14:19)

    村井さん
    昨日 Jimdo it サービスを利用させてもらいました。
    以前からタイトルにバリエーションを付けたいと思っていたので、
    とてもう重宝しています!
    こんなにいいサービスを無料で使えるようにしていただきましてありがとうございます<(_ _)>

  • #6

    九州ハーモニカ情報 (月曜日, 07 7月 2014 21:08)

    その節は大変お世話になりました。
    先進的な試み!に、敬服しております。
    Jimdoの価値が高まっていきますね!
    感謝感謝。

  • #5

    村井 芳裕 (金曜日, 04 7月 2014 13:51)

    mattari-mofさん
    違うとは思いますが、念のため質問させていただきます。
    文章項目のHTMLに貼り付けてはいませんよね?
    Jimdoの場合文章項目に貼り付けると、書かれているCSSが削除されてしまうことがあるようです。
    また、改行などが入ってしまっていた場合も同様なので、改行が入ってしまっていた場合には、手作業で改行を削除してから貼り付けてみて下さい。

  • #4

    mattari-mof (木曜日, 03 7月 2014 11:46)

    一例なのですが
    background-image: -webkit-linear-gradient(top, rgb(102, 204, 0), rgb(190, 233, 147));
    の部分を
    background: -moz-linear-gradient(rgb(102, 204, 0), rgb(190, 233, 147));
    background: -webkit-gradient(top, rgb(102, 204, 0), rgb(190, 233, 147));
    にしたらうまく反映されました、ヘッダー編集の中に埋め込んでも上手くいきました、もしかしたら上記の方も似たような現象が起きているのでは?

  • #3

    mattari-mof (木曜日, 03 7月 2014 11:34)

    最初、コード貼り付け時はちゃんと表示されるのに時間経った後見直してみると見出しの背景が真っ白になってしまいます。
    ※Google chromeで編集及び確認しました。

  • #2

    taw-icd (火曜日, 01 7月 2014 18:52)

    村井さん
    JIMDOのサポート頂きありがとうございます。
    価値を伝えられるページにしたいので(只今リニューアル中)
    JIMDOの仕様を知り尽くした
    村井さんの親切なサポートで助かっています。
    どうか今後共、よろしくお願いします!

  • #1

    株式会社FarmFilms (火曜日, 01 7月 2014 14:48)

    村井さん
    お世話になっております。
    今日、電話で教えていただいた【Jimdoジェネレーターで生成したコードを貼り付ける方法】、早速ウチのHPでも使わせて頂きました!
    短時間で効果的なレイアウトを作れるのでとても良いですね!
    少し自分で頑張ればと電話番号リンクも入れられるのでGOOD!
    また、よろしくお願いします!

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422