カテゴリー: web contents -コンテンツ日誌-

記事の中にいろいろなリンクを貼ることがあります。

この連載「サイトHの道」でも、
企業や個人に関わらず、参考にさせてもらったサイトを
多く紹介して、そのリンクを貼っています。

なかば許可なしに。

これの意図は
(1)自分の備忘録のため　ノートを書き留めるように

ブックマークにたくさん保存したとしても、
増えてくるとわからなくなってきます。
目的ごとに探しづらいし、これなんでブックマークしたんだろう、とか。

なので、各項目ごとに一緒に参考にしたリンクを貼っておくことで、
また見返すときに探しやすくするためです。

(2)同じような人のために

同じようにつまずく人はたくさんいると思います。
自分も解決策を探して、参考リンク先を見つけたように。

そして、もし同じような人がいたとして、
検索して、このブログがHitしてしまったときに・・・
自分の説明だけでは舌足らずでおそらく解決しない。
はしおってたり、要点しか書いてなかったりするので。

だからこそ、自分も参考にしたリンク先を一緒に紹介することで、
ここでは解決できなくても、そっちを見たらわかりますよ、と。苦笑

検索にこのブログがひっかかってしまって申し訳ない、みたいな。
だから、解決への手引き（参考リンク先）を、
せめてご紹介させていただきます、という思いですね。

さて。
ここからが今日の本題。

リンク先をたくさん貼るということは、その管理も大変になってきます。
いつのまにか時間が経つにつれ、そのサイトやページがなくなっていたり、
アドレスが変わっていたり、ということはよくあることです。

それを自動で管理・解決してくれるプラグインがこちら。
「Broken Link Checker」

これで、常に全記事内のリンク先が存在するかチェックしてくれて、
リンク切れを知らせてくれます。

リンク切れを放置すると、サイトの有効性や信頼度、SEOにも影響する
という話もありますが、その信ぴょう性もいろいろ賛否あるようです。

それよりも、(2)に書いたように、やっぱり見てくれた人に
存在しないリンクを紹介してしまうのは不親切。

これで心置きなくどんどん参考リンク先を貼れます!?
自分の内部リンクもチェックしてくれるのかなー、それなら助かる。

最後にちょっとうれしい話。
このようにいろいろな方の参考リンクを貼っていたら、
先日コメントをいただきました。

「紹介ありがとうございます。無事に解決してよかったですね。」と。

そういう好意的な方もたくさんいらっしゃいます。
なんか励みになるし、壁にぶち当たっても一人じゃないんだ、
と思わせてくれます。

そうやっていろんな一期一会が生まれていくんだろうなあ、
ということも思いながら、今日もPCとのにらめっこは続きます。

 

初期設定でなぜかそうなっていて、
ずっと気になっていたこと。

twenty twelveテーマでは、投稿記事タイトルのすぐ下に
「コメントをどうぞ」が表示されている。

消すまではないが、位置は変えたい。

ということで、content.php内の該当コードがヘッダー箇所内にあるので、
それをフッター箇所へ切り取り～ペースト。

