【サイト構築】デザインの工夫やSNS対応など

サイト構築のために、ど素人ながらせっせと作業した内容の備忘です。
やりたいことはまだまだありつつも、ひとまずこんなところです。

■SNSのアイコン作成
keynoteで作った図をpdfやpngで保存する | Koejima.com
SNSアイコンをKeynoteでせっせと自作しました。
※注 画像を複数コピーしないとToyViewerのクリップボードコピーは使えないようです

■デザイン変更
・サイドバーにプロフィールを表示
画像の右側にテキストが表示される形式にしたいけどできない。。。
ワードプレスでサイドバーに自己紹介・プロフィールを表示する方法

・サイトアイコンを設定
【WordPress】4.3リリース!サイトアイコン(ファビコン等)の設定機能が標準に!検証してみたよ! | はぴすぷ
紅字に白抜きの「育休男子」アイコンを設定した。
これがあるとないで「ちゃんとしてる感」が違う。

・FACEBOOKページを作成し、ページにフィードを簡易表示
育休男子.jp FACEBOOKページ
いいねしてね!

・Twitterアカウントを作成し、ページにタイムラインを簡易表示
育休男子.jp(@ikukyudanshi)さん | Twitter
フォローしてね!

■フォントサイズの変更がデフォルトでは簡単にできないのでプラグインを入れた
本文中の文字サイズの変更方法 | 無料WordPressテーマ BizVektor [ ビズベクトル ]

■パーマネントリンクの設定変更
「育休男子」カテゴリを「lets-take-childcareleave」から「lets-take-paternity-leave」に変更。
ザッカーバーグの育休記事に「paternity-leave」って書いてあって「あちゃーそっちの表現の方がいいわー」と思ったので。
サイト構築初期だからできることですね、危ない危ない^^;

■アイキャッチ画像をSNSに反映させる
なぜかうまくいかない時があって、以下の方法で解決した。
FACEBOOK
Facebookでアイキャッチ画像が表示されないときの修正方法 | @HOME GEEK

twitter
1度登録したTwitterカード情報(タイトル、アイキャッチなど)を変更する方法

■クリックしたくなる工夫
これは奥が深いですなー、いろいろと参考にしながらちょいちょいやってます。

・アイキャッチ画像
素人でもそれなりのアイキャッチを作成するための小技4つ – あとーすログ
【一手間で効果絶大】アイキャッチ画像の選び方や作り方を学べるサイト7選|ferret [フェレット]
ブログの集客を加速させる「アイキャッチ」とそのデザインについて | 株式会社LIG

サイズ
SNSへのリンクの投稿時に、表示される画像のちょうどいいサイズ設定 | あぱーブログ
はじめてアイキャッチ画像を使う人が知っておきたい6つのルール | Sabakura Blog
set_post_thumbnail_size:WordPress私的マニュアル

・素材
パブリック・ドメインの画像を検索できる7つのサイト!

・個人情報にモザイクをかける
プライバシーの配慮に。モザイクやぼかしが簡単に付けられるMacアプリ「ToyViewer」 | web sign

■動画埋め込み
WordPressでは動画ページのURLを直接書けば自動で埋め込める!
記事にTwitterの投稿やYouTubeの動画などを挿入 – WordPressの使い方

■Googleサーチコンソール(旧Googleウェブマスターツール)のエラー解消(途中)
サイト構造をもうちょい理解しないとできない。
大きな問題では無いので保留。

ウェブマスターツールで「hentry(マークアップ: microformats.org)」構造化データエラーが出たときの対策方法


http://www.wdm.co.jp/blog/2015/06/04/wordpress/
https://developers.google.com/structured-data/testing-tool/

コメントする

メールアドレスが公開されることはありません。