『WebSite』の最近のブログ記事

AdobeFontsとDiary

ponystoy_diary (2021年1月 9日 17:39) | コメント(0)
自分が好きなWebSiteって何回も見に行ってしまいます。
写真だけをアップロードしてあったり、簡単な文章なBlogだったり。

自分でWebSiteを作っている側から見ても惚れぼれするデザインであり
細かな部分までも、こだわって作り込んでいるのがよく分かります。

おっす！どもっ！

さてさてPONY'STOYのサイトにGalleryページがあります。
そこには、最近、撮った写真をアップして、適当にタイトルを書いています。
そのタイトルのフォントがイマイチ気に入ってないので変えてみました。


CHK!!!

diary_font.png

ゴシック体も良かったんですがね、タイプライター風なフォントに変更です！


今回は AdobeFontsを使っています。Adobe CCを契約していれば無償にて色々な用途に幅広く使用可能です。
使い始める前にプロジェクトの登録とアクティベートが必要となりますが画面の指示にてサクっと完了しますから楽ちんです。

HTMLにてclassを使い書き直そうとしましたがCSSで指定して一括変換でフォントの変更を行いました。
そもそもGalleryページは10頁もあるのでね、CSSで変換が最適で有効に時間を短縮出来ます。

と、上手く言っている風〜なんですが、ここ最近CSSなどHTMLを書いてなかったので少々、時間がかかっちゃいましたね。やはり継続は力なり、確かにそうです。

そしてもう一つの課題があります、、、

このGalleryページだけなんですがリンクのアンダーラインがどうしても消えません。
色々と試したんですがね、一向に消えません・・・
何かのclassが効いてるかCSSのエラーでしょう。

次回はリンクのアンダーラインを強制的に消す方法。など書いてみたいと思います。



adios!!!

BloggerとRSS

ponystoy_diary (2020年5月 6日 15:22) | コメント(0)

最近、サボっててと言うか見ない様にしていて
上手く出来ないと分かっていたのだが

それでもやっつけたく、この連休の最終日に見事にコンプリートしました。

Bloggerで今年から書いているDiaryの新着記事をWebSiteへ表示させるPHPを
やっと理解し、ん？理解じゃねーか。。。

まあ〜なんとか出来ましたので記事としてDiaryに書き残しておこうと思います。

Bloggerの独自ドメイン化にて急に新着記事が表示されない原因はいまだに謎。
おそらくあまり関係ないんじゃないかな。
もともと上手く記事のタイトル、更新日、を出してくれていましたしね。

feedを拾うアドレスが変わってfeedをリダイレクトするアドレスも変わるので
そこ辺りがはっきり構築できたとしたら答えも早かったと思いますね。

スクリーンショット 2020-05-06 13.36.47.png


PHPからhtmlへ内容を出すことが何ともすんなり出来ていてビックリ！
前はエラーばかりで闇でしたから。

ここまで来たら上手くhtmlとCSSで調整になるのでコンプリートもすぐです！

昼飯を食べて一服後にポチ、ポチッと
アップした記事のタイトル。アップした時間。記事へのリンク。
どれも完璧にシンプル・デザインで仕上がりました！！！

やはりBloggerが特殊なのか？相変わらず写真のサムネイルだけ出ません。。。
FeedWindという有料のサービスだとサムネイルも出てますが有料じゃあ使う気ないっすねw！

ここ二ヶ月ぐらい悩んでいたPHP〜なんとか動いてくれました。
フゥ〜〜〜〜〜〜〜


良かった良かった！！！





adios!!!



BloggerとPhoto Diary

ponystoy_diary (2020年4月27日 00:15) | コメント(0)

Lolipopさん、その後なんですがWPのインストールが
未だ完了していないとのことです。

WPへ移行しようと思いましたが
ここの記事は、このままMTで書くことにします。

HamaZoさんで何年も書いていたPhoto Diaryですが
2020年からBloggerさんで描き始めています。

ここ何日間かでBlogのカスタマイズを終えて
残すはCSSを書き足す感じですね。

はい。

だいぶ迷いに迷って完成したTop画面です。

blogger_top.png

今回はMateriapolloさんの無料テンプレートを使わせて貰っています。
関連記事を並べるサイドバーにはBlogger Widgetを使用。
Blogger先輩方の記事を読み、何とかコンプリートしました！

MTやWPのようにテンプレートを書き直すとあまり良い結果にならず
レイアウトを壊し兼ねません〜
まあそこがBloggerテンプレートの難しいところですが
天下のGoogleさんのサービスなのでセキュリティー的に安心です。

