好きなことを好きな時にやる。メインは飛天のイラスト
台湾飛天の情報
飛天に一票お願いします。
管理人の知識は普通高校情報授業で習う程度のHTMLのみで、それ以上は調べたり教えてもらったりしています。ですのでカスタマイズの例という意味合いが強いと思います。freoに関した更新履歴の記事もこのカテゴリに入っていますので、カスタマイズのみは「Freoカスタマイズ」のタグで絞り込んで下さい。
新しいサーバーはhttp://soraaki.blue/です。
サイト自体はhttp://don.soraaki.blue/にあるのでそっちでも大丈夫です。
前サーバーは、お金が切れる2017年6月中旬ごろで消える予定です。
ちょっと中継ぎ期間が短くて申し訳ないんですが、リンクされてる面々はURLの変更をお願いできたらとおもうます。
パット見前のとほぼ一緒ですが、見た目的な変更点は拍手を消したくらいですかね。あとはサイト運営上の機能をちょっといれたりけしたりしています。
拍手の格ゲーボタンは、拍手しない状態でどっかで引き上げたいなとは思ってますが、まあ、そのうち。
見た目の変更もじわっとやってみたくはあるんですが、動画作りたかったりとある企画をしたかったりするので、そっちが終わってからぼちぼちかな……。
続きは引っ越し時の苦労話。
データベースとPHPとCGIの概念がよくわからなかったので、友人の朱鷺に教えてもらったら内容が結構面白いものになったと感じたのでシェアするだけしておきます。
HTML概念は理解している前提。
ツイートの予定でしたが若干長くなったので。
今まで、ドン底トップページの、最新記事画像トップ画像。img部分じゃない左右の部分までアンカー判定があって困ってた。
けども、センタリングしたくて入れてたimgのdisplay: block;のせいだった……。普通にdivのtext-alignでセンタリングして解消……。
でもこれだと、テキストまでセンタリングされちゃうなあー思ったけど、ギャラリー表示プラグイン使ってるから、記事に画像がないとトップページにはそもそも出てこないんだった……。
こういう事態に遭遇すると、俺ってやっぱサイト形成に関しては所詮にわかなんだよなーと思ってしまうね。
HTMLに関しては学校で習う程度のものだし。
HTMLやCSSにかぎらず、必要なものだけを必要なときに調べるかんじで、まじめに勉強する気がないんだな。必要でないことを覚えるのが嫌みたい。だから受け身の勉強は基本的にやる気が無い。
「これができますから覚えましょう」じゃあ動く気しない。「俺はこれがしたい！そのためにはどうしたらいい？」が基本の行動原理なんだろう。それの繰り返しで今までの知識があるんだろうな。
なんとなーくの概要や、何もわからない人に教える程度の知識はあるはずだけど、結局自分が必要だったことの知識しかないからにわか止まり、と若干自嘲気味。
最近大きめのイラストを描くことが多く、しかしひとつのエントリに添付できるのはファイルとイメージの二種類だけなので、メディアで個別にでっかいのを上げてそれをテキストでリンクーなんてことをしていました。
んなもんで、表示させてる画像をクリックしたらさらにでっかいの表示ーってのを、オプションを使ってスマートに見せれないかなーと四苦八苦してたら、虹色ミツバチのミツさんからアドバイスツイートを頂きまして無事にできました……！
毎度の如く、Smartyを知ってる人ならなんてことのない内容だとは思いますが、メモしとかないと俺が忘れるので記事にしておきます。
久々にドン底更新。
配布物が増えてきたのに配布物についての規約がAboutになかったので、入れときました。
リンクしてほしかったりクレジットをお願いするのは、人様の作品に自分の名前があるのを眺めてにやにやしたいからです。
でも素材に関しては、俺もクレジット義務のない素材はしょっちゅう使いますしクレジットしませんし、手間だってことが分かるので推奨。
環境が変わってだいぶ経つのですが、画面が広くなったら10じゃ少ないなあと思い。
理由は上記と同じ。サムネイルは軽いんだからたっぷり表示しちゃってよいかなって。
同上。
最近大きめのイラストを描くことが多く、しかしひとつのエントリに添付できるのはファイルとイメージの二種類だけなので、メディア管理で個別にでっかいのを上げてそれをテキストでリンクーなんてことをしていました。
なんで表示させてる画像をクリックしたらさらにでっかいの表示ーってのを、オプションを使ってスマートに見せれないかなーと四苦八苦してたら、虹色ミツバチのミツさんからアドバイスツイートを頂きまして無事にできました！
書いとかないと忘れるので近いうちに記事にします。ちょっと東京行ってくる。
記事内にリンクしてるのも、ぼちぼち入れ替えていきたいです。
内部処理の問題です。まだなんか間違えてる気はするが。
今日のところの更新は以上ですが、結構前にこっそりコミックを隠しました。
トップページ右下のツイッターも、API変化に伴って、公式のウィジェットにしています。
管理人ページの使用キャラもそろそろ新しい情報にしておきたいところ。
拍手どうすっかなー、更新してないしスパムひどいから消したいんだけど。
正確に言えばdefault.cssを読み込む、だけどもサイトデザイン適用って言った方が分かり良いかなーと。
たいしたとこはしちゃあいませんが、やっとくと捗ります。
簡単なので、オススメ。
freo/markitup/templates/preciew.html
の
<!-- content -->
を
<div id="container">
<!-- content -->
</div>
にする。
freo/markitup/templates/preciew.css
の
@import "../../css/common.css";
の直後に
@import "../../css/default.css";
を追加する。
以上。
<div id="container">の部分は、お使いのデザインに合わせて適宜変えてください。本文にかかる部分の背景を設定しているclassやらIDやらつっこんでおけばいいです。
エントリー単位でデザインを分けているなら<div class="entry">にすればいいですし、背景が最初から白いならそもそもpreciew.htmlの編集の必要がない場合も。
……あ、エントリーとページと別デザイン使ってる場合の表示切り替えとかはさすがにわかんない……。
他に読み込みたいCSSがあれば、@importの行を好きなだけ増やしたらいいです。
freowikiとか見るとmarkItUp!関係はうちのページが並んでて有り難い限りなんだけども、このくらいのことは、日本語じゃないだけで解説あると思うんだよねえ。
もし英語とJavaScriptが扱えたら、いろんなサイト見て色々カスタム出来そうだよなー……。うーむ、口惜しや。
普段使わないちょろめでmarkItUp!の公式を開いたら自動翻訳してくれたので、前々から欲しかったカラーパレットのセットを落として覗いてみたところ、なんかできそうな気がしたのでがんばってみました。
マウスをのっけたらパレットが出てきます。ボタン自体をシングルクリックすると、カラーコードを直接入力できます。
markItUp!がFreoのデフォルトのままなら、そのまま上書き保存すれば9色追加できるZIPをご用意しました。2013/8/14の公式freoのmarkItUp!バージョンアップはjquery.markitup.jsのみなので大丈夫です。
解凍した後のdefaultフォルダーをfreo/markitup/sets/の中のdefaultにかぶさるように上書きすればいいですが、バックアップはとっといてください。
続きは、カスタマイズ済みの方へ、実装の仕方と応用。
タイトルからして大きく矛盾してるのはおいといて。
Freoのバージョンが相当変わってしまっていたので、ゼロから構築し直して作り直しました。 最近飛天効果でサイトをちょいちょい更新するようになったので、ようやくやる気が湧いた次第。
ついでに、いろいろプラグインもインストールしてデザインも色々弄るぞー！！
……と思ったんですが、前の気になってた所を少々治す程度で、デザイン自体はほぼ前のをまるまる引っ張ってきたかんじ。どうやら、この状態が、ほぼ俺にとっての完成形のようです。
Freoの素敵テンプレート配布してらっしゃるサイトさんはいくつかありますし、そちらをいじってみたい気はするのですが、カスタマイズのことを考えるとやっぱりデフォルトデザインの基礎が一番不安が無いんですよねえ。
俺あんまり頭良くないから、テンプレート適用後のFreoをいじれる自信がない。
ま、そんなこんなで。見た目はあんまり変わってないけど、内部のバージョンはがっつり上がってるので、「大幅にマイナーチェンジ」なわけでございます。
続きは、具体的にどこを変えたかとか、今回のリニューアルで引っかかった所とか、早い話が忘備録。
リニューアルしました。
…ええ、またです。前回から半年経っちゃいませんね。
前のデザインは、WDP時代にテンプレお借りしたKURAGEYAさんところのデザインを基礎にさせてもらったのですけども、Freoに移行する際に下手に透過とかいろいろやろうとしたもので…。
Freo用スキンも出たのでまたお借りしてもよかったのですが…「青空のドン底は」当初のシンプルなデザインが一番使い勝手よかったよなー…と思い自分でやってみることに。
ただし、見た目を変える目的でHTMLを弄るのは最低限に。バージョンアップの差し替えにひぃひぃ言ったので…。
にわかな人間が弄り倒してもいいことないしね。ということで、CSSのほうを弄り倒しました。
下手の横好きでしかないんですが、相変わらずデザインいじるのめっちゃくっちゃ楽しいです。
当初のシンプルさに、という意気込みで始めたのですが、そうもあんまりいきませんでしたね…。
今も使ってる背景素材に愛着がでちゃってまして、これ使うとどうしても藍になっちゃうんですよねー。
なんか、なんとなく、アミダっぽい仕上がりになった気がします。
普通のHTMLだと、過去ログとのデザインの統一がなくなってしまうのがネックだったのですが、CMSだとそれがないので気兼ねなしにいじくっちゃいますね…。
回線が不安定なので、アップロードに手間がかかります。
多分このぶんだとまたリニューアルとかしそうなので、重たいZIPやフラッシュはサーバー外に置こうかと思ってます。
クエスト系のSSZIPはSkyDriveにアップロードしてみました。
フラッシュはKanfooに置こうかなと思ってて、まだ対応していません。表示できませんが数日中になんとかしますのでしばらくお待ちください。
4/21 見れるようになりました。
他記事を引用することが多くblockquoteタグボタンが欲しかったので。
ないとさんからヒント頂きました。
freo/markitup/sets/default/の中のファイルを主にいじります。
実例で説明していきます。
Feed