TIPS - Tips 一覧
画像で装飾する、色を変更する on Feb 05, 2011 9:31 AM
サイトデザインをHTMLタグでカスタムする on Feb 06, 2011 8:45 AM
Javascriptを埋め込みたい(ウィジット) on Feb 07, 2011 8:59 AM
HTMLメールマガジンを送付する on Feb 08, 2011 8:47 AM
大量の画像を投稿する on May 10, 2013 10:00 AM
予定表に祝祭日を設定する on Aug 06, 2017 10:05 PM
ヒートマップを導入する(headにタグを挿入したい) on Aug 10, 2017 1:28 AM


February 5, 2011

画像で装飾する、色を変更する


少しデザインに手を入れるだけでグンっと魅力がUPします
例えばこのサイトは2つの画像でアクセントをつけています。
ダウンロードして使ってみて下さい(URLを右クリックし対象をファイルに保存)

トップ画像
http://pimpub.jpn.org/support/uploaded/title_ribon2.png

背景画像(中央寄せ)
http://pimpub.jpn.org/support/uploaded/bg_shadow_thin.png


背景色は#f4f4f4です。

■カラーの選択が難しいとき
直接キーボードで入力したり削除したりできます。
右の画像のように一旦カーソルを合わせてくださいね

Posted by support : 09:31 AM | TIPS - Tips | Comment (0) | Trackback (0)



February 6, 2011

サイトデザインをHTMLタグでカスタムする



■サイトの角を丸めたい!
そういうときは代替タイトルテキストに画像を使うようにHTMLタグを入力してカスタマイズします。この場合以下のように入力しています。

<div style="position:absolute;top:10px;left:407px;z-index:1"><img src="http://your_site/uploaded/itunes_title.png"></div><div style="position:absolute;top:75px;left:-1px;z-index:-1"><img src="http://your_site/uploaded/frame_top.png"></div>

フッターも同じように丸くできます。



同じく代替フッターテキストに以下を入力しています。

<div style="background-color:#cfd0d0"><img src="http://your_site/uploaded/frame_bottom.png"><br>&nbsp;&nbsp;<font size="-1">Copyright (C) iTune Review. All Rights Reserved.</font><br><br></div>


デザインの設定はこんな感じです。


使用している画像はこちらからダウンロードできます
(URLを右クリックし対象をファイルに保存)

角丸画像トップ
http://pimpub.jpn.org/support/uploaded/frame_top.png

角丸画像フッター
http://pimpub.jpn.org/support/uploaded/frame_bottom.png

タイトルバー背景画像も掲載しておきますので是非使ってくださいね

見出し背景画像
http://pimpub.jpn.org/support/uploaded/title_main.gif

サイドバー背景画像
http://pimpub.jpn.org/support/uploaded/title_sub.gif

Posted by support : 08:45 AM | TIPS - Tips | Comment (0) | Trackback (0)



February 7, 2011

Javascriptを埋め込みたい(ウィジット)

例えば、当サイトの右側にツイッターのバッジ(Follow)が付いています。これはJavascriptのコードで配布されるウィジットなのですが、こういうものを当CMSで扱いたい場合にちょっとしたコツが必要になります。

ギャラリー編集などには入力欄がありますが、HTMLエディタを使用している場合はJavascriptが思うように保存できません。しかし、右上のHTMLエディタを無効にするにチェックを入れ設定変更をすればきちんと保存ができるようになるんです

その上でお好きなJavascriptなどを埋め込むなどをして頂ければきっと素敵なサイトに仕上がると思います



サイト全体に有効にしたいときはギャラリー編集やリンク編集で、特定の記事に有効にしたいときは各コンテンツの編集でJavascriptを埋め込めば良いでしょう

Posted by support : 08:59 AM | TIPS - Tips | Comment (0) | Trackback (0)



February 8, 2011

HTMLメールマガジンを送付する
企業メルマガでソースの管理で面倒な思いをしたりコストについて考えたりすることがあるかと思います。また個人の方でもHTMLメールを送りたいというニーズもあるかと思います。ナントこのCMSはメルマガにも対応します

やり方は以下の通りです。


サイトデザインをHTMLメールマガジンに指定してサイトを作成します。
個別ページにアクセスすると上のような画面になります。
次に右クリックでソースの表示を選択します。
テキストエディタにソースが表示されたら全てを選択しコピーします。


通常はHTMLメールマガジンを送信するツールを使って送信しますが、
Hotmailでは完全ではないながらHTMLメールが送信することができるようです。
今回はサンプルとしてこちらを使用することにします。
新規メール作成画面で上図のようにHTMLタグの編集モードに切替ます。
また、本文にコピーしたソースをペーストします。


