Websiteの最近のブログ記事

JA2PTQ WebsiteをSSL化 その2【https MovableType対応】 最新ブラウザはHTTP接続(非SSL)をブロック 【混在コンテンツの解消】  ネット記事を検索してみると、各ブラウザ共、以前よりも混在コンテンツへの対応は厳しくなっており暗号化されていないHTTP接続(非SSL)を根絶していく方針の様です。  世の中の流れに置いて行かれないように、何としてもJA2PTQ Websiteを常時SSL化しなければなりません。(汗)  レンタルサーバーの基本...>> 続きを読む
JA2PTQ WebsiteをSSL化 その1【セーフ ブラウジング】 http:// このサイトへの接続は保護されていません 【https:// このサイトへの接続は完全には保護されていません】  以前より自分のウェブサイトのURL左側に「保護されていない通信」と表示されるようになり気になっていました。   三角マークをクリックすると「このサイトへの接続は保護されていません」という警告が出ています。  そうは言ってもSSL化の方法が分からないので、そのままにしてい...>> 続きを読む
JA2PTQ Websiteをスマホ対応 その6【mt:EntryExcerptタグの代用】 検索結果の概要文字数 【スタティックとダイナミックパブリッシング】  スマホ対応を進める中で「検索」は非表示にしていましたが、全体の形が見えてきたのでPC表示のみ再レイアウトしました。  早速検索機能のテストをしてみます。  実行する前に、投稿設定で「表示される記事数」と「概要の文字数」を極端に小さくし、検索テンプレートに反映するか確認します。  検索を実行してみると、やっぱりというか概...>> 続きを読む
JA2PTQ Websiteをスマホ対応 その5【スクロール位置に連動して表示される「トップへ戻る」ボタン】 スマホ表示は縦に長~い 【スクロール量を判定して、ボタンの表示・非表示を切り替える】  スマホで表示すると縦に長~いページになってしまいます。  情報発信する側としては最後まで見てもらいたいのは山々ですが・・・、読者側にすれば、トップへ戻るボタンは欲しい所です。    記事ページの最下部に>を付けていますが、スマホの場合は、もうひと工夫必要です。  トップページの画面には表示し...>> 続きを読む
JA2PTQ Websiteのスマホ対応 その4【 スマートフォン横回転時の表示】 デバイスの画面サイズ及び縦横を判別 【縦はスマホCSS:横はタブレットCSS】  見よう見まねでスマホ対応を進めてきましたが、スマホならではの「フリック:スワイプ」横スクロールメニューも動くようになり自己満足していました。  ところが、スマホ本体を横回転すると見事にレイアウトが崩れています。(汗!!)    例によってネット検索すると、「デバイスの画面サイズ及び縦横を判別」し、CS...>> 続きを読む
JA2PTQ Websiteのスマホ対応 その3【HTMLとCSSで横スクロールメニュー 】 見よう見まねで、何とかする 【スマホならではの「フリック:スワイプ」スクロール】  スマホ表示ができるようになったので自己満足していたのですが、もう少しやってみたいことがあります。  スマホといえば指一本での画面スクロールですが、やはり横方向への「フリック:スワイプ」スクロールができるようにしてみたいものです。  以前はプラグインやJavascriptなどが必要で敷居が高かったのですが、ネ...>> 続きを読む
JA2PTQ Websiteのスマホ対応 その2【スマホ表示用スタイルシート 】 Chromeデベロッパーツール 【CSS コード】  PC用とスマホ用CSSの切り替えができるようになったので、本命のスマホ用CSSを作らなければなりません。  一から作る技量はないのでPC用CSSのコピーを基に修正していきますが、年老いた田舎のラジオ少年には強い味方があります。  Googleクロームにはデベロッパーツール(要素の検証機能)というびっくりするくらい便利な機能が備...>> 続きを読む
JA2PTQ Websiteをスマホ対応 その1【レスポンシブWEBデザイン】 「meta viewportタグ」「@mediaクエリ」 【スタイルシートで、PC用とスマホ用CSSを切り替える】  本ウェブサイトは、MovableTypeの付属テーマのテンプレートをカスタマイズしてPC表示していますが、スマートフォンが主流となった昨今、PC表示だけでは時代遅れとなってしまいました。  以前から何とかしたいという気持ちはあったのですが、スマートフォンにもPCにも対応する...>> 続きを読む
レンタルサーバ移行 その7【サブドメインからwww.ja2ptq.jpへ移植】 データベースの構造 【デザイン変更は宿題】  これはサブドメインでテストしたDB2の構造ですが、MT5の時と構造が変わっています。  無事にMovableType7が稼働したので、今度はwww.ja2ptq.jpへ移植しなければなりません。  DB2からDB1にデータをコピーするのですがレンタルサーバの制限によって一度にできません。  そこでDB2を「構造」「mt-templat...>> 続きを読む
レンタルサーバ移行 その6【MovableType バージョンアップ】 もうひと踏ん張り 【サブドメインで試行】  新しいレンタルサーバで無事にJA2PTQブログが稼働しホッとしているところですが、今使っているCMSはバージョンが古くMovableType5のままです。  もっと早くバージョンアップしなければいけなかったのですが、なかなか大変なことなのでほったらかしていました。  ここに来てサーバ移転の余勢を駆って、もうひと踏ん張りしようと思いま...>> 続きを読む