タグ:マイスキン ( 2 ) タグの人気記事

エキサイトブログの基本的な構造

さて、マイスキンの下準備ができたら早速HTMLを入れていきましょう。
エキサイトブログのマイスキンは4つに分かれています。それぞれに絶対必要な独自タグがあり、それを必ず入れなければなりません。

  1. 全体
  2. 本文
  3. 右メニュー
  4. CSS

全体

<$adminmenu$>
<$post$>
<$prepage$>
<$nextpage$>
<$banner$>
<$xml$>
<$menuright$>

本文

<$postsubject$>
<$postadmin$>
<$postcont$>
<$posttail$>
<$cmtjs$>

メニュー

<$mntitle$>
<$mnbody$>

詳細の意味などはこちらで確認してください。基本的にはこの独自タグさえ入っていればどんなレイアウトにしようが問題なしです。
とりあえず今回はすでにあるカスタマイズ用のHTMLとCSSを使います。

a0342241_15150234.png

「デザインスキン」→「スキン選択:カスタマイズ」
おすすめは、カスタマイズの中のテキストカスタマイズをベースとして使うといいでしょう。
シンプルなので追加は容易いです。
編集ボタンを押したら、[HTML&CSS編集]の「全体」「本文」「右メニュー」「CSS」を全部コピペしてマイスキンに登録しましょう。
ついでに[基本設定]のサイズ(本文・ロゴ・メモ帳)も同じにしておきましょう。
実はこのスキンを適用してから「編集ボタン」→「作成」を押してもマイスキンに登録されます。ただスキンイメージ・レイアウトは変えられません。

ここまで準備が整ったら続いてCSSを直接追加!


[PR]
by exblog-tips | 2015-12-24 14:46 | マイスキン

早速マイスキンを作成してみましょう。

a0342241_17341802.png

管理画面の左のメニューから「デザインスキン」→「マイスキンを作成」を押す。
すると下記の画面になります。

a0342241_17365965.png

ここで新たにスキンを登録するわけですが、上から順に名前入れて画像入れてってやるとレイアウトで選び直したときにすべて消えます。。。。完全に罠です。
なので先に[レイアウト]から選びましょう。
こういう地味なところから改善してほしいんですが…。
[レイアウト]を選んだら次にやっとスキン名を入力しましょう。なんでもいいです。

そしてその次[スキンイメージ]なのですが、これ、必須です。
毎回作らないといけないんかいとすごく面倒なのですが…75x75のgifのデータが必要です。
凝り性の方は毎回作ってもいいのですが、今回はテストなのでダミー画像をサイトからDLしましょう。http://placehold.it/75x75.gif

a0342241_17484785.png

そして最後に[サイズ]ここはとりあえずデフォルトで構いません。後から変更します。
これなんで入れるかっていうと、ここに入っている数字に合わせて画像が自動縮小されるらしいです。
本文を500pxにすると500px以上の幅のサイズでもぴったり500pxになってくれるというわけ。
ロゴとメモ帳ってやつも同じで画像とか入れたときにうまいことやってくれます。
ここまで出来たら[HTML&CSS編集]はそのままで[登録]ボタンを押しましょう。

a0342241_17502556.png

こんな感じでできているはず!とりあえず登録まで終わったので次の記事で中身を登録していきましょう!


[PR]
by exblog-tips | 2015-12-22 17:52 | マイスキン

エキサイトブログをとことん使い倒すブログです。こんなことできないかな?をゆるっと募集中!


by エキブ