次に上図のようにリッチテキスト(HTML)形式に変更します。一度では正しく表示されないようです。
HTMLタグの編集に再度変更します。少しHTMLタグが自動修正されているのが分かります。
もう一度リッチテキスト(HTML)形式に変更します。
上のようにHTMLメールが完成しています。これで送信しましょう

Posted by support : 08:47 AM | TIPS - Tips | Comment (0) | Trackback (0)



May 10, 2013

大量の画像を投稿する
大量の画像をアップロードできる機能がありますが、これを使えばアップロードと同時に画像を記事にして公開することが可能です。必要なのは以下の2つのステップだけです。

1)デザインテンプレートを写真展に設定する(違うデザインを使用している場合)


2)ファイルアップロード機能で画像をアップロードする



これで記事が公開完了です。こんな感じ↓写真撮影や画像収集が好きな人には超便利だと思います!


Posted by support : 10:00 AM | TIPS - Tips | Comment (0) | Trackback (0)



August 6, 2017

予定表に祝祭日を設定する


予定表のデザインを選択している場合は、カレンダーがメインに表示されるようになりますが、そのカレンダーに祝祭日のような特別な日をあらかじめ設定する方法があります。※16日の赤い欄がcalendar.txtで設定した日です

■設定方法
ファイル名をcalendar.txtにした設定テキストファイルを作成します。
文字コードはUTF-8で作成してください。
フォーマットはいわゆるCSV形式で次のようにします。日付,タイトル[改行]
2000年を指定したイベントは毎年有効になります。
後はcalendar.txtをファイルアップロードでUPするだけです。

■calendar.txtファイルの詳細
日付でない欄は無視されますので自由にコメントを入力できます。毎年有効なものと各年に設定必要な分を分けて記入すると分かりやすいと思います。

■色を指定できるようになりました
下記のように3番目にredやyellow、green、blue、purpleと指定します。
2017-5-3,休,green

■サンプルcalendar.txt
百聞は一見にしかずです。サンプルをダウンロードしてみて下さい。
- sample_calendar.txt (7KB) …使用時はcalendar.txtにファイル名を変更して下さい(天皇誕生日とスポーツの日に対応しました)
- sample_calendar_2050.txt (16KB) …2050年まで祝祭日と振替休日が記載されています
※右クリックして対象をファイルに保存を選択してください

--------------------------------------------------------------------------------------

■■カレンダーTips!!■■

  1. デザインにカレンダーを指定したブログはサイトにパスワード制限を掛けると、アドミン画面からだけでなく予定画面から直接に新規作成と予定の編集へアクセスすることができます。
  2. 予定時間に対しリマインダーメール送信できます。設定すると25分程度前にメールが送信されます。

Posted by support : 10:05 PM | TIPS - Tips | Comment (0) | Trackback (0)



August 10, 2017

ヒートマップを導入する(headにタグを挿入したい)
サイトにヒートマップ機能を導入したい等の希望が合った場合、ツールによってはheadタグ内にカスタムタグを記載する必要があることがあります。本CMSでも少しのコツで対応が可能になります。今回はユーザヒートのタグを参考にご紹介いたします。

1)ユーザヒートへ行きます
http://userheat.com/

2)機能が提供されるタグを取得します
<!-- User Heat Tag -->
<script type="text/javascript">
(function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'fAkphac'});
</script>
<!-- End User Heat Tag -->

3)本CMSの管理画面に行きログインします。またサイト編集に移動します

4)Descriptionタグに上記のタグと終了タグを誤魔化す">と<meta charset="utf-8を併せて入力します



4-2)なお、テキストを抜き出すと以下のようになります

"><!-- User Heat Tag -->
<script type="text/javascript">
(function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'fAkphac'});
</script>
<!-- End User Heat Tag --><meta charset="utf-8

5)編集ボタンを押し保存します

====編集後記================================
Descタグを強引に終わらせる赤字の所がミソですね。
後ろ側の赤字Metaタグはダミーでタグが上手く閉じるようにしています。

Posted by support : 01:28 AM | TIPS - Tips | Comment (0) | Trackback (0)


プロフィール

 PIM Publishingという無料クラウド型CMSのサポートサイトです。このサイトでも使用されています。
Twitter
Search

Mobile
QR for cellphone  QR for smart phone
携帯でのアクセスは こちら
スマートフォンは こちら
Popular Page
Category
Recent Entry
Trackback
Comment
Archive
<     November 2024     >
Sun Mon Tue Wed Thi Fri Sat
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Link
無料クラウド型CMS
- PIM Publishing