日影石

フリーのWebテンプレート配布サイト

Memo

夜桜のテンプレート

20180715161206.png
新しいテンプレートを1点追加しました。
夜桜です!雰囲気第一に頑張ってみました。
#028のテンプレートを元に作っていたのですが、何かの拍子に上書きしてしまってほぼ完成していたHTMLとCSSがパーになるいう事態が…
幸い(?)画像はバナー以外残っていたので、記憶を頼りに再現しました。
結果、前よりそこそこいい感じになったので良かったです!
グーグルフォントが強みかもしれないですね。いいのを見つけられたので嬉しいです。
テンプレートの日記にも書いてありますが、いい感じの夜桜の画像がなかなか見つからず、パブリックドメインの写真を合成して作ってみました。
Photoshopでやっても良かったのですが、普段から使い慣れているクリスタで作業しました。(本業はお絵描きなので)
結構適当ですがそれっぽく見えたら嬉しいです!

追記でこっそり私信です。
(テンプレートを微調整したので、先程ちょっと書き直しました)

続きを読む

擬似フレームでレスポンシブ

20180709002640.24.45.png
更新しました、Template#002をレスポンシブ化しました。
インラインフレームを使っていたので擬似フレームで再現しました。
星が無駄にばらまいてあるデザインなので、これをどう綺麗に再現するか悩みました…
とりあえず疑似要素を使ってそれっぽくしてみました。
5年前の今頃に作ったテンプレートで、ほとんど修正せずに配布していた化石なので大変でした。
でも時間は前よりかかってない…といいな…!
Flexboxでレイアウトしようか悩みましたが、当然のごとく勉強不足でよくわからないので素直にfloatにしました。
左にメニューがあるレイアウトですが、解像度が小さくなると上に来るようになっています。
問題はその時のメニューが星のせいで押しにくい事です…
z-indexを使うとか色々対策はありましたが、タグが増えるのが嫌でスルーしちゃいました。

リヴリーの素材も配布中です、本当は何色か色を変えたものも配布したいですが流石にそこまで手が回らず(笑)
一押しのワタメだけでもレインボーカラーを配布しようかな?

サーバー変更しました

  • 2018/06/26 03:30
  • カテゴリー:雑記
本館のサブドメインを使っている当サイトですが、本館の縮小運営に従いサーバー費を抑えるために移転しました。
ですがスムーズに作業が進まず、長時間ページが表示できない状態にあったことをお詫びいたします。

