Wordpress
少し余裕ができたのでWordpressにFaviconを設置します 作成手順 Favicon用画像を作成します。IllustratorかPhotoshopで16px×16px、32px×32px、48px×48pxサイズのpng透過ファイルにして保存します。今回はPhotoshopの「Cute Bear Photoshop Brush」ブラシでク…
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から変更*/ この「だけ」に辿り…
wordpressプラグインのMeta SliderをTwenty Elevenテーマにインストール Meta Slider操作画面でスライドしたい画像を複数枚登録 Slide種類を選ぶ（Flex,Responsive,Nivo,Coinから選ぶ）今回はCoinが一番きれいに動くように見えたのでこちらを採用しました。 …
4/19(金）時点での進捗まとめ4月に入ってからWordpressでのポートフォリオ作りに取り組んできましたが、四苦八苦です。 まだ先生とみんなにレビューもしていません。（本来は一週間前の金曜にレビューするスケジュールだったが・・。） とてもお見せできる段…
WordPressレッスンブックの通りにサンプルページを作成 トップページを作成 ヘッダーを表示 スタイルシートでデザインを表示 記事のタイトルと本文を表示 記事のデザインを表示 記事の投稿日時とカテゴリーを表示 画像を使ってデザイン トップページの記事を…
授業でWordpressの導入について学習しましたので、自宅でも同様にインストールしてみます。 Wordpress公式サイトよりwordpress-3-5-1-ja.zipをダウンロード。 回答したwordpressフォルダをxampp\htdocsフォルダに格納。 Xamppを起動し、Mysqlをstartさせてダ…