うまいことBloggerさんの記事からfeedを拾えたら良いんですが
独自ドメインにしたら何だか上手く行きません。。。

うーーームズッ。。。
なかなか答えに辿りつかないっす。

この連休の中でやっつけたいっすね！
そんな訳でまた次回！



adios!!!



セキュリティとSSL

ponystoy_diary (2020年3月13日 01:09) | コメント(0)
写真はJobsとG3 iMac
懐かしいですね〜

imac_jobs.png

俺が最初に買ったMacです！
G3 iMacのSEです！




さてさて安全ではありません。。。 とSafariのアドレスバーに出没していました。
セキュリティ的に安心ではない。

httpから始まるアドレスよりhttpsが主流になった今。
セキュリティ重視ですね！

WEBにて先輩方の教えを見ながら早速やってみたところ
無事にhttpから始まる公開パスをhttpsで始まるアドレスに変えることに成功しました。 
とは言ってもレンタルサーバーロリポップさんのWEBへ入りポチッとするだけで5分後にはhttpsで公開され始めます。
詳しくはロリポップさんのWEBページに書いてありますのでそちらでググってください。 

そしてここからが本題です。
データーベースにてMTでブログを書いています。
ここの、このブログ。 ブログ設定から、公開パスの編集。 
肝心な最初のhttpの部分が編集できない。。。  

あれ？ 確かここで変更、出来るはず。。。 

と、またここで検索。 
MTブログの大元のシステム設定から公開パスを編集しろとのこと。

薄緑色の見慣れない画面。
公開パス編集をクリック。 あら！フルパスの変更可能。

大元を変えたら後者も公開パスが変わるんだね
ラッキー！

ハイ。
サイトを再構築。でもって確認。 
無事にhttpsになったもののデザインがデフォルトになっている

ヤバっ！
ssl.png
でも何だか懐かしいデザインにインストールした当時を思い出して笑笑。 

このデザインでも良いかも？みたいな余韻に浸ってましたが良く見ると
ここのブログタイトルのブログも別にある。 そこに入りサイトを表示。 
ちゃんと今まで書いた記事が見れてる 見れてるけどデザインは崩れまくりで少々焦った。 

うーん？
自分が書いたCSSを読み込んでないらしい まっ良いやと、サイト全体を再構築。

お！ デザイン戻ってる。
アドレスバーで確認すると ちゃんとhttpsから始まるアドレスで公開されている。
iPhone用のサイトへ飛ばす部分を書き直して再度、再構築。

無事に、作業終了！！！
後でrssやfeedを拾ってWEBへ表示させるPHPを少々、書き直さないとです。
一連のこの作業で３０分くらいだったかな。

変更前。
IMG_0279.JPG

変更後。
IMG_0280.JPG

こうなるとまた色々と気になり始めています。

このブログのフォントを変えたくなりました。
その記事は、また次の機会にでも！





adios!!!

websiteとマイナーチェンジ

ponystoy_diary (2020年3月 5日 11:45) | コメント(0)
新しくPhoto DiaryをBloggerにて描き始めています。
Macなネタな記事は、このままここで書いていきます！

さてさて、
Pony'sToyのwebsiteも地味にマイナーチェンジさせました。
スマホからの見た目は前と変わってないですが
PCから見た感じは、だいぶ変わりましたね。

web_2020.JPG

左右〜2カラム的な見せ方に変えてみました。

なかなか良い出来栄え！

相変わらずFBのブログパーツは不自然な動きをしていますね。
widthの設定が上手く効きませんね。

インスタのハッシュタグ#の拾い方も、何とかせねば。です。
有料のパーツを組めば事は簡単なのですが
そういうの好きじゃないので。




adios!!!

2017.06.07.CSSと間違い探しw.!!

ponystoy_diary (2017年6月 7日 17:13) | コメント(0)
お久しぶりな記事です
WebSiteを何回も構築し続けてきましたが
今のところ　何とか落ち着いている風。
時間を見ながらデザインの変更も考えて行きたいです

で、本題に入りますが
このDiaryはレスポンシブでなく
スマホ用に別のテンプレートを組んで
PCかスマホ？かで振り分けています。

長い時間、放ったらかしだったんですが
スマホサイトのレイアウトが崩れてまして
その原因が分からず、だいぶ分からずで
少々、投げやりな感じでした。

それが先程、無事に解決しレイアウトも崩れず
ちゃんと動き始めました。

原因はCSSの文字が一文字だけ足らなかった訳で
まあ〜長いCSSの文章をずっと目で追いながら
間違いを見つけた時はガッツポーズ！！！

