Archives for 11月 2017

ファビコンfaviconについて

2017年11月30日 Leave a Comment

ファビコンfaviconを作りましょう！！

ファビコンfaviconって何？

ブラウザでお気に入りに入れた時にホームページ名の左に表示されるマークです。

↑このマーク

これを作成していないと

このようなマークになります。

寂しいですし、自分のホームページをお気に入りに入れてもらったあとに見つけやすくなります。

見つけやすいということは、一日に見てもらえる人の数が増える可能性があるという意味です。

ファビコンの代表的なサイズ

16px × 16px：IEのタブ
24px × 24px：IE9の「ピン留め機能」
32px × 32px：Chrome、Firefox、Safariなどのタブ
48px × 48px：Windowsデスクトップ
64px × 64px：高解像度のWindowsサイトアイコン
48px × 48px：ショートカットアイコン
64px ×64px：ショートカットアイコン
128px ×128px：ショートカットアイコン
144px ×144px：Androidホーム画面
152px ×152px：iOS・Androidホーム画面
258px ×258px：ショートカットアイコン

ってキリがないので、

16px × 16px、32px × 32pxのみで十分です。経験を積んでいき、余裕が出てきたときに気が向いたら他サイズを検討してよいというレベルです。

前記のファビコンの形を見ると丸型ですが、初心者は、正方形で作ります。

制作の流れ

152px ×152pxの正方形でマークを作ります。
自動変換サービスで複数の画像を生成します。
ファビコン画像ファイルを作成します。
サイトにアップ・設定します。

152px ×152pxの正方形でマークを作る

Windowsでペイントを開きます。

152×152のサイズにします。下図の赤丸の箇所を【クリック】するとサイズ変更できます

縦横比を維持するのチェックを外して152のサイズを入力します

作ったのがこれ

自動変換サービスで複数の画像を生成

https://realfavicongenerator.net/

英語です。でも簡単です。

開いて、下記の赤い箇所を【クリック】

下記画面が表示されるの右下青いボタンを【クリック】

下記ページが表示されるので、スクロールして下部の青いボタンを【クリック】

下記の箇所を【クリック】してファイルをダウンロードします

複数の画像がダウンロードされますが

・favicon-16×16.png
・favicon-32×32.png
・android-chrome-144×144.png→144×144
・apple-touch-icon.png→152×152

のみを使用します。

ファビコン画像ファイルを作成します。

https://ao-system.net/alphaicon/

下記「画像ファイル1を選択」からひとつひとつ画像を選択して、最後にアイコン作成ボタンを押します

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

アイコンダウンロードボタンを押すと、ファビコンの出来上がりです。

次回は、設定です。また、更新します。

ファビコンをサイトにアップ・設定

STINGERというWordpresのテーマを使用している場合には「STINGER管理」というページでファビコンをアップする箇所があります

ダッシュボードでテーマを直接編集しようとしているようです

2017年11月28日 Leave a Comment

最近、子テーマを作成していないWPでCSSを編集しようとすると下記のような表示が出現した

WordPress ダッシュボードでテーマを直接編集しようとしているようです。直接編集しないようお勧めします。テーマを直接編集するとサイトを壊してしまったり、変更内容が将来の更新で失われてしまう可能性があります。単にテーマの CSS を調整するだけではない場合には、子テーマを作成してみると良いかもしれません。

どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。

カテゴリを一括追加

2017年11月28日 Leave a Comment

Taxonomy Import　を使用しようと思ったら最新のWordpressでは使えないのか、プラグイン新規追加で検索できなった

WP Taxonomy Import　サイトでダウンロードして、ダウンロードファイルからインストールするようにした

Simple Taxonomy Ordering
ドラッグアンドドロップで順番を変更

NextGEN Gallery – WordPress Gallery Plugin
気になるプラグイン
最も人気のある WordPress ギャラリープラグインで、1800万回を超えるダウンロード数で最も人気のあるプラグインの1つです。

固定ページにカテゴリを追加する方法

2017年11月28日 Leave a Comment

functions.phpへ

add_action('init','add_categories_for_pages'); 
function add_categories_for_pages(){ 
register_taxonomy_for_object_type('category', 'page'); 
} 
add_action( 'pre_get_posts', 'nobita_merge_page_categories_at_category_archive' ); 
function nobita_merge_page_categories_at_category_archive( $query ) { 
if ( $query->is_category== true && $query->is_main_query() ) { 
$query->set('post_type', array( 'post', 'page', 'nav_menu_item')); 
} 
}

を追加する