<?php if ( comments_open() ) : ?>
	<div>
		<?php comments_popup_link( '<span>' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
	</div><!-- .comments-link -->
<?php endif; // comments_open() ?>

これを</footer>の直前に移動する。
するとこうなる。すっきり。

場所は投稿記事下部に移動されている。
ちょっとわかりにくいけれど、タイトル直下はさすがに・・・。

今さら聞けない、WordPress「Twenty Twelve」の「コメントをどうぞ」の位置を変える　ローカルブロガーのメモ帳

こちらを参考にさせていただきました。
ありがとうございます。

「Facebookのコメント欄が切れて表示される」
WP Social Bookmarking Light プラグインで、
上の写真のように、投稿記事下部などに設置しているSNSボタン。

facebook いいね! をクリックすると、
なぜかコメント入力欄が切れてしまう。

Wp Social Bookmarking Light　の設定～スタイルにて
CSSコード追加。

WordPressのプラグイン「WP Social Bookmarking Light」で設置したFacebookのコメント欄が切れてしまう　ローカルブロガーのメモ帳

こちらを参考にさせていただきました。
写真付きでわかりやすく解説されています。
ありがとうございます。

うーん、でもなぜか記事ごとに改善されていたり、
改善されていなかったり。。
なんでだろう。
とりあえず、放置。

 

うーん、こんがらがってくる。

ナビゲーションメニューで大枠のメニューは設定できたとして。
とにかく、縦にも横にも階層が多い。

さて、これをどうしていくかと。
具体的には、どれを固定ページ、どれを投稿ページ、にしたら、
構造上もきれいに、そして運営管理も楽になるか、という。

一般的に企業やお店のホームページでは、
トップページ/企業理念/お知らせ/求人情報　など単一的なページは
固定ページで。

お店などの場合は、そのホームページのなかのブログページだけを
投稿ページで、というのが多い。

ただ、悩ましかった理由は、
(1)投稿機能でどんどん記事やページを増やしたいメニューが複数存在する
(2)固定ページで増やしてもいいけれど、固定ページではタグが使えない
大きくこのふたつ。

(1)は大メニューとして　メニューI　メニューD　メニューB　と3つもある。
常にお知らせ更新する新着情報メニュー。
特定の商品や作品を紹介していくメニュー。
ブログメニュー。

(2)は、例えば新着情報から、その関連記事をまとめたページをつくりたい、
または商品特集ページをつくりたいなどとしたときに、
固定ページではタグがないので、紐付けてまとめられない。

うーん、悩ましい。
もう頭のなかで、いろんな糸が行ったり来たりして、
図に書いたり、線でつなげたりして、整理していく感じ。

最終的には、投稿機能を3つのメニュー全て使うこと、
かつ、カテゴリーで区別化することでほぼ解決。
そうすれば、タグで詳細セグメントしてたものもどのメニューも使える。

そしてミス。
「カテゴリー」「固定ページ」に、同名表記、同名スラッグを
乱立させてしまった。

カテゴリーとして名前：Information（スラッグ：information）、
固定ページとして名前：Information（スラッグ：information）・・・

そう、そしたらおのずとダブってしまって、パーマリンクに影響する。

これがなんで最初うまくいかないのか理由に気づくまでに時間がかかり。
なんで「ページが存在しません」とか出て表示されないわけ？？
なんでクリックしても詳細表示（全文表示）されないわけ？？
なんでここに表示されるカテゴリーのはずなのに出てこないわけ？？

そう、スラッグが複数存在したため、おそらく先に作成した
スラッグ名（カテゴリー or 固定ページ）そのどちらかが優先されるのかなあ。
わからないけど。

最終的には、スラッグ名は複数存在させない、ということで、
カテゴリーとして名前：Information（スラッグ：information）、
固定ページとして名前：Information（スラッグ：info）、
固定ページ2として名前：Information（スラッグ：info2)・・・

などとしていけばいいんだろう、
ということに気づくまでに、わかるまでに、結構時間かかった。

頭も完成イメージも整理できていない、
機能や設定ルールも把握していない、というダブルパンチで。

まっ、少しは賢くなったとは思います。
時間はかかっても、無知でも、解決できないことはない、
と開き直り。

そもそも、したいパーマリンク設定によりけりで起こる問題、
ではあります。

 

ここでいうサイトマップとは
サイトに来てくれた人へのマップ、つまりご案内ページのこと。

「PS auto sitemap」　プラグインインストール
自動的にサイトマップを簡単につくってくれる。

これがまた思った以上に秀逸。

企業のサイト案内としても使えるシンプルなデザインのものから
個人サイトでも使えそうなデザインもあり約10種類くらい。

いろいろデザインを選んでみながら、見た感じを確認できる。

「ギャラリー」

写真や画像をクローズアップしたページを作りたい場合。
いろんな見せ方ができます。

