Websiteの最近のブログ記事

Website編集小技の覚書き その4【No.12 複数ブログの全カテゴリを記事数の多い順にソートして表示する】 前記事(その3)と併せて、TOPページからのカテゴリ ナビゲーションが分かりやすくなりました。 【AIは便利な道具に違いないが・・・】  ATNO対象のDXペディションが全くwkdできないので、久しぶりにCMSをいじくっています。(泣)  Websiteトップページに、全ブログのカテゴリを一覧表示するように手直ししたいと思います。  相変わらずのネット検索頼みですが、これ...>> 続きを読む
 Website編集小技の覚書き その3【No.11 MT用プラグイン「MTEntryPrevNext2」】 メインカテゴリが同じ記事同士で、<<前の記事|次の記事>>ナビゲーション 【ブログ記事の詳細テンプレートの修正】  Movable TypeのデフォルトのMTEntryPrevious/Nextというタグで、「前の記事|次の記事」を作っていたのですが、同じカテゴリに所属する記事でなくても働くため、いつのまにか別のカテゴリ繋がりの記事を「前へ/次へ」していました。  分かりづらい...>> 続きを読む
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にも対応する...>> 続きを読む
Website編集小技の覚書き その2【No.6~No.10】 ネット上の真似事ですが 【まとめ目次 その2】 【No. 6】ブラウザの翻訳ボタン 【No. 7】テキストエリア表示 【No. 8】背景画像をブラウザいっぱいに表示 【No. 9】投稿記事に新着マーク"NEW!"を表示 【No.10】画像を別窓で大きく表示-FANCY BOX使用 【No.6】ブラウザの翻訳ボタン   Windows10にアップグレードしたときに標準ブラウサ...>> 続きを読む
Website編集小技の覚書き その1【No.1~No.5】 ネット上の真似事ですが 【まとめ目次 その1】 【No. 1】"CSS"でウェブページのトップへ画像を貼る 【No. 2】MovableTypeのテーマ一覧にサムネイルを貼る 【No. 3】ブログ記事に<<前の記事|次の記事>>を付ける 【No. 4】サムネイルをマウスオーバーで拡大表示(絶対中央配置) 【No. 5】ブラウザキャッシュの強制読み込み 【No.1】"CSS"でウェ...>> 続きを読む
新しいウェブサイトの立ち上げ その7【サムネイル記事リスト】 サムネイル画像&記事リスト 【thumbnail_entry_list】  MovableType標準のメインページ(インデックスページ)では、テンプレートで表示記事数(デフォルト10P)を指定し、最新の記事から連続して表示します。  前記事(その6)では、過去の記事が埋もれてしまわないようにページ分割を行いました。  その際、標準のままではページそのものを表示するため、ものすごく縦長のメインペ...>> 続きを読む
新しいウェブサイトの立ち上げ その6【プラグイン】 ページ分割 【PageBute】  MovableType標準で、記事を表示するパターンはいろいろあります。  メインページ(インデックスページ)では、テンプレートで表示記事数(標準10P)を指定し、最新の記事から連続して表示します。  このほか、「カテゴリアーカイブ」「月別アーカイブ」「最近のブログ記事」があり、指定した記事数が最新の記事から連続して表示されます。  ここに少し問題があります。 ...>> 続きを読む
新しいウェブサイトの立ち上げ その5【Safariは優れもの-3】 開発者用メニュー 【ユーザーエージェント】  以外に知られていない(田舎のラジオ少年だけ)のが開発者用メニュー。  ブラウザメニューの「開発」をクリック。  次に、プルダウンの「ユーザーエージェント」をクリック。  すると、見たことのあるブラウザ名が複数表示されます。  そうです、Safariブラウザがインターネットエクスプローラなどに早変わりするのです。    サイトの表示確認はひとつのブラウザ...>> 続きを読む
新しいウェブサイトの立ち上げ その4【Safariは優れもの-2】 resource 【css・html・image】  ページを構成するリソースも数多くあるので、それぞれを正しく配置するのは田舎のラジオ少年にはなかなか大変な作業です。  別々のツールを立ち上げて内容を確認していたことを、Safariブラウザひとつで出来るのです。  最近ではスタイルシートも1ファイルで収まらず複数にまたがります。  本サイトも3つのcssファイルが存在しますが、左列のリソース表示...>> 続きを読む
新しいウェブサイトの立ち上げ その3【Safariは優れもの-1】 リアルタイムに修正 【style】  これまで、スタイルシートのコードや設定の確認・編集には、別々のツールで複数表示で見比べるなど非常に使いづらく手間取っていましたが、今回は、田舎のラジオ少年に強力な助っ人ツールが見つかりました。  とはいっても、皆様にとっては当たり前のことだと思います。(多分)  それは、アップルのブラウザ「Safari」の機能です。(なーんだ)  各種リソースがリアルタイムに...>> 続きを読む
新しいウェブサイトの立ち上げ その2【移行作業完了】 ブログの引越し作業完了 【MovableTypeのカスタマイズ】  これまで無料のブログを使用していましたが、このほどサービスを終了するとの通知がありました。  独自ドメインが無料で広告も入らないので使いやすかったのですが止むを得ません。  新しいサイトを立ち上げなければなりませんが、これまでと同じURLにしたいので、独自ドメインを取得し、レンタルサーバーを借りました。  ということは、ブログサー...>> 続きを読む
新しいウェブサイトの立ち上げ その1 【ブログの引越し】 ブログの引越し作業中 【無料ブログサービス終了】  これまで無料のブログを使用していましたが、このほどサービスを終了するとの通知がありました。  独自ドメインが無料で広告も入らないので使いやすかったのですが止むを得ません。  新しいサイトを立ち上げなければなりませんが、これまでと同じURLにしたいので、独自ドメインを取得し、レンタルサーバーを借りました。  ということは、ブログサービスを利用する訳...>> 続きを読む
CMSに挑戦 その7 【CMSスマホサイト】 飛騨市の公式観光サイト『飛騨の旅』にスマホ版が誕生 【ガイドブックなしでもラクラク旅ができる】  飛騨市は、9月3日にオープンしたPC版サイト『飛騨の旅( http://www.hida-kankou.jp/ )』のスマホ版を10月1日にリリースした。  【左記QRコードによりスマートフォンでどうぞ】  PC版『飛騨の旅』に掲載した観光スポット・イベント・店舗・宿泊施設の情報はすべて自動的にスマホ...>> 続きを読む
CMSに挑戦 その6 【CMSサイト】 CMSによる観光サイトが全面リニューアルオープン!! 【FLASHコンテンツからのアクセス誘導】  微力ながらお手伝いをしてきたCMSによる観光サイトが全面リニューアルオープンした。    どれだけでも見てもらえるようにと、別のウェブサイトのトップページにFLASHコンテンツを設置。  FLASHには透明ボタンを作成し、新サイトへのLinkをはった。  今回はCMSやFLASHの作成の話ではなく、...>> 続きを読む
CMSに挑戦 その3 【Style Sheet】 スタイルシートに挑戦 【スライドショーもどき】  ヘッダー画像―1は、キュビカルクワッドの全景を右側に、マッチング部分を左側に、そしてセンターにはアンテナ測定器3種類を配置してみた。  ヘッダー画像―2は、リミッティングアンプの内部を右側に、若かりし頃に自作した真空管終段部を左側に、センターにはJST−135のプリント基板を背景にしてオーディオ帯域の調整に使用した2トラ38のオ...>> 続きを読む
CMSに挑戦 その2 【Style Sheet】 スタイルシートに挑戦 【ヘッダー画像変更 & 近況報告】  無線のアクティビティが下がりっぱなしで、ブログの更新からとんとご無沙汰している。  数少ない当ブログの読者?から、田舎のラジオ少年は生きているのか、という声が風の噂で聞こえてきた。  還暦を迎えた田舎のラジオ少年は、晴耕雨無線という生活にはなかなか入れない。  高齢の母が左大腿骨を骨折してから在宅介護をしているのだ...>> 続きを読む
Gifu. JST: