未分類

サイトデザイン改修作業メモ

投稿日:

 
 
<- before | after ->
 
 
 
 
 
 
●主な変更点
・屋号を変更。『Caldeira Lv.4』 → 『Caldeira Art Works』
 (小咄:旧屋号の「Lv.4」は、WordPress以前にlivedoorブログやはてダなどを利用しており、自サイトを移転するたびにナンバリングをインクリメントしていった結果が由来だったりしてました。小咄おわり)
 
・テーマを変更。
 『Corner』 - https://themesinfo.com/best-wordpress-template-corner-wzq/
  → 『STINGER PLUS2』 - http://wp-fun.com/post-2065/
 
・ヘッダ画像を変更。
 
・カラムの左右を入れ替え。左側を記事本文、右側を諸情報に。
 
・動線整理
 ・通販情報をヘッダ下リボン部の固定ページへ配置。
 ・先頭表示記事に私信や他の持ちサイト(SoundCloudやPixiv等)の
  リンクを貼っていたのをやめて、右カラムのリンク部に集約。
 
・掲載情報整理
 ・アイコンおよび自己紹介文を追加。
 ・過去記事の一部を非公開に(恥ずかしいものは整理……)。
 ・各記事は全文表示ではなくタイトル+アイキャッチのみ表示にして
  トップページをすっきりさせた。
 
・SNSへの投稿用ボタンを追加
 (これはSTINGER PLUS2のデフォ機能を利用。ただし、
  Google+, Pocket, LINEへの投稿用ボタンは非表示にした。
  たくさん有りすぎても見た目がうるさいので)
 
・タブレット端末・スマフォ端末からの閲覧に対応
 (これもSTINGER PLUS2のデフォ機能。ただし、
  アコーディオンメニューは有料のPRO版じゃないと
  いじれないっぽい?無用の長物であれば非表示にしときたい)
 
・あとはSTINGER PLUS2の初期デザインからちょこちょこと
 いじってます。(内容は後述)
 
 
上記の変更により、多少は今風のルックスになったのではと思います。
 
 
 
●修正が間に合っていない主な箇所
 
・フッターのコピーライト表記がなぜかセンタリングできない。
 ・どこかのパラメタが邪魔してるくさいけどまだ特定してない
 
・タブレット端末・スマフォ端末からの閲覧モードだと
 ヘッダ下リボン部が表示されないため、固定ページへの動線がない。
 
・画像クリック時の挙動
 ・Lightboxが効いてくれない。ググると類似トラブルの記事が
  多数出てくる。近々時間つくって対応したい。
 
・その他細かいところで気になる箇所はいろいろある
 
 
 
----------------
 
以上。
ここから先はSTINGER PLUS2の初期デザインからここをいじったよの備忘録です。
☆はSTINGER PLUS2のカスタマイズ機能([ダッシュボード]→[外観]→[カスタマイズ])で実現できる項目、
★はcssやphpをいじった項目です。
 
・ヘッダ部
 ☆サイト屋号をテキスト表示する箇所を、ヘッダ画像に置き換え。
  ★ヘッダ画像はブラウザの表示幅に合わせて拡縮。
   (st-kanricss.phpの$st_pc_header_widthを変更)
 ★ヘッダ下リボン部の色表示を白→グレーに
  (参考: https://kiniblog.com/stinger8-global-menu/
 
・記事見出し一覧
 ☆アイキャッチサムネイルを正方形から円形に変更。
 ☆記事見出しに記事本文の冒頭n文字を表示させないように変更。
 
・記事末尾部
 ★SNSへの投稿用ボタンを一部非表示に。
  (style.cssで該当部をコメントアウトした)
 ★SNSへの投稿用ボタンの見た目を微修正(ドロップシャドウ表示を消した)
 
・右カラム部
 ☆表示する情報を整理。下記を表示させている
  ・サイドバートップ:
   ・画像
   ・テキスト
   ・リンク
   ・検索フォーム
  ・サイドバーウィジェット:
   ・アーカイブ
   ・カレンダー
   ・タグクラウド
   ・メタ情報
 ★検索フォーム内にデフォルト表示されている「検索するテキストを入力」の表示を消した
 (searchform.php内で文字列定義されているので消した)
 
・フッタ部
 ★サイト屋号がテキスト表示されていたところを非表示に変更。
  (style.cssで該当箇所をいじったはずだけど具体的にどういじったか失念した)
 
 
もっと細かくいろいろいじった筈だけど思い出せない。思い出した or さらに改修を進めたときに追記します。
 
2011年に弊サイトを開設してから一度も(!)サイトデザインを改修していなかったので、
WordPressやPHPのアップデートをしたり、FTPを使うためのパスワードを失念してたりで、
たったこれだけの改修にけっこうな時間を溶かしてしまった。つらい
 
 
 

-未分類

Copyright© Caldeira Art Works , 2018 All Rights Reserved Powered by STINGER.