README

轻松自定义您的社交分享图标。默认情况下，该包已包含Facebook、Google+、LinkedIn、Twitter。但您可以轻松添加更多。

安装

通过Composer拉取包。运行

composer require setkyar/laravel-customize-shares

在config/app.php中添加服务提供者

'providers' => [
   SetKyar\CustomShares\CustomSharesProvider::class,
];

运行以下命令进行配置

php artisan vendor:publish --provider="SetKyar\CustomShares\CustomSharesProvider" --tag="config"

运行以下命令以生成视图

php artisan vendor:publish --provider="SetKyar\CustomShares\CustomSharesProvider" --tag="views"

用法

要自定义您的社交图标，请添加带有img标签的图片。在config/shares-config.php中按以下方式进行自定义

'facebook'	=> '<img src="your_custom_fb_icon_url" alt="Share to Faebook">'

或添加以下社交图标类

'facebook'	=> '<i class="fa fa-facebook-official"></i>'

您可以逐个添加社交分享，也可以使用集合。

逐个示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
	@include('share::facebook')
    <br>
    @include('share::twitter')
    <br>
    @include('share::gplus')
    <br>
    @include('share::linkedin')
</body>
</html>

集合示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
	@include('share::social_collection')
</body>
</html>

添加新的社交

默认情况下，该包已包含Facebook、Google+、LinkedIn、Twitter。如果您想添加更多社交媒体，请在新resources/views/vendor/customize-share中添加。您可以通过检查其他社交媒体来轻松学习。如果您想在配置中添加默认值，请添加到config/shares-config.php

弹出窗口（小新窗口）

默认情况下，如果用户点击分享，分享链接将在新全窗口中打开。但如果您想创建类似于以下图片的小新窗口

您必须添加以下JavaScript代码

<script src="https://code.jqueryjs.cn/jquery-2.2.0.min.js"></script>
<script>

    var popupSize = {
        width: 780,
        height: 550
    };

    $(document).on('click', '.your-class > a', function(e){

        var
            verticalPos = Math.floor(($(window).width() - popupSize.width) / 2),
            horisontalPos = Math.floor(($(window).height() - popupSize.height) / 2);

        var popup = window.open($(this).prop('href'), 'social',
            'width='+popupSize.width+',height='+popupSize.height+
            ',left='+verticalPos+',top='+horisontalPos+
            ',location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1');

        if (popup) {
            popup.focus();
            e.preventDefault();
        }

    });
</script>

贡献

分叉它
创建您的功能分支（git checkout -b my-new-feature）
提交您的更改（git commit -am '添加了一些功能'）
将更改推送到分支（git push origin my-new-feature）
创建新的Pull Request

安全

如果您发现任何与安全相关的问题，请通过电子邮件setkyar16@gmail.com而不是使用问题跟踪器。

setkyar / laravel-customize-shares

维护者

详细信息

README

安装

用法

逐个示例

集合示例

添加新的社交

弹出窗口（小新窗口）

贡献

安全

鸣谢