新しいサイトデザインできたー!
新しいサイトのテンプレートを作りました!
ヘッダーのイメージ画像は今迄で一番納得のでき。サイトのタイトルの「ステラ=星」→星空としてデザインに落とし込むことを目指しました。
細かい部分ももっと作りこみたいし、若干レイアウトが崩れてしまっている部分もあるのでちょっとづずバージョンアップしていきたいです。
新しいサイトのテンプレートを作りました!
ヘッダーのイメージ画像は今迄で一番納得のでき。サイトのタイトルの「ステラ=星」→星空としてデザインに落とし込むことを目指しました。
細かい部分ももっと作りこみたいし、若干レイアウトが崩れてしまっている部分もあるのでちょっとづずバージョンアップしていきたいです。
htmlやcssのソースコードをかんたんに整形して表示することができるWordPressプラグイン、SyntaxHighlighter Evolvedを導入してみました。こんな感じ↓に表示されます。
…全て読む
自分が使っているテキストエディタはez-HTMLというリンクウェアです。軽くて機能も豊富で使い勝手の良いエディタです。
このエディタを使ってWordPressでテンプレートなどを作っているのですが、ローカルでは問題なかったのに、サーバーにphpファイルをアップロードしてブラウザで表示させると日本語部分が?マークになってしまうと言う不具合に遭遇してしまいました。
最初はFTPソフトが文字コードを変換しているのかと当たりをつけ、いろいろ試しましたがどうやら問題なさそう。あとはテキストエディタで保存する際の文字コード設定しか思いつかなかったので、別のテキストエディタで保存しなおしてアップロードすると文字化けしませんでした。
これで原因はez-HTMLの保存時の文字コードの設定関連に確定。ez-HTMLでファイルを保存する際はUTF-8を指定しているのですが、これを以下の設定を使いUTF-8Nに変更。
・ファイル→文字コードの設定(高度)→UTF-8N(BOM無し)を選択
この指定でファイルを保存しなおすと、無事文字化けが解消しました!
それにしても、UTF-8N(BOM無し)とはなんなのでしょうか。
BOM (Byte Order Mark) バイト・オーダー・マーク をさっと読んだところ、BOM付きはファイルに何らかの文字列が付与されるようで、ようはそれが文字化けの原因になっているということでしょうか。ちょっと難しそうです。
なお、以下の設定もしておいたほうがよさげです。
・表示→詳細設定→ファイルシステム[標準設定]の[その他のシステム設定]の「UTF-8の可能性を考慮」にチェックを入れる
我がサイト「Stella Grafica」のオリジナルテーマがようやく完成しました!まぁ、拙いデザインでお目汚し申し訳ないです。本人は楽しんでやってますのでご容赦を(^^;)
とりあえずwin環境でのモダンブラウザで大きなレイアウトの崩れは無い模様で一安心。とはいえ油断禁物、今後ちょっとずつ詳細を調べて参ります。
sidebarウィジェットの対応や、header.php、footer.phpなどの分離etc、まだ煮詰める部分があるのでどしどし手を加えていこうと思います。
そして完成した瞬間にこのデザインに飽きてしまったので、またデザインを作りたいと思います。
もう手順がわかったので、次はもっとましなデザインが作れるはず…?
単一記事でコメント欄が表示されないという現象にちょっとハマったのでメモ。
WordPressでパーマリンクをカスタムする場合、%post_id% または %postname% を含むか、年・月・日・時・分・秒のすべてを含めないとユニークなポストとみなされず、コメント欄が表示されない仕様となっているようです。
自分は秒を追加して/%year%/%monthnum%/%day%/%hour%%minute%%second%.htmlという構造にすることによって修正しました。
WordPressのダッシュボード作業中での出来事です。設定メニューのWordPress のアドレス (URL)とブログのアドレス (URL)を変更しようとしたところ、誤って無効なURLを入力してしまいダッシュボードにアクセスできなくなってしまいました。少しあせりましたが解決方法を発見し復旧できたので、その方法を記録しておきます。
原因はもちろんURLが無効なのでそれを修正してやればよいのですが、ダッシュボードにはアクセスできません。そのURLはデータベースに記録されているのでデータベースを直接修正する必要があります。
自分はロリポップサーバーを使っているので、ロリポップのユーザー専用ページのメニュー WEBツール>データベース>phpMyAdminiにログインして作業を行ないました。
以下、phpMyAdminでの作業です。
これでダッシュボードにアクセス可能になります。