mkasumi.com


スクリーンショット

これを親ブログのユーザーの情報で子ブログで表示させたい


おおざっぱな手順

  1. モジュールにモジュールidをつける
  2. BID1の管理画面にいってモジュールidの設定を変更する
  3. 他のフォルダから欲しいファイルをもってくる
  4. 管理ページで情報を入力

今回、親ブログのユーザーのプロフィールを子ブログに表示させるのに手こずってしまったので書こうと思います。結構ファイルを探すのが大変だった気がするので忘れないように書きます。

「親ブログのユーザーのプロフィールを子ブログに表示する」のつづきを読む


Tag:a-blogcms モジュール 

Posted by 森田かすみ at 01:39  Permalink

制作途中のアップルップルのリニューアルサイトのスクリーンショット

制作途中のアップルップルのリニューアルサイト


今回の目的は有限会社アップルップルのリニューアルサイトのロゴ画像をSVGにすることです。SVGで画像をたんに貼るだけではなく、トップページへのリンクをつけます。ちなみにこちらのスクリーンショットは制作段階のものであり、完成したものではありません。そのうち完成したサイトのスクリーンショットと共にこちらの記事から行けるようにリンクを貼りたいと思っています。それでは設置できるようになった方法と注意点を次回SVGを使う事になったときのためにメモします。

私がやったこと

  • 事前にSVGを使っているサイトを調べる
  • Illustratorで書き出しする
  • CSSのbackgroundにSVGを設置する

事前にSVGを使っているサイトを調べる

見本にしたサイトは他にもあるのですが、この2つでも十分かな、と!

SUSH-i LOG | ベクター形式でWebページ上に表示できるSVGでロゴを描いてみた
SUSH-i LOGさんの方ではcssのbackground、.htaccessについてシンプルに書かれています。ロゴにSVGを使っているので参考にもなりました!

Using SVG | CSS-TRICKS
こちらのサイトは英語ですが、個人的には比較的簡単な言葉で書かれていると思います。様々なSVGの設置方法に加え、イラストレーターでの書き出し方法も書いてあります。

参考サイトは「SVG ロゴ」で検索すると出てくるみたいです(後で教えてもらいました)。私は書き出し方を書いてあるブログばっか探していてちょっと作業効率がわるかったのでこれからは注意。

「SVGに挑戦してみた 」のつづきを読む


Tag:CSS a-blogcms SVG 

Posted by 森田かすみ at 09:06  Permalink

プロフィール

森田かすみ

名古屋のWeb制作会社でマークアップエンジニアとして働いています。マークアップ勉強会名古屋という勉強会の主催もやっています。

  • はてなブックマーク

カテゴリー