例えば、タイル表示と言って、
自動的にタイルのように画像をランダムに配置してくれる。

同じように、
いろいろな大きさ・四角形の画像をすべて正方形にすることも。

これでどういうことができるかというと、
ECサイトの場合
特集ページや関連商品ページをつくることができる。

一面に写真だけなので、インパクトありますし、
ひっかかりも大きいです。

ブログや一般サイトの場合
気になった写真から、その投稿や記事を見てもらえるきっかけに。

ただ、今使っているのはあくまでもギャラリー機能しかないので、
写真をクリックすると、写真が拡大表示されるだけ。
その写真が使われているページには飛べないんですね。
例えば、商品詳細ページに飛ぶ、みたいな。
それには必要なプラグインを入れればいいだけです。

でも、商品ページなんかは、ひとつの商品にいろんな角度からの
写真が多いところで4-8枚近くあったります。
そういったのには簡単に使えると思います。

ブログでもホームページでもなんでもそうですが、
せっかく公開しているものを、
いかにいろんなやり方、いろんな視点から、
見てもらえる、ひっかかるきっかけを作れるか。

そんなに大きな作業負担ではないですからね。
このブログでは今回使っていませんが、
趣味ブログのようなコンテンツでは十分使えると思います。

絵を描く人なら、絵の写真がたくさんあって、そこからクリック。
釣りをする人なら、釣った魚の写真がたくさんあって、～
スポーツする人なら、　～　みたいな感じです。

「投稿日/投稿者/カテゴリー/タグ を非表示にする」
各投稿記事の下部に表示されている。

ブログサイトの場合はこれでもいいけれど、
ホームページやコンテンツとしての場合は、
いらない、もしくはないほうがいい場合がある。

ページを増やしてくのに「固定ページ」ではなく「投稿」を利用する場合は
これが表示されてしまうので、非表示にする。

twenty twelveテーマでは、content.php内にある
該当コード　変更前　<?php twentytwelve_entry_meta(); ?>
該当コード　変更後　<?php // twentytwelve_entry_meta(); ?>

これで非表示になる。
カテゴリー/タグ/投稿者/投稿日　を個別に消すこともできる。

そのあたりもふまえて、
WordPressで投稿日や投稿者を非表示にする（Twenty Twelve）　西沢直木のWebサイト

こちらを参考にさせていただきました。
ありがとうございます。

「トップページの固定ページタイトルを非表示にする」
固定ページをフロントページとして使う場合、
タイトルを記載はするけれど、web上には表示されないほうがいい場合がある。

twenty twelveテーマではcontent-page.phpにて修正する。
そのやり方やコードも含めて、詳しく解説されてあります。

同様に
トップページのみ固定ページのタイトルを非表示にする　西沢直木のWebサイト

こちらを参考にさせていただきました。
ありがとうございます。

その他、
・ページやカテゴリーごとにサイドバーの表示を切り替える方法
・画面上部の余白を変更する方法
・画像キャプションのスタイルを変更する方法
など、わかりやすいコードと説明で紹介されてあります。

プラグインに頼らずに、多用しずぎて容量が重くならないためにも、
こういったコード追加や変更だけでできるカスタマイズは、
できるところから実践していこうと思う。

ただ、あまりコードもいじりすぎると、
テーマ変更したときや、テーマのバージョンアップしたときに・・・
おそろしいことになってしまうかもしれない。

今時点で子テーマ作ってないし。
シンプルに、ほどほどに、本当に必要に迫られたものを優先的に
カスタマイズしていこう。

追記

「WP Social Bookmarking Light」　プラグインインストール
「Image Widget」　プラグインインストール
「ファビコン作成」
［上下余白］のところに、試しに　-30　と入力　※TOP画像

「Twenty Twelveテーマ アイキャッチ画像非表示」

テーマ編集のcontent.php内、
該当コード　変更前　<?php the_post_thumbnail(); ?>
該当コード　変更後　<!– <?php the_post_thumbnail(); ?> –>