Archive Category ‘web‘

woocommerceの日本語化

https://translate.wordpress.org/projects/wp-plugins/woocommerce/stable/ja/default

の一番したにあるEXPORT(moファイルを選択)します。
それのファイルの名前をwoocommerce-ja.moに変更して

wp-content > languages >themesにアップ。

wordpress プラグインなしランキングの作り方

以下のソースを該当の箇所に追加


10,
'orderby' => 'meta_value_num',//meta_valueではないので注意
'meta_key' =>'views',
'order' => 'DESC',
);
$my_query = new WP_Query( $args );
if($my_query->have_posts()) : while($my_query->have_posts()) : $my_query->the_post(); ?>


wordpressでページャー設置

1.設定画面で投稿数をどのくらいにするか確認
2.以下コードを該当の箇所に追加

using_permalinks()){
$paginate_format = '';
$paginate_base = add_query_arg('paged','%#%');
}
else{
$paginate_format = (substr($paginate_base,-1,1) == '/' ? '' : '/') .
user_trailingslashit('page/%#%/','paged');;
$paginate_base .= '%_%';
}
echo paginate_links(array(
'base' => $paginate_base,
'format' => $paginate_format,
'total' => $wp_query->max_num_pages,
'mid_size' => 4,
'current' => ($paged ? $paged : 1),
'prev_text' => '«',
'next_text' => '»',
)); ?>

css

.pager{
text-align:center;
}
a.page-numbers,
.pager .current{
background:rgba(0,0,0,0.02);
border:solid 1px rgba(0,0,0,0.1);
border-radius:5px;
padding:5px 8px;
margin:0 2px;
}
.pager .current{
background:rgba(0,0,0,1);
border:solid 1px rgba(0,0,0,1);
color:rgba(255,255,255,1);
}

こちらのサイトを参考にさせていただきました。
https://techacademy.jp/magazine/7525

簡単実装のスクロールアニメーションができるAOS

スクロールアニメーションの実装ができるaos
jqueryが不要でとても使い勝手がよい。

ソース元
https://michalsnik.github.io/aos/

arrow coding

リストに矢印アイコンの実装する際に参考にさせていただきました。

http://www.pressmantech.com/tech/design/2738

wordpressで記事ページを分割する方法

wordpressで記事ページを分割するには、

1.

MAMPで複数ローカルホストを作りたい

1. httpd-vhosts.confの中の#を削除して、コメントアウトを解除。

#Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

対象ファイル:/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

2. httpd-vhosts.conf にVirtualHostを設定。
下記、コードをページの一番下に追加。

DocumentRoot、Directoryに該当パスを設定し、httpd-vhosts.conf

Listen 8001


DocumentRoot "/Users/userId/web/localhost_8001/htdocs"

AllowOverride All

対象ファイル:/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

こちら参考にさせていただきました。
http://qiita.com/tsukishimaao/items/cab4caa065d901608856

MANPでsqlが立ち上がらない場合

Applications/MAMP/Confファルダにmy.cnfというファイルを作成し、
ファイル内につぎのとおりに記載します。

[mysqld]
default-storage-engine = InnoDB
innodb
innodb_force_recovery = 1

ローディングプラグイン

fakeLoader.js

背景切り替えできるプラグインbgswitcher

背景切り替えできるプラグインbgswitcher

https://rewish.jp/blog/releases/jquery_bg_switcher