あ〜これでスッキリ！！！
IMG_1883.JPG
間違い探しも楽じゃないねw




adios!!!



2016.01.18.instgramとPhoto.!!

ponystoy_diary (2016年1月18日 16:31) | コメント(0)
instgramへの投稿が増えてます
#ponystoyの写真を自動でピックしてWebSiteへ表示
そう言えばインスタって写真をタップしても保存が出来ないですよね

そしたら便利なサイトありました
これです〜♬ INK 361
IMG_6698.PNG



ログインすれば写真保存もサックサク！！！
IMG_6699.PNG






adios!!!


2015.09.17.ContactとForm.!!

ponystoy_diary (2015年9月17日 13:56) | コメント(0)
何かイジってたらエラーが続出。おいおい触らなかった方が良かった。
これだからCGIモロモロの設定って難しい500 ERRORばっかです〜
CGIファイルへのパスが違ってるって意味のエラーだけどこれがまた合ってるんだよなあ〜

マジ悩む。

一晩、寝てみてさっき解決しました！ついでに問い合わせフォームも少し変えてみたよ！
foem_site.png
件名もボタンにしてみました

ライブ予約してくれたけどエラーがあって返信メールが来なかった方々も居たと思います。今回のアップデートで完璧に直ったので引き続き宜しくお願いします〜♬




adios!!!

2015.07.07.instagramとWidget.!!

ponystoy_diary (2015年7月 7日 20:54) | コメント(0)
七夕は雨から曇り空ですな無事にApple MusicとiTunes Matchの設定を終えて久しぶりにWebSiteをイジってました。

最近、facebookよりinstagramが楽チンでハッシュタグ#ponystoyを拾って上手に簡単にWebSiteへ表示、出来ないか模索してたところこんな瞬時にコンプリート的なパーツを発見！！

