10年以上ぶりにPukiWikiをいじっているんですが、昔の情報は豊富にありますが最近の情報が乏しいですね。 PukiWikiの全盛期は、Nginxが誕生したばかりでしたので仕方ないのかもしれませんが。 PukiWiki […]
IT実践
PukiWikiのURLをNginxで正規化【index.php非表示】
canonical
ICT実践記事
- VMware Workstation Player 仮想マシンの複製【簡単3ステップ】
VMware Playerでテスト環境用に構築した仮想マシンを複製しておきたいと思いネットで調べたところ、なんだか少し面倒くさそうに書いてある記事が多かったのですが、3ステップの簡単操作で出来ましたのでメモしておきます。 VMware仮想マシンの複製【3ステップ】 【ステップ1】ワーキングディレクトリ（ゲストOSフォルダ）の複製 VMware Playerは終了しておきます。 ゲストOSがサスペンド状態であれば、その作業状態のまま複製されますが、ネットワーク等の初期化のために後で再起動する必要があります。なるべくゲストOSはパワーオフの状態にしておいたほうが良いです。 【ステップ2】.vmxファイルのdisplayNameを変更 コピーしたフォルダの中にある拡張子がvmxのファイルをテキストエディタで開きます。 この作業をしないでも問題ありませんが、同じ仮想マシン名が複数あると自分自身で区別がつかなくなりますので末尾に数字を足す等の変更をしておきます。 【ステップ3】VMware Playerで仮想マシンを開く 新しく作成したフォルダにある.vmxファイルを選択します。 VMware Workstation Player上での各種OS動作報告 ichmyさんの「VMwareで遊ぼうのこーなー」というコンテンツがおすすめです。
- シルバーハッカー世代がやってくる。時代はVGA。
Webコンテンツの制作をするにあたって、Internet Explorer／Google Chrome／Firefox／Safariといった主要ブラウザに加えて携帯電話での表示も乱れないようにと、クロスブラウザ対応に多くの時間を費やしてきました。 その後HTMLの文書構造が重要視されるようになり、テーブルタグを使ってページレイアウトをすることも減り、またフラットデザインというシンプルなデザインが好まれる風潮になり、クロスブラウザ対応もだいぶ楽になりました。 さらにスマホやタブレットが急速に普及したおかげでレスポンシブデザインが主流となり、構造化されたHTMLとメディアクエリを書いたCSSで多くのブラウザに対応できるようにもなりました。 さて前置きが長くなりましたが「今後何を基準にレイアウトを決めようか」と悩む出来事がありました。 下記をご覧ください。このサイトの記事です。 見る人の設定次第で表示は大きく異なる どちらも同じ記事です。 1枚目が私の見ている環境、2枚目が一般的な表示環境です。 このコンテンツは「WordPress」＋「海外のテーマ」を1時間程度の簡単なカスタマイズだけ施したものですが、パソコンから閲覧する際に、Windowsやブラウザのフォントサイズを巨大化させているのを忘れていました。 数年前から近眼なのか年のせいか、小さい文字が非常に疲れるんです。 高解像度ディスプレイは人間の目の限界超え 時々訪問先で「文字が小さくて」という話を耳にするのですが、拡大表示設定などをすると、文字がぼやけてしまいとてもお勧めできるものではありませんでした。 XGA（1024 x 768）がまだ出たてのころ、とある会社の社長デスクの設定を行った際に、VGA（640 x 480）にしたらとても喜んでもらったことがありました。内心（「もったいない…」）と思っていましたが。もう文字滲みまくり。 若い人は解像度が高い＝多くの情報が表示できるというのを好みましたので、設定で文字を大きくするような人はあまり見かけませんでした。 しかし最近はディスプレイの解像度が高くなりすぎて、そのままでは非常に小さい文字となってしまうため、OSやアプリによる拡大表示機能が充実してきています。 でWindowsデスクトップを表示するとこんな感じ。アイコンちっさ。 パソコン爺婆があなたの周りにも […]
- 偽サイトに嵌って防衛手段を検証する
公開しているメールアドレスは、最近トレンドなフィッシングメールをピックアップで紹介したように、フィッシングメールが毎日山ほど届きます。せっかくなので訪問してみました。 フィッシングサイトに嵌ってみました 最近のブラウザはデフォルト設定で注意喚起してくれます。 Chromeの場合 Firefoxの場合 Firefoxのほうがキッパリと言い切っていてかっこいいですね。 どのブラウザも、うっかり誤クリックで進んでしまわないように「無視して進む」というボタンが無いインターフェイスになってますが、頑張って先に進んでみました。 仮想PC・ブラウザをプライベートモード・LAN切り離し・IPアドレス変更等を行ったうえでの検証です。アクセスするだけで様々な情報を抜かれる恐れがありますので、安易に先に進むようなことはしないようにしてください。 APPLEっぽいサイトが表示されました。 一見APPLE公式のように見えますが、中央の入力フォーム以外はリンクすらされていない張りぼてです。 ですが疑いの目を持って見ない限り、偽サイトだということに気づかないと思います。 フィッシングサイトの見抜き方 騙されないためにはアドレスバーに表示されているURLをよく見てください。まずこの習慣をつけましょう。 見るのは最初に現れるスラッシュ「/」よりも左側です。それよりも後（右側）は一切気にしないで大丈夫です。 http://cert-protection-account-appleid-apple.com ブラウザによっては cert-protection-account-appleid-apple.com とhttp://（またはhttps://）が省略されて表示されます。 以下のような場合にはさらに注意が必要です。 apple.example.com/rmd_nid_vcss… google.example.com/rmd_nid_vcss… ドメイン名「example.com」の前にドット「.」が入っている場合、それより左側はドメインの保有者が自由に好きな文字を設定できるサブドメインと呼ばれます。 一番最初に知っている名前が入っているからといって絶対に信用してはいけません。 itunes.apple.com これはitunesがサブドメインですが、その右側を見るとドメイン名がapple. […]
- Web開発や効率が良いブログ記事執筆の環境構築の参考に
上の画像は実際に私がWeb関連の開発やブログ記事を書く際の、画面レイアウトをキャプチャした画像です。これらをフリーソフトのランチャーを使って瞬時に配置できるようにしてあります。 Web関連の作業をする際には、php・JavaScript・HTML・CSSなどをテキストエディタで書いてサーバにアップロードするという流れになりますが、私の場合は基本的にフレームワークは使っていません。 ディスプレイ 1920 × 1080のディスプレイを左右に2つ配置 以前はメインディスプレイの左右に1枚ずつで3画面構成にしていましたが、主に使うのは2つに限定されて、さらに故障の頻度が増えて手間とお金がかかるのと、スペース的にも無駄が多いため、現在は2画面で落ち着いています。 ウルトラワイドモニターはまだまだ高いので…。 ちなみに（ウルトラワイドモニター以外の）1画面構成でWeb開発やブログ等の記事作成を行っている方は、安いディスプレイでも良いのでデュアル環境にすることをお勧めします。作業効率が圧倒的に向上します。 その際は左右に設置できるスペースの確保を。上下の目線移動は思っている以上に首が疲れます。 サーバ・Web開発で使う主なソフトウェア FileZilla 秀丸エディタ Chrome Explorer RLogin バックグラウンドでPhotoshop FileZilla 左側ディスプレイ ローカルとサーバでのファイル転送に使います。 テキストファイルの変更においては、サーバファイルを直接書き換えるという運用も考えましたが、ローカル環境にもファイルを残しておきたいのと必要なファイルだけをサーバに設置したいので、この方法に落ち着いています。 昔はFFFTPやNextFTPを使っていましたが、10年以上前にFileZillaを知ってからは一筋です。 オーバーヘッドが少ないのか、容量の小さいファイルを数多く転送する際に感動するほど早かったというのが当時の印象です。 FTPクライアントとして使っていましたが、今はSFTPクライアントとして使っています。 別のクライアントを使っていた時には、数百～数千ファイルを転送すると、時々転送されていないファイルがあったりしましたが、FileZillaではそういったことは一度も記憶にありません。 ファイルをダブルクリックすると外部エディタ（テキス […]
- WordPressのTheme（テーマ）選びは大切
紺屋の白袴とでもいいましょうか、いろいろと問題の多いOneToneというWordPressテーマを当コンテンツでは使用しています。 一般的なサイトでの使用はおすすめしません。 私がOneToneを選んだ主な理由 このテーマを使う以前は、ホームページ全面にFlashを多用したコンテンツとなっていて、早急な改善の必要性に迫られていた。 海外のWordPressテーマサイトで上位にランキングされていた。 OneToneのインパクトが強く一目惚れしてしまった。 SEOで検索結果上位を狙う気はあまりなかった。 コンテンツ移行に（サーバー移行も含めて）1時間程度しか掛けたくなかった。 また自社サイトでしかできない、お客様には提案できないような（爆弾を抱えた）テーマを試してみたかったという部分も大きいです。 悪い点 独自に作りこまれているためカスタマイズがしにくい。 プラグインも必要となり、ページ読み込み速度が遅い。 ランディングページ向きに設計されていて、WordPressのページという概念がほとんどない。 タグが微妙（h2タグがフッタータイトル等）でSEOに弱い。 英文フォント仕様なので、スタイルシートの変更が結構必要。 トップ動画等に一部不具合あり。 良い点 見た目のカッコよさ。 基本的に1カラムのレスポンシブなので、PCとスマホで同じイメージを提供できる。 jQuery盛りだくさんで、昔ホームページビルダーで「アニメーションgifで画像が動く」「音楽が流れる」というコンテンツを好んで作られていた方には受けが良いかもしれません。 時代に逆行している感は否めませんが、もうしばらくOneToneを少しずつカスタマイズして使ってみようと思います。 まずはフッター周りですね。 「関連サービス」 「リリース」 「障害情報」 で検索エンジンに働きかけても意味ないですし。
- Adobe CS2の非認証版ダウンロードは公開終了した模様
2013年から提供されていたAdobeのPhotoshop Illustrator Premiereなどの CS2製品公開ダウンロードは事実上終了したようです。 CS2のリリースが2005年4月ですから、今も使っている方もそれほど多くは無いと思いますが「当時CS2を購入して、最近インストールし直した（サポート対象OSに）けど認証に失敗する」という方は、Adobeヘルプセンター経由で連絡を入れると対応してくれるようです。 https://www.ii-sys.jp/notes/1900 ちなみにPhotoshop CS2はWindows 10では動作保証対象外ですが、問題なく動作はしました。 https://www.ii-sys.jp/notes/1040
- Photoshopなんていらない！フォトショップを見据えた無料ペイントソフト
この記事は、いずれAdobe Photoshopを使うようになるかもしれない方のステップアップにつながる無料ペイントツールを、客観的に（アフィリエイト無し・商品提供無しで）紹介します。 Adobe Photoshopはたとえバージョンが古くても人気がありますね。 言葉は悪いですが腐っても鯛といったところでしょうか。 私も最新バージョンは追わずにCS5～6を今でも愛用しています。 似たようなペイントソフトは数多くありますが、Photoshopを使う人が多いのにはそれなりの理由があります。 Adobe Photoshopを使う理由 業界スタンダード PhotoshopやIllustratorで出力したデータによる納入が必要というシーンが、今でも多く見受けられます。 プロ・仕事として使うのであれば、取引先との環境の違いにより出力イメージが異なるというトラブルを避けるためにも必要です。 以前PaintShop Proなども使ったことがありましたが、使い勝手云々では無く、この壁がありPhotoshopに完全移行しました。 ペイントソフトの老舗 パソコンのDOS/V機が流行っていたころに、PCショップに行くとPhotoshopとIllustratorが巨大なパッケージで鎮座していました。確か10万円以上した記憶があります。 チープなソフトウェアが多い中、異様な存在感にあこがれたものです。 金額もさることながら、自分のスキルもチープでしたので、使いこなす自信などありませんでしたが。 ソフトウェアとしての完成度が高い 画像加工やペイント作業において、レベルの高い仕事を短時間で効率よくするために特化しています。 バグも少なく、非常に安定して動作します。 信頼性 以前G CREWというドローソフトがありました。 Illustratorに比べて価格が1/10以下と安価なうえに操作も覚えやすかったので、個人レベルで仕事をされている方に絶大な人気がありましたが、開発が終了となってしまいました。 何年も慣れ親しんだソフトウェアが使えなくなるのは、長年かけて覚えたスキルも、蓄積されたデータも水の泡となってしまいます。 今の時代何があるか分かりませんが、それでもAdobeというブランドは、やはり信頼性があります。 Photoshopを意識した無料ペイントツール選び 知り合いやお客様から「画像加工 […]
- ついき来たのか！？Windows 10 バージョン1803安定版。
2018-05 x64 ベース システム用 Windows 10 Version 1803 の累積更新プログラム (KB4100403) Windows Updateカタログ 飛びつこうと思ったんですが、先週のトラブルが嘘のように、サウンドドライバの更新をして以来とても安定していまして。（詳しくはこちらの記事の下のほうをご覧ください） 「魔の1週間よ再び」ってなりたくないしな～。 今回の更新ですが、Microsoft気合入れてきてますね。 ビルド17134.81（0.80も上がった～） 430MBってサービスパックレベルですね。 しかし、今回ばかりは人柱お願いします。 ｍ(__)m まあ、週が明けたらやってみますね。 追記：その後KB4100403インストールして動作検証しました。
- Google reCAPTCHA v3をコピペで簡単に導入
PukiWikiのコメントスパム対策にGoogle reCAPTCHA v3を導入してみようと思ったのですが、検索してもWordPress前提の記事ばかりでしたので、具体的なソースコードを公開しておきます。 プラグインをわざわざ導入しないでもPHPで書かれたシステムであれば流用できます。 WordPress上のContact Form 7に表示される「reCAPTCHA v3バッジを非表示にする方法」は下記の別記事をご覧ください。 https://www.ii-sys.jp/notes/1511 Google reCAPTCHAにサイトを登録する まずGoogle reCAPTCHAでドメインを追加してreCAPTCHAのキーを2種類（サイトキーとシークレットキー）取得しておきます。 送信フォームを修整する 【1】フォームを表示する部分にJavaScriptを追加 インプットフォームが設置してあるページに以下を加えます。 挿入する場所は<head>と</head>の間が一般的ですが、ページ表示速度を考えると</body>直前が良い等いろいろありますが、そのあたりは今回触れません。 私の場合は、<form>と</form>の間に挿入しました。 手書きのHTMLならまだしも、最近はほとんどのコンテンツがPHPによる出力になっていますので、ヘッダ出力部分に追記するだけですと他の全てのページにまで挿入されてしまい、表示速度に悪影響を与えてしまいます。ですのでヘッダ出力部分に「インプットフォームがある場合にのみ挿入」という振り分け処理を入れる必要があるのですが、将来的にインプットフォームの表示ページ名等に変更があった際に、ヘッダ部分の書き換えを覚えている自信もないので、<form>～</form>にまとめたという次第です。 <script src=”https://www.google.com/recaptcha/api.js?render=ここにサイトキーを入れる”></script> <script> grecaptcha.ready(function() { grecaptcha.execute(‘ここにサイトキーを入れる’, {action […]
- 次世代シンクライアント（自称）RX-HDXが安い
10年以上前から「ブームになりかけては去っていく」を繰り返しているシンクライアント。 個人的にはこのRX-HDXは魅力感じます。 値段も日本円にして1万円強で、見た目も派手さもいい感じです。 ※提灯記事やステマではありません。先日Google AdSenseも外しました。 そういえば、パソコンを複数台揃える必要がある学校等において、少しでも経費を削減しようとシンクライアントを導入するシーンを見かけますが、以下のような不満をよく耳にします。 複数が同時に利用すると回線帯域が追いつかない。 CDやDVDからデータや簡単なアプリすら導入できない。 ホストで不具合が起きた際に全ての端末が死ぬ。 （結構な頻度で） 結局導入費用がたいして安くならなかった。 パソコン価格がどんどん安くなり、Dellなどと比べた場合はシンクライアントとそれほど価格差がなくなってきていましたが、最近ようやくパソコンの価格が下げ止まったように見えます。 また最近はラズパイ（Raspberry Pi）が手のひらサイズのパソコンとしてジワジワとユーザー層を拡大していて、マニアの間では絶大な人気を誇っています。 その中間チャネルを狙ったようなRX-HDXですが、人気が出るのか消えていくのか気になるところです。 パソコンの代替として学校などで大量導入。 → やめときなさい… 機械工作が好きな人がカスタマイズをして使うラズパイのような存在。 → 殻割行程が必要かも。 新しい物好きな人の間で一時のブーム。 → このあたりを期待してます。私も「欲しい」という動機はオモチャとしてですし。 小型にパッケージ化されたからこそ実現できるニーズを発掘して大ブーム。 → 電柱に埋め込んで全日本LAN化。プロバイダ困りますね。 消火栓みたいに有線LANをあちこちに設置しておくとか。 ただ、いくら1万円ちょっとだからといっても実用的なパソコンとして考えてはダメだと思います。Wi-Fi環境があってインターネットするだけならアマゾンのタブレットがおすすめです。 （くどいようですが宣伝ではありません。なのでリンク張ってません。アフィリエイトのために書かれたブログだらけで、最近うんざりと…話が脱線するのでまた後日記事にしますね。） 「Fire HD 8 タブレット」定価で8,980円って安すぎ。セールだと6,000円前後に。パッ […]
- WordPress用GMapを使わない地図表示プラグイン公開
HTML5・CSS3に対応しているLeafletという地図表示スクリプトがヌルヌルと動いていい感じです。 これを使ったLeaflet-MapというWordPress用のプラグインがあり、喜んで使ってみたのですが、場所を登録するのに少し手間がかかります。 一つのマップに一つのマーカーを表示するのに特化した、LatLng（経度緯度）を意識しないでもいいGUIタイプのプラグインWP Leaflet Mapperを作りましたので、良かったらお使いください。 地図タイルはOpenStreetMapまたは地理院地図に対応しています。 readmeに書き忘れてしまいましたが、マップ表示のショートコードは[lmap]で表示されます。（エルマップです。アイマップやイチマップではありません） WP Leaflet Mapperのダウンロード 必須leaflet-mapper.zip（WordPress用MAP登録プラグイン） Download WordPress公式サイト 当サイト ※WordPress公式サイトからのダウンロードをおすすめします。（名称を変更等、新しいバージョンになっています） Leaflet-Mapperのインストール方法 普通のプラグインと同じですが、まだWordPress.orgには登録されていませんので、zipアーカイブをダウンロード・解凍したものをFTP等でアップロードしてください。 【2019.05.01追記】令和初日にWordPress公式プラグインとして登録されました。その際leafletから始まる名前はNGということで、正式名称がwp-leaflet-mapperとなりました。 上記よりleaflet-mapper.zip（またはwp-leaflet-mapper.zip）をダウンロードする パソコンで解凍する /wp-content/pluginsディレクトリにleaflet-mapperフォルダをアップロードする WordPressの管理画面からプラグインを有効にする WP Leaflet Mapperの使い方 必要に応じて「設定」－「Leaflet-Mapper」から初期設定をする 各投稿ページ下段にマップが表示されているので、マウスをドラッグして位置を合わせ、ホイールでズーム倍率をいい感じにする ショートコード[lmap]をマップを表示した […]
- FreeBSDでメールサーバー構築（qmail+VPopMail+SMTP AUTH他）
20年以上バージョンアップ無しという枯れきったMTA「qmail」の代替をここ数ヶ月暇さえあれば探してきましたが、qmailに骨をうずめようという考えに至りました。 ただ最近のメール事情に合わせるとなると数多くのパッチが必要ですが、それらのパッチも長い歳月の間に配布元が閉鎖してしまっていたりして、入手が困難なものも存在します。 また本体及び関連プログラムをコンパイルする環境も変わり、makeでエラーが出たりすることも珍しくない状況です。 qmailのライセンスがパブリックドメインになったことにより派生版なども出ていますが、将来的に不安な部分も多かったため、以下のようなポリシーでインストールスクリプトを組みました。 QMAIL103PKGポリシー オリジナルのqmail1.03を使用 なるべくファイル書き換えには古くからあるオリジナルパッチを使用 派生版は消滅の可能性が高いので使わない pkg等は使わずにコンパイルすることでブラックボックス化を防ぐ 冗長的であっても処理の分かりやすさを優先 このスクリプトで構築される環境は以下のような感じです。 cdb + tcpserver + qmail + SMTP AUTH + VPopMail ポート587でSMTP AUTHのみ受け付ける セットアップされるqmail関連プログラム 必須qmail-1.03.tar.gz（qmail本体） Download 配布元 ミラー（このサイト） 任意qmail-date-localtime.patch（日本時間対応パッチ） Download 配布元 ミラー（このサイト） 任意qmail-smtpd-relay-reject.patch（不正中継拒否） Download 配布元 ミラー（このサイト） 任意qmail-0.0.0.0.patch（IPアドレス0.0.0.0への対応） Download 配布元 ミラー（このサイト） 任意qmail-1.03.errno.patch（最近のglib対応） Download 配布元 ミラー（このサイト） 任意sendmail-flagf.patch（sendmailの-fオプションに対応） Download 配布元 ミラー（このサイト） 任意qmail-103.patch（DNSから512byte超えのDNSSEC対応） Download […]
- Let’s EncryptでSSL証明書の発行・更新・トラブル
Let’s Encryptから「証明書の期間があと20日で切れますよ」という英文メールが届きました。 cronで定期的にrenewをかけて自動更新しているのですが、何か設定がおかしいのかなと思い、複数のssl証明書を管理しているサーバにログインをしてみました。 原因が良くわからなかったので、該当ドメインを登録し直すために現在の更新情報ファイルを削除しました。 rm /usr/local/etc/letsencrypt/renewal/DOMAIN.conf 上記が正しいコマンドですが、深夜のせいか使い慣れないマウスのせいか、 rm /usr/local/etc/letsencrypt/renewal ん？ディレクトリだから消せないよと英文メッセージ。 confなのにディレクトリなのか。と深く考えもせずRオプション追加。 rm -R /usr/local/etc/letsencrypt/renewal （￣▽￣||| … Enter押して1秒後に気付きました。 renewalディレクトリごと消してしまった…。 全てのドメインのssl更新ファイルが消失しました。 Unix系のOSにはWindowsのようなゴミ箱はありません。 復旧ツールもあるみたいですが、稼働中サーバにいきなり入れてみるのも気が引けたので、潔くあきらめて手動で復旧させる事にしました。 私の環境では/usr/local/etc/letsencryptですが、/etc/letsencryptの場合も多いようですので、読み替えてください。 またcertbotコマンドはcertbot-autoになっているようですので、そのあたりも読み替えてください。 Let’s Encryptの登録をやり直す ドメインごとの情報ファイルを削除 以下を消します。 /usr/local/etc/letsencrypt/live/DOMAIN_DIR /usr/local/etc/letsencrypt/renewal/DOMAIN.conf /usr/local/etc/letsencrypt/archive/DOMAIN_DIR ここでも注意。 ※真似るな危険！ ↓↓↓ rm -r /usr/local/etc/letsencrypt/archive DOMAIN_DIR として、今度はarchiveディレクトリまで消 […]
- 東芝dynabookはWindowsのクリーンインストールに対応していない
職業柄、古いパソコンのOSセットアップを多数行ってきましたが、問題となるのが機種特有のドライバ類。 Webからダウンロードできるメーカーもあれば、古い機種はさっさと見切りをつけてしまうメーカーなどさまざまで、古い機種になればなるほど入手は困難になります。 メーカーサポートも終了しているので基本的に自力での解決が必要になるのですが、東芝dynabookのサポートには感心させられました。 15年前のパソコンであっても電話サポートを受け付けていて、夜間しか問い合わせできない方に向けて、オンラインで予約をしておけば電話を掛けてきてくれるというものです。 さすが日本のメーカー！ 東芝dynabookのサポートセンターに予約 日本のメーカー！日本の東芝！と夢を見すぎていたようで、親身になってどうにかしようという思いが感じられない残念なサポート内容でした。 具体的にはハードディスクトラブルでOSをクリーンインストールし、東芝のWebサイトにあったドライバ類を入れたのですが、一部のドライバと専用アプリが見当たりません。 専用アプリはテレビ視聴のもので、他のソフトウェアによる代替は不可能なものです。 事前に東芝のWebサイトで配布されているのを確認して安心していたのですが、いざ導入してみると、元となるバージョンが入っていなければインストールができないというアップグレード版。 他メーカーでもよくありますが、一部のドライバにおいては入手不可なものもあり、仕方なくその機能は使わないという選択肢もありますが、テレビパソコンにおいてテレビが機能しないのであれば、もはやゴミ同然…。 やむを得ず冒頭のサポートセンターに予約を入れて電話を待っていると、時間どおりに電話がかかってきました。 10年も前のパソコンであっても大切に使っているユーザを大切にしているんだな。と一瞬、東芝愛が生まれかかっていたのですが、現実はそうでもなく…。 サポ「該当の機種のドライバは配布していません」 私 「でも東芝Webサイトに型番検索で表示されますが」 サポ「・・・」「あ、本当ですね。失礼しました。」 私 「テレビ視聴アプリを入手する方法はありませんか？」 サポ「ありませんね」 私 「HDDが壊れて仕方なくOSをクリーンインストールしたのですが」 サポ「dynabookはOSのクリーンインストールに対応していま […]
- WordPressテーマXeory Extensionのナビメニューを修整する
Xeory Extensionには「グローバルナビ」と「プライマリーナビ」の2種類のメニューを設定できますが、ヘッダーへの表示について1週間悩みましたがUI的に一部使い勝手の悪い部分があったので簡単な修正をしました。 対象 WordPressのテンプレート「Xeory Extension」を使ってコンテンツとブログを両方表示させている方。 Xeory Extensionのナビメニューを修整する グローバルナビには「トップ」「お問い合わせ」などの固定ページを設定します。 プライマリーナビはブログメニューとして投稿カテゴリーなどを設定します。 ヘッダーに表示されるナビメニューはレスポンシブに対応していて、画面の幅によって以下の3段階に分けられています。 width > 991px（幅が991pxよりも大きい） 以降「大」と呼びます 767px < width ≦ 991px（幅が767pxよりも大きくて991px以下） 以降「中」と呼びます width ≦ 767px（幅が767px以下） 以降「小」と呼びます グローバルナビは、大で表示した場合にヘッダーに横並びに表示されますので、多くても5項目程度になると思います。 一方プライマリーナビはドロップダウンで表示されますのでブログメニューとして複数のカテゴリを登録したり、注目記事そのものを登録したりすることができます。 この場合、大での表示は良いのですが、中・小で表示した際に、Xeory Extensionでは以下の順で出力されるため2つの問題に遭遇します。 プライマリーナビ表示 「ブログコンテンツ」と表示 グローバルナビが表示 グローバルナビの見出しに「ブログコンテンツ」と表示されてしまう グローバルナビにはトップ・お問い合わせ等のメニューを設定していますので「ブログコンテンツ」ではありません。 この出力は管理画面から変更することはできません。 スクロールしないと表示されない位置までグローバルナビが下がってしまう 上述したようにプライマリーナビはドロップダウン表示されるので、多くのメニューを設定してもレイアウトを崩す心配がありません。 しかしプライマリーナビの下段にグローバルナビが表示されるので、グローバルナビが押し下げられてしまいます。 大表示の際にはグローバルナビはヘッダー上段に表示されます。 中・小 […]