2013-05-01から1ヶ月間の記事一覧
少し余裕ができたのでWordpressにFaviconを設置します 作成手順 Favicon用画像を作成します。IllustratorかPhotoshopで16px×16px、32px×32px、48px×48pxサイズのpng透過ファイルにして保存します。今回はPhotoshopの「Cute Bear Photoshop Brush」ブラシでク…
Illustratorで正円から涙型を描きます 1.Shift+楕円ツールで正円を描きます。 2.ツールからアンカーポイントの切り替えツールを出し、円の上の白い点、涙の先端になる部分をクリック 3.ダイレクト選択ツール(白矢印)でその点を涙を伸ばしたい方にプレスド…
Illustratorで描いた図形をパターンブラシ登録してさらに図形の描線状に配置します。 1. 円、角丸長方形、涙型、★など好みの図形を描きます。描いたらウインドウからブラシウインドウを開き、描いた図形をドラッグします。種類はパターンブラシ登録を選びま…
Facebookいいねボタンやその他もろもろSNSへのブックマークボタンを表示したくなりましたので、プラグインを入れてみました。 手順 プラグインの新規追加でWP Social Bookmarking Lightをインストール ダッシュボードの設定からWP Social Bookmarking Light…
content-single.phpを修正します。 content-single.php修正作業手順 content-single.phpの修正前のコード if ( '' != $tag_list ) { $utility_text = __( 'This entry was posted in %1$s and tagged %2$s by <a href="%6$s">%5$s</a>. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyeleven'…
Twenty Elevenではh1 class="entry-title"と指定されているタイトルが固定ページ、投稿ページ、カテゴリーページに表示されます トップページには「ホーム」というタイトルが表示されています。トップページに「ホーム」というタイトルが表示されている状態…
デフォルトのページャーは「→古い記事」で、総ページ数もわからないし、前後にどのくらい記事があるかもわからず不親切です。 これを解決するためにプラグインのWp-PageNaviを導入します。 Twenty ElevenへのWP-PageNavi導入手順 新規プラグイン検索してWp-P…
「→古い記事」「→新しい記事」の表示を消す 「→古い記事」「→新しい記事」の表示が残っていると何か変なので消します。function.phpから下記の記述を削除します。 すると消えます。削除するコード <h3 class="assistive-text"></h3> <div class="nav-previous">←</span> Older posts', 'twentyeleve…
CSSを自分で書かずともWP PageNavi Styleを導入するとWp-PageNaviがスタイリッシュに表示されます。 WP PageNavi Style導入手順 新規プラグイン検索でWP PageNavi Styleを検索、有効化 ダッシュボードのPageNavi Styleでオプションを指定して設定を保存 Page…
content.phpから下記の記述を削除します。 <span class="sep"> | </span> <span class="comments-link">' . __( 'Leave a reply', 'twentyeleven' ) . '</span>', __( '<b>1<…</b>
デフォルトでは大きすぎるTwenty Elevenのh1のサイズデフォルトではなんと36pxに指定されていました。line-heightも48pxと非常に広いです。Twenty Elevenのh1のサイズ変更方法style.cssで.singular .entry-title {を見つけてfont-size、line-heightを変更し…
Twenty Elevenではデフォルトではカテゴリー別投稿記事ページは全文表示になります。これでは最初の記事を見ただけで力尽きて、その先の記事まで見てもらえない心配があります。 そこで、左側にサムネイル画像(小さい画像)、記事は途中までの省略表示で、…
meta情報の背景色をstyle.cssで変更します薄い背景色に薄い色のa色が重なるので読みにくいので変更したいと考えました。footerの背景色を変更するだけです。変更前 変更後 style.css footer{ background-color:#003366; /*#bbbから変更*/ この「だけ」に辿り…