これ、なかなか良いです。余分なリンクも無くスッキリでシンプルで、もってこんな感じに完成！！
sna_ins.png
Jsファイルを使って構築しようと考えてたが超簡単に出来たのでこれでヨシとしようと思う〜♬
そういえばfacebookのLikeボタンも仕様変更あったぞ困ったもんだな ┐('～｀；)┌





adios!!!

2015.06.01.You TubeとFeed.!!

ponystoy_diary (2015年6月 1日 11:10) | コメント(0)
またYou Tubeさんが何かを変えたFeedから取得してたデーターが表示されず
手間ばかり掛ってしまうじゃんかよー！

動画アップロード・ページはFeedから更新要らずで自動だったのにねいきなりこんな感じなのが出てますよ。。。
youtubedevi.png

You Tube APIが、、、どーたら？こーたらで、、、
探ってたら同じような悩みの方も多く解決策も見つけれてラッキーでした。

参考になったサイトです。

ふう〜助かった。



adios!!!

2015.02.28.GoogleMapとCSS.!!

ponystoy_diary (2015年2月28日 10:57) | コメント(0)
何だ？おいおいいきなり地図がバカ大きくなってる
map.png
GoogleMapの埋め込み<iframe...仕様が変わったのか？

map2.png
いや？変わってない...とりあえずググってみた。

なるほど新しいGoogleMapってのが出来てるみたい。

早速、ログインして作ってみたが何か上手く出来ない...今まで通りの地図を表示させよう

そこで思い出した<iframe>を<div>で囲ってCSSを当て込むこれでサクっと問題解決でした。
map3.png

YouTubeの<iframe>タグを埋め込む時に作っておいたCSSが役立った。

それにしても新しいGoogleMapの作り方が分かりません




adios!!!


2015.02.04.display要素とCSS.!!

ponystoy_diary (2015年2月 4日 16:11) | コメント(0)
スマホサイトを作っていてliでメニューコンテンツ作って書いてある文章にだけlinkしてて 押しづらい時ありますよね 

せっかくなら余白どこを押してもlink先へ飛べる感じ... これ必須です。
li a { display: block; width: 100%;} 
たったこれだけで出来るなんて オドロキでした！！ 

正解か？分からないが出来てるからいいんじゃないかなあ？と思う。
IMG_2589.PNG





adios!!!

2015.02.01.CSSと辞典.!!

ponystoy_diary (2015年2月 1日 01:03) | コメント(0)
何年くらいだろうCSSで困ると開く本。 分かってるけどmarginとかの指定でmargin: 10px 5px 3px 6px; どこが上で右か左か下か... 毎回悩む... 

後、widthは書けてもheigjtが 毎回、hightって書いちゃうrightもreightって書きたくなる

.titleなんかもついつい class="tittle"ってね

まだまだこの本が活躍するだろう
IMG_2546.JPG 





adios!!!

2015.01.27.WebSiteと引っ越し.!!

ponystoy_diary (2015年1月27日 22:11) | コメント(0)
もう〜リダイレクトのプログラムとか使って簡単に済まそうと思ってました。

いや〜考えが甘ちゃんだった。。。リフレッシュタグで今まではオッケーだったけどどうもサイトアドレスが変わるのが気に入らなかった。

なんとか元と同じアドレスで新しいWebSiteが動き始めました！！

ちなみにアドレスです。

このMTで書いてるブログはPCとスマホを振り分けしてます

新しく出来たWebSiteは自動可変型？的な作りになってます

なのでPCサイト、スマホサイトと別々に更新しなくても済むっていう素晴らしい利点があるんです！！

MTじゃなくWPがその変は楽だと思いますが...なかなかMTユーザーから抜けられない感じです。

このブログもマニアック過ぎてあまり読まれてない気がバリバリするけど〜まあイイや ρ(・ω・、)イジイジ

website.png


website04.png


website03.png



website05.png





adios!!!



2011.03.09.GoodJob.!!

ponystoy_diary (2011年3月 9日 14:30) | コメント(0)

またしても完成っす！！！

やっと納得が出来るGalleryPageが仕上がりました。

今度のも、イイに〜♬

こんなトップから始まるんだねえ。。。



タブ的な取り組みもJqueryを使って、やっつけられたっけ！！！

g.png

これからも、更新が楽しみになるGalleryPageです。

少々、バグがあるかも？知れませんが、、、

まあ〜しばらくは、これで見てやって下さい〜♬







adios!!!

2011.03.07.JqueryScroll.!!

ponystoy_diary (2011年3月 7日 17:55) | コメント(0)

GalleryPageが出来上がった。

各ページでファイルを作って仕上がった訳ですが
何かこう～イマイチだった

管理し易い様に各ページに分けた訳だが
更新する度に各ページごとアップロードが必要になる
上手い事、良いアイディアないかとネットで調べてたら
またしても偶然、見つけちゃった。

それがタブ的なJqueryを使ったScrollだった。
これならイケると思い、またしてもカスタム開始！！！
出来上がりまで、またMacと格闘っすよーーー！！！

上手く出来上がったら即アップしますんで、お楽しみに～♬



7B27C62B-7584-4C04-9991-E98A4CAF064D3.jpg


adios!!!



2011.03.03.Shadow.!!

ponystoy_diary (2011年3月 3日 21:35) | コメント(0)

WEB SITEを作りつめていくと

何らかの壁にブチ当たる〜

出てきた壁をやっつけて、また出て来た壁を
やっつけては、続く難問の連続！！！

でも偶然にも新しい裏技的な部分にも触れられる事が多い

今回もGalleryPageを作ってて見つけた技。

Windowsを使ってる方々に馴染みは、もしかしたら
ないかも知れないが

MacってWEB見ててもフォントがキレイだったり
細かい部分がより鮮明にWinより見えてて

だからこそ、こだわる作り方。しちゃうんだよWEB SITEを

そんな訳で。。。
簡単にドロップシャドウ的なCSSを見つけたっけ

01.png

この写真のサムネイルの裏側の影がそうなんだけど
今までは、無理矢理つけてたが

今回から、こんなにさり気なく付けれる様になった！！！
しかも、ほんの数行の命令でね

なのでPONY'S WEB SITE、DIARY PAGE共に
CSSを書き換えてみた。。。

出来上がってきた感が増す、仕上がりに満足な笑みな俺〜♬

アップした写真も〜

02.png

素晴らしい〜影♬

これで、またMacに座りたい病的な時間。
増えちゃいそうだ！！！

MacBookProもグゥ〜ンってお買い得になった事だし。
iPad2も出た事だし。。。
みんなAppleのPC使えばいいのにねえ〜〜〜！！！








adios!!!


2011.02.27.MorePhotoGallery.!!

ponystoy_diary (2011年2月27日 15:45) | コメント(0)

どうなってるんだろう？

出来上がったGalleryPageなんだけど

何だか、気に入らないんです。。。

そんな訳で、今度はマジでシンプルに作り上げてます

。。。そこまで追求しなくてもねえ〜

チラ見せ的な感じ〜♬

photogallery.png

とっても作ってて落ち着くのは、何でだろう〜

きっと、こっちの方が俺らしいデザインなのか？

出来上がる頃は、またゴチャゴチャしてたりしてね。。。







adios!!!

2011.02.24.CSS.!!

ponystoy_diary (2011年2月24日 19:05) | コメント(0)

今回はGalleryPhotoPage作成にあたり。。。
CSSで新しい試み的な挑戦っていうか
自分のスキルアップっていうか、かなり勉強になったよ！！！

新しい使い方で構築、出来たこのPageは
俺的にかなり大満足です！！！

マジでCSSって楽しいですよ～♬
コイツは、止められんぜーーー！！！

知らない内に、ドンドン進化してるんだねえ～
面白くってMacに座る時間がまた増えそうだよ。。。

そうすると来る睡魔との闘い
今この時間帯が眠くて、マジで眠くて、、、
カウンターの中で立ち寝入りしそうなのです～♬

ふぅ～目を覚ます為に一服。一服。

642421C7-05B3-4DA2-A56C-BA15CB6258283.jpg

キャンドルの揺れ具合が眠りを誘うんだけど？




adios!!!


2011.02.23.Completion.!!

ponystoy_diary (2011年2月23日 03:22) | コメント(0)

Gallery Pageが公開となりました。。。
iPhoneで見れなかった不具合も、、、
最終的にサムネイルの枚数を限定する形で適応！！！

いきなりでVol.1とVol.2となってしまった。

デザインもドロップシャドウなど、加えて変更～♬
こんな感じで出来上がったよ！！！

gallery_good.png

どうでしょうか？

このBOXの優れている所は、、、
フォルダを二つ用意して写真のサムネイルと元写真をそれぞれに
サクサク入れるだけの優れモノ！！！
なのでHTMLで写真を一個、一個書かなくても良い所～♬
今後、写真が増えても番号順で写真さえ作れば
即サイトに表示してくれるんです！！！
マジで手間いらず～♬
まあサムネイルをトリミングする作業はあるけど
それ位は全然、オッケーだね

そんな訳で、みんな見てみてねえー！！！





adios!!!


2011.02.04.Construction.!!

ponystoy_diary (2011年2月 4日 21:04) | コメント(0)

風邪で寝てる間、色々と考えてて。。。
あ～あそこを、あ～しようとか、こうしようとか、、、
そんな事って意外と忘れがち。。。
あ、そうだったって思い出して構築！！！

12周年のフライヤーポスター。
PONY'SのWEBSITEのトップに貼り付けて、Diaryのサイドバートップにも貼り付けて

何をしたかったか考える感じは、これからも続くのです！！！

継続は力なり？
きっと、そうだと信じて
カスタマイズは続く～♬

600DEF84-60D1-4B22-89B3-F8D0B3A262EE2.jpg

PONY'STOYも12周年を迎えます。


adios!!!




2011.01.23.GoodMorning.!!

ponystoy_diary (2011年1月23日 09:00) | コメント(0)


なんだか朝方頃って。。。今なんですが
急に目が覚めて来てね

昨日、断念してしまった事をもう一回やってみました。
そしたらサク〜サクって出来てきて

あらまあ〜〜〜♬ってな感じです！！！

Twitterとかでお馴染みの写真管理サイト
Flickrで今までアップしたDiaryのPhotoを公開しちゃってみようかと？

そんな訳で、、、
Diaryのトップページの下の方でLINK作りましたから
見てみてね〜♬

ほい〜〜〜
IMG_2028.jpg
写真はクリックで送りも出来るしねえ〜スライドショーも出来るしねえ〜♬
カテゴリー分けも出来て、、、素晴らしいっす！！！
ジャンジャン写真をアップしたらブログパーツ的なモノも作れるしねえ
少しだけCSSの知識が居る場合もあるけど
レイアウトにこだわらなければ、そのままでもオッケーよ！！！

そんな訳で、、、Flickrさんに感謝っす！！！

やっぱ眠くなったので二度寝しまぁーーーーーーーーす！！！









adios!!!

2010.01.22.DanNen.!!

ponystoy_diary (2011年1月22日 12:58) | コメント(0)

うううううう
やっぱし、まだまだ俺には出来ない事が多過ぎ～！！
一つ、一つやっつけてきたけど
どうにも、ここらで完成形って事らしいっす！！！

うううううう～
自分のスキルがアップしたら
再度、アップしたら再、再度挑戦してやるぞーーー！！！

あ～今夜は久しぶりに呑んじゃおう。。。かな？


IMG_5906.jpg


adios!!
« Softwaer | Top Page | Archive Page | wordpress »

Search

Category

Archive