ロリポップ&ムームードメイン→さくらサーバ&ムームードメイン
という感じで移行していたのですが、色々なトラブルの他にSSL化が足を引っ張っていた感じです…。
とにかく大変でしたし、ページが表示されなくなった時はパニックでしたがなんとか無事終わってよかったです。頑張りました…!
アドレスは変更するかもと一時的にお知らせに書いてありましたが、閲覧者様に負担がかからないようになんとか同じもので済ませました。
なので今回の移転はURLに変更はございません。
ただ旧アドレス(http://hikageishi.pya.jp/template)では年内には繋がらなくなるのでご注意くださいね。

ちなみにこの日記はfreoというプログラムを使わせて頂いてます。
昔本館でもお世話になった便利なPHPです!
設置も楽でテンプレートいじりも簡単にできたので助かりました。
記事は互換がなくエクスポートできなかったので自力で書き直ししました…頂いたコメントの日付までは再現できなかったですが大目に見て下さい。
フッターの著作権表記は消してもOKとの事ですが、感謝も込めて配布元のサイト様をリンクに追加いたしました。
実は最初はさくらのブログを検討してデザインも合わせたのですが、SSLに対応してない事に気付いて即却下しました!

今日はリヴリーのドット素材をせっせと作っていました。
20180626032509.png←こんなのです。今置いてあるものに黒い縁を書き足しています。
あとは人気で描きやすいと思われるリヴリーをチョイスしてぽちぽち。
しばらくしたら新たに配布します。色はご自由に変えて構いませんので、リヴリーを飼ってる方は是非使ってみてくださいね。

文字コード変更

20180621232054.png

今製作中のテンプレートです。猫モチーフ。
お題の方は見出しのデザインに迷ってるのでもう少し時間かかりそうです…!

 

更新しました。
レスポンシブと記載があるテンプレート全ての文字コードを変更・微調整しました。
手打ちで作業していたので大分時間かかりました、頑張った…!
今までHTML5のメタタグの書き方を微妙に間違えてたので(それも昨日知りました)、恥ずかしかったので直した感じです。

 

WordPressのテーマもバージョンが上がりました、#002をFlexboxでレイアウトし直しました。
他、投稿記事のコメントページにリンクされない・コメントページのレイアウトが崩れるミスを修正しました。

 

Webデザインの勉強を始めたのは結構最近な方で、わからないところばかりなので調べつつ作っていますが、凡ミスが多いので気を付けたいです。
特にメニューの数の増減に柔軟に対応できればいいのですが、デザインを優先するとなかなか難しいですね。
素人が作っているテンプレートなので、お見苦しい所あるかもしれません。その辺りも目をつぶって頂けると幸いです…!
新作の他に過去のテンプレートも少しずつレスポンシブにしていきますね。

 

...

 

...

 

...

 

...

WordPressテーマ修正

20180621231940.jpg

WordPressテーマのWPTemplate002を精査しました。
記事の個別ページにサイドカラムが落ちるミスと、メニューの増減の際にレイアウトが崩れないように修正いたしました。
このテーマをお使いの管理人様がいらっしゃいましたら、お手数をおかけしますがもう一度ダウンロードして上書きをお願いいたします…!

 

また、WPTemplate001の配布を終了しました。
昔Artisteerで作ったものですがレスポンシブにもなってないですし何よりソースが汚いので(笑)、公開終了といたしました。
これからはテーマの制作は地道に手打ちで頑張ります。

 

あとはTemplate#028の配布を始めました。
前回の記事にもありますよう、アンティークもどきのテンプレートです。
今回のテンプレートはメニュー等をFlexboxでレイアウトしています。
いつもfloatを使っているのでなかなか慣れない作業でしたが、かなり便利ですね…!
しっかり覚えてこれから使いたいところです。

 

当サイトのどこかにリンクされている本館でテンプレートのリクエストを行っています。とこっそり告知(?
リクエストと言うよりお題ですね。只今1件お受付しまして、もそもそと製作中だったりします。

 

...

 

...

アンティークな雰囲気

20180621231750.png

新作テンプレートを製作中です!
見出しのしましまテープは自作ですが、あとはアンティークな感じのパブリックドメインの素材を使わせて頂いています。
リボンやテープといったテーマで作っています、配色もどことなく古めかしい感じをチョイスしました。
本当は既存のテンプレートをレスポンシブにする作業をやった方がいいかもなのですが、たまには新作も作りたいですもんね。
配色センスがないので大分色に悩んでますが、頑張って作ってます!
もちろんレスポンシブ対応です。お楽しみしてくだされば幸いです。

 

テンプレート#019と#020を微修正しました。
本当にちょこっと修正しただけなので差し替え等はしなくて大丈夫です。

 

...

 

...

モチベがあるうちに

20180621231649.png

久々の更新です。テンプレートを2点レスポンシブ化しました、#012と#020です。
#020は以前レスポンシブ化した#019を参考にいじったので楽でした。
ついでに#019を微調整しました、とても細かい部分です…
#012は古いテンプレートだけあってレスポンシブ化と修正が大変でした!
メニューの数を変えるとちょっとずれる恐れがあるので、その時はメディアクエリのメニューの値を変えてくださればと思います。
ちなみに古いIEは切り捨てちゃいました。

 

結構テンプレートを使ってくださる方を見かけて、励みとモチベが出たので久々に作業をしました。
延々と作業していたので今はもうすっかり真夜中です…!今日は凄く雷が鳴ってます。
リンクを貼って頂くとアクセス解析でわかるので、こうして使ってくださる管理人様には本当に感謝の気持ちでいっぱいです。
どんな風に素敵なカスタマイズされてるのかな、どんな感じの素敵な作品を載せておられるのかな、と覗くのが大好きなので(蹴)

 

ちなみにひっそり利用規約を更新しました。
CSSにある著作権表記は消さないでくださればありがたいです…!
昔はその記述はなかったので、ないものを使って頂いてるサイト様はどちらでもという感じでご良心におまかせいたします。

 

追記:
翌朝というか早く目が覚めてしまってモチベがあったので、#018をレスポンシブ化しました。
よ、予想以上に時間かかって大変でした…!ひぃひぃ。
無理やりな部分とかありますが、一応形にはなったので公開します。
Firefoxで作ったので後でもろもろチェックしなければいけませんね。
とりあえず今からちょっと寝ます、おやすみなさい。

 

...

 

...

テンプレートのレスポンシブ化

20180621231353.png

HTMLテンプレートの#001、#010、#011、#014、#017をレスポンシブ化しました。
基本的にCSSに記述を加えるだけの変更ですが、HTMLのヘッダー部分も修正してあります。
CSSを差し替えるだけでレスポンシブ化できると思いますが、表示が崩れた場合はHTMLのヘッダー部分を見比べて頂けたらと思います。

 

この調子でレスポンシブ化していきますので、もしこのテンプレートを優先してレスポンシブにしたい!
というお方がいらっしゃいましたらお気軽にリクエストどうぞ。
フレームを使っているテンプレートは疑似フレームに変更する予定です。頑張ります!

 

...

 

...

新作WordPressテーマ

20180621231243.png

WordPressのテーマを1点追加しました。
以前趣味のサイトで使っていたものを配布用に改良したものとなっております。
Theme Checkでチェックして、とりあえず必須事項は修正しました。
手動でぼちぼち打っているテーマなので、お見苦しい所があるかもしれませんがお気に召してくださる方がいらっしゃれば幸いです。
その代わり丁寧さには自信あります!レスポンシブにも対応しております。
WPTemplate001の方は大分古い上にArtisteerで作ったものな上作りが雑です…そのうち非公開にするかもしれません。
今後WordPressのテーマはこういった本館で使ってた手打ちのテーマを配布していこうと思います。

 

ダウンロードの警告ですが、あの後すぐに出なくなりました。
サーバー側の問題だったと思います、設定をあれこれいじってたのでした。

 

...

 

...

Firefoxでの警告

  • 2017/11/19 23:10
  • カテゴリー:雑記

この度サイトのドメイン取得(サブドメイン)、SSL化を行ったのですが、トップページに書いた通りダウンロードする際に警告が出るようになってしまって…(汗)
Chromeはさっき気付いたのと色々調べてSSL化とは関係ないと思うのですが、Firefoxが…
エラーでググってもあまり情報がなくて途方に暮れています。
ウィルス等は一切含まれてませんので、お気にせずダウンロードしてくださいませ。
直ったらまたお知らせいたします。

 

アドレス変更に辺り、テンプレートを修正してました。
主にフッターの著作権やリンクの記述ですね。
とりあえずサクラエディタの一括置き換えを使ったりして001から011まで修正が終わりました…ぜぇぜぇ。
残りはまた時間がある時にやります。
リンクを貼ってくださっている方は気が向いた時にでも変更してくださるとありがたいです。
旧:http://hikageishi.pya.jp/template
新:https://template.hikageishi.com